Salt la selectorul de culori

Convertor Flutter / Compose în HEX

Lipește o valoare Flutter / Compose și primești imediat HEX. Merge și orice alt format.

Recunoscut ca cod Flutter

Valoare HEX#ff5733

Ajustează culoarea

11°
100 %

68 %
0,210
34°

Toate celelalte formate

Exemple Flutter / Compose în HEX

CuloareFlutter / ComposeHEX
Color(0xFFFF0000)#ff0000
Color(0xFF00FF00)#00ff00
Color(0xFF0000FF)#0000ff
Color(0xFFFFFFFF)#ffffff
Color(0xFF000000)#000000
Color(0xFF808080)#808080
Color(0xFFFF5733)#ff5733
Color(0xFF3B82F6)#3b82f6
Color(0xFF10B981)#10b981
Color(0xFFF59E0B)#f59e0b
Color(0xFF8B5CF6)#8b5cf6
Color(0xFFEC4899)#ec4899

Despre Flutter / Compose și HEX

Flutter și Jetpack Compose scriu o culoare ca un singur număr ARGB pe 32 de biți, de exemplu Color(0xFFFF5733). Cele două cifre hex de după 0x sunt alfa, iar FF înseamnă complet opac.

HEX scrie roșul, verdele și albastrul cu câte două cifre hexazecimale, de exemplu #ff5733. Este cel mai răspândit mod de a scrie culorile pe web și în instrumentele de design.

Cum funcționează conversia

Citim valoarea Flutter / Compose, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în HEX. Valorile din afara gamutului țintă sunt aduse în gamut cu algoritmul CSS Color 4, care păstrează luminozitatea și nuanța și reduce croma.

Întrebări și răspunsuri

Cum convertesc Flutter / Compose în HEX?

Lipește sau scrie o valoare Flutter / Compose în câmpul de mai sus. PickShade o convertește cu formulele CSS Color 4 pe măsură ce scrii, iar un clic copiază valoarea HEX.

Conversia din Flutter / Compose în HEX este exactă?

Calculele sunt exacte, iar rezultatul este rotunjit doar la afișare, cu suficiente zecimale ca să poți reveni la aceeași culoare. Dacă culoarea nu încape în gamutul țintă, PickShade te avertizează și arată cea mai apropiată culoare care încape.

Pot obține și alte formate în același timp?

Da. Toate celelalte formate, inclusiv OKLCH, Display P3, Tailwind, SwiftUI, Flutter și Android, sunt listate sub rezultat și se copiază dintr-un clic.

Convertorul este gratuit?

Da. Este gratuit, nu cere cont și rulează în întregime în browserul tău.