Konvertera OKLCH till Flutter / Compose

Klistra in ett OKLCH-värde och få Flutter / Compose direkt. Andra format fungerar också.

Från OKLCH

Tolkad som OKLCH

Flutter / Compose-värdeColor(0xFFFF5733)

Flutter / Compose till OKLCH

Justera färgen

Färgton11°

Opacitet100 %

Ljushet68 %

Kroma0,210

Färgton34°

Alla andra format

Exempel: OKLCH till Flutter / Compose

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

Om OKLCH och Flutter / Compose

OKLCH är OKLab i polär form: ljushet, kroma och färgton. Tailwind CSS v4 använder det för hela sin palett eftersom färgtonen håller sig stabil när ljusheten ändras.

Flutter och Jetpack Compose skriver en färg som ett enda 32-bitars ARGB-tal, till exempel Color(0xFFFF5733). De två hexsiffrorna efter 0x är alfa, och FF betyder helt täckande.

Så fungerar konverteringen

Vi läser OKLCH-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till Flutter / Compose. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag OKLCH till Flutter / Compose?

Klistra in eller skriv ett OKLCH-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar Flutter / Compose-värdet.

Är konverteringen från OKLCH till Flutter / Compose exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.