OKLCH naar Flutter / Compose converter

Plak een OKLCH-waarde en krijg direct Flutter / Compose. Andere formaten werken ook.

Van OKLCH

Gelezen als OKLCH

Flutter / Compose-waardeColor(0xFFFF5733)

Flutter / Compose naar OKLCH

Kleur aanpassen

Kleurtoon11°

Dekking100%

Lichtheid68%

Chroma0,210

Kleurtoon34°

Alle andere formaten

Voorbeelden: OKLCH naar Flutter / Compose

Kleur	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)

Over OKLCH en Flutter / Compose

OKLCH is OKLab in poolcoördinaten: lichtheid, chroma en kleurtoon. Tailwind CSS v4 gebruikt het voor het hele palet, omdat de kleurtoon stabiel blijft als je de lichtheid verandert.

Flutter en Jetpack Compose schrijven een kleur als één 32-bits ARGB-getal, zoals Color(0xFFFF5733). De twee hexcijfers na 0x zijn de alfa, FF betekent volledig dekkend.

Zo werkt de omzetting

We lezen de OKLCH-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar Flutter / Compose. Waarden buiten de doelgamut worden aangepast met het algoritme van CSS Color 4: lichtheid en kleurtoon blijven, de chroma daalt.

Vragen en antwoorden

Hoe zet ik OKLCH om naar Flutter / Compose?

Plak of typ een OKLCH-waarde in het veld hierboven. PickShade zet hem al tijdens het typen om met de formules van CSS Color 4, en met één klik kopieer je de Flutter / Compose-waarde.

Is de omzetting van OKLCH naar Flutter / Compose exact?

De berekening is exact en het resultaat wordt alleen voor de weergave afgerond, met genoeg cijfers om terug te rekenen naar dezelfde kleur. Past de kleur niet in de doelgamut, dan waarschuwt PickShade je en toont de dichtstbijzijnde kleur die wel past.

Kan ik tegelijk andere formaten krijgen?

Ja. Alle andere formaten, waaronder OKLCH, Display P3, Tailwind, SwiftUI, Flutter en Android, staan onder het resultaat en kopieer je met één klik.

Is deze converter gratis?

Ja. Hij is gratis, vraagt geen account en draait volledig in je browser.