Flutter / Compose naar RGB converter

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

Van Flutter / Compose

Gelezen als Flutter-code

RGB-waardergb(255, 87, 51)

RGB naar Flutter / Compose

Kleur aanpassen

Kleurtoon11°

Dekking100%

Lichtheid68%

Chroma0,210

Kleurtoon34°

Alle andere formaten

Voorbeelden: Flutter / Compose naar RGB

Kleur	Flutter / Compose	RGB
	Color(0xFFFF0000)	rgb(255, 0, 0)
	Color(0xFF00FF00)	rgb(0, 255, 0)
	Color(0xFF0000FF)	rgb(0, 0, 255)
	Color(0xFFFFFFFF)	rgb(255, 255, 255)
	Color(0xFF000000)	rgb(0, 0, 0)
	Color(0xFF808080)	rgb(128, 128, 128)
	Color(0xFFFF5733)	rgb(255, 87, 51)
	Color(0xFF3B82F6)	rgb(59, 130, 246)
	Color(0xFF10B981)	rgb(16, 185, 129)
	Color(0xFFF59E0B)	rgb(245, 158, 11)
	Color(0xFF8B5CF6)	rgb(139, 92, 246)
	Color(0xFFEC4899)	rgb(236, 72, 153)

Over Flutter / Compose en RGB

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.

RGB geeft rood, groen en blauw een waarde van 0 tot 255. Het beschrijft hoe een scherm licht mengt en wordt in modern CSS geschreven als rgb(255 87 51).

Zo werkt de omzetting

We lezen de Flutter / Compose-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar RGB. 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 Flutter / Compose om naar RGB?

Plak of typ een Flutter / Compose-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 RGB-waarde.

Is de omzetting van Flutter / Compose naar RGB 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.