Zum Farbwähler springen

Flutter / Compose in HEX umrechnen

Flutter / Compose-Wert einfügen und sofort HEX erhalten. Andere Formate funktionieren auch.

Erkannt als Flutter-Code

HEX-Wert#ff5733

Farbe anpassen

11°
100 %

68 %
0,210
34°

Alle anderen Formate

Beispiele: Flutter / Compose in HEX

FarbeFlutter / 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

Über Flutter / Compose und HEX

Flutter und Jetpack Compose schreiben eine Farbe als eine 32-Bit-ARGB-Zahl, etwa Color(0xFFFF5733). Die zwei Hex-Ziffern nach 0x sind der Alphawert, FF bedeutet voll deckend.

HEX schreibt Rot, Grün und Blau mit je zwei hexadezimalen Ziffern, etwa #ff5733. Das ist die gängigste Schreibweise für Farben im Web und in Designtools.

So funktioniert die Umrechnung

Wir lesen den Flutter / Compose-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in HEX. Werte außerhalb des Zielfarbraums passt der Algorithmus aus CSS Color 4 an: Helligkeit und Farbton bleiben, das Chroma sinkt.

Fragen und Antworten

Wie rechne ich Flutter / Compose in HEX um?

Füge einen Flutter / Compose-Wert in das Feld oben ein oder tippe ihn ein. PickShade rechnet schon beim Tippen mit den Formeln aus CSS Color 4 um, und ein Klick kopiert den HEX-Wert.

Ist die Umrechnung von Flutter / Compose in HEX exakt?

Die Rechnung ist exakt. Gerundet wird nur für die Anzeige, mit so vielen Stellen, dass die Rückrechnung dieselbe Farbe ergibt. Passt die Farbe nicht in den Zielfarbraum, warnt PickShade und zeigt die nächste Farbe, die passt.

Bekomme ich gleichzeitig andere Formate?

Ja. Alle anderen Formate, darunter OKLCH, Display P3, Tailwind, SwiftUI, Flutter und Android, stehen unter dem Ergebnis und lassen sich mit einem Klick kopieren.

Ist dieser Konverter kostenlos?

Ja. Er ist kostenlos, braucht keine Anmeldung und läuft komplett in deinem Browser.