Gå til fargevelgeren

Konverter SwiftUI til HEX

Lim inn en SwiftUI-verdi og få HEX med en gang. Andre formater virker også.

Tolket som Swift-kode

HEX-verdi#ff5733
HEX til SwiftUI

Juster fargen

11°
100 %

68 %
0,210
34°

Alle andre formater

Eksempler: SwiftUI til HEX

FargeSwiftUIHEX
Color(red: 1, green: 0, blue: 0)#ff0000
Color(red: 0, green: 1, blue: 0)#00ff00
Color(red: 0, green: 0, blue: 1)#0000ff
Color(red: 1, green: 1, blue: 1)#ffffff
Color(red: 0, green: 0, blue: 0)#000000
Color(red: 0.502, green: 0.502, blue: 0.502)#808080
Color(red: 1, green: 0.341, blue: 0.2)#ff5733
Color(red: 0.231, green: 0.51, blue: 0.965)#3b82f6
Color(red: 0.063, green: 0.725, blue: 0.506)#10b981
Color(red: 0.961, green: 0.62, blue: 0.043)#f59e0b
Color(red: 0.545, green: 0.361, blue: 0.965)#8b5cf6
Color(red: 0.925, green: 0.282, blue: 0.6)#ec4899

Om SwiftUI og HEX

SwiftUI beskriver en farge med rødt, grønt og blått fra 0 til 1, skrevet som Color(red: 1, green: 0.341, blue: 0.2). Opasitet legges til med parameteren opacity.

HEX skriver rødt, grønt og blått som to heksadesimale sifre hver, for eksempel #ff5733. Det er den vanligste måten å skrive farger på nettet og i designverktøy.

Slik fungerer konverteringen

Vi leser SwiftUI-verdien, regner den om til CIE XYZ med matrisene fra spesifikasjonen CSS Color 4 og deretter til HEX. Verdier utenfor målformatets fargeomfang tilpasses med algoritmen i CSS Color 4, som beholder lyshet og fargetone og reduserer kroma.

Spørsmål og svar

Hvordan konverterer jeg SwiftUI til HEX?

Lim inn eller skriv en SwiftUI-verdi i feltet ovenfor. PickShade konverterer den med formlene i CSS Color 4 mens du skriver, og med ett klikk kopierer du HEX-verdien.

Er konverteringen fra SwiftUI til HEX nøyaktig?

Beregningen er nøyaktig, og resultatet rundes bare av for visning, med nok sifre til å regne tilbake til samme farge. Hvis fargen ikke får plass i målformatets fargeomfang, varsler PickShade deg og viser nærmeste farge som får plass.

Kan jeg få andre formater samtidig?

Ja. Alle andre formater, blant annet OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ett klikk.

Er denne konvertereren gratis?

Ja. Den er gratis, krever ingen registrering og kjører helt i nettleseren din.