Konverter Flutter / Compose til OKLCH

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

Fra Flutter / Compose

Tolket som Flutter-kode

OKLCH-verdioklch(68.036% 0.21001 33.692)

OKLCH til Flutter / Compose

Juster fargen

Fargetone11°

Opasitet100 %

Lyshet68 %

Kroma0,210

Fargetone34°

Alle andre formater

Eksempler: Flutter / Compose til OKLCH

Farge	Flutter / Compose	OKLCH
	Color(0xFFFF0000)	oklch(62.796% 0.25768 29.234)
	Color(0xFF00FF00)	oklch(86.644% 0.29483 142.495)
	Color(0xFF0000FF)	oklch(45.201% 0.31321 264.052)
	Color(0xFFFFFFFF)	oklch(100% 0 0)
	Color(0xFF000000)	oklch(0% 0 0)
	Color(0xFF808080)	oklch(59.987% 0 0)
	Color(0xFFFF5733)	oklch(68.036% 0.21001 33.692)
	Color(0xFF3B82F6)	oklch(62.308% 0.18801 259.815)
	Color(0xFF10B981)	oklch(69.587% 0.14907 162.48)
	Color(0xFFF59E0B)	oklch(76.859% 0.16466 70.08)
	Color(0xFF8B5CF6)	oklch(60.563% 0.21892 292.717)
	Color(0xFFEC4899)	oklch(65.592% 0.21177 354.308)

Om Flutter / Compose og OKLCH

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.

OKLCH er OKLab i polar form: lyshet, kroma og fargetone. Tailwind CSS v4 bruker det for hele paletten sin fordi fargetonen holder seg stabil når lysheten endres.

Slik fungerer konverteringen

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

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

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