Gå til fargevelgeren

Konverter HEX til Flutter / Compose

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

Tolket som HEX

Flutter / Compose-verdiColor(0xFFFF5733)
Flutter / Compose til HEX

Juster fargen

11°
100 %

68 %
0,210
34°

Alle andre formater

Eksempler: HEX til Flutter / Compose

FargeHEXFlutter / Compose
#ff0000Color(0xFFFF0000)
#00ff00Color(0xFF00FF00)
#0000ffColor(0xFF0000FF)
#ffffffColor(0xFFFFFFFF)
#000000Color(0xFF000000)
#808080Color(0xFF808080)
#ff5733Color(0xFFFF5733)
#3b82f6Color(0xFF3B82F6)
#10b981Color(0xFF10B981)
#f59e0bColor(0xFFF59E0B)
#8b5cf6Color(0xFF8B5CF6)
#ec4899Color(0xFFEC4899)

Om HEX og Flutter / Compose

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.

Flutter og Jetpack Compose skriver en farge som ett 32-bits ARGB-tall, for eksempel Color(0xFFFF5733). De to hex-sifrene etter 0x er alfa, og FF betyr helt dekkende.

Slik fungerer konverteringen

Vi leser HEX-verdien, regner den om til CIE XYZ med matrisene fra spesifikasjonen CSS Color 4 og deretter til Flutter / Compose. 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 HEX til Flutter / Compose?

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

Er konverteringen fra HEX til Flutter / Compose 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.