Aller au sélecteur de couleur

Convertisseur OKLCH en Flutter / Compose

Collez une valeur OKLCH et obtenez aussitôt le Flutter / Compose. Les autres formats sont acceptés aussi.

Lu comme OKLCH

Valeur Flutter / ComposeColor(0xFFFF5733)
Flutter / Compose en OKLCH

Ajuster la couleur

11°
100 %

68 %
0,210
34°

Tous les autres formats

Exemples de conversion OKLCH en Flutter / Compose

CouleurOKLCHFlutter / 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)

À propos de OKLCH et Flutter / Compose

OKLCH est OKLab en coordonnées polaires : clarté, chroma et teinte. Tailwind CSS v4 l’utilise pour toute sa palette, car changer la clarté garde la teinte stable.

Flutter et Jetpack Compose écrivent une couleur comme un seul nombre ARGB sur 32 bits, par exemple Color(0xFFFF5733). Les deux chiffres hex après 0x sont l’alpha, FF signifie totalement opaque.

Comment fonctionne la conversion

Nous lisons la valeur OKLCH, la convertissons en CIE XYZ avec les matrices de la spécification CSS Color 4, puis en Flutter / Compose. Les valeurs hors du gamut cible sont ramenées par l’algorithme de CSS Color 4, qui conserve la clarté et la teinte et réduit le chroma.

Questions et réponses

Comment convertir OKLCH en Flutter / Compose ?

Collez ou saisissez une valeur OKLCH dans le champ ci-dessus. PickShade la convertit au fil de la saisie avec les formules CSS Color 4, et un clic copie la valeur Flutter / Compose.

La conversion OKLCH en Flutter / Compose est-elle exacte ?

Le calcul est exact et le résultat n’est arrondi que pour l’affichage, avec assez de décimales pour revenir à la même couleur. Si la couleur n’entre pas dans le gamut cible, PickShade vous prévient et affiche la couleur la plus proche qui y entre.

Puis-je obtenir d’autres formats en même temps ?

Oui. Tous les autres formats, dont OKLCH, Display P3, Tailwind, SwiftUI, Flutter et Android, sont listés sous le résultat et se copient en un clic.

Ce convertisseur est-il gratuit ?

Oui. Il est gratuit, sans inscription, et fonctionne entièrement dans votre navigateur.