RGB in Flutter / Compose umrechnen
RGB-Wert einfügen und sofort Flutter / Compose erhalten. Andere Formate funktionieren auch.
Beispiele: RGB in Flutter / Compose
Über RGB und Flutter / Compose
RGB legt Rot, Grün und Blau jeweils von 0 bis 255 fest. Es beschreibt, wie ein Bildschirm Licht mischt, und wird in modernem CSS als rgb(255 87 51) geschrieben.
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.
So funktioniert die Umrechnung
Wir lesen den RGB-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in Flutter / Compose. 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 RGB in Flutter / Compose um?
Füge einen RGB-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 Flutter / Compose-Wert.
Ist die Umrechnung von RGB in Flutter / Compose 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.