RGB in HEX

Woher RGB-Werte kommen

Werte aus einem Screenshot oder der Farbpalette einer App entsprechen nicht immer der Farbe, die ein Designer festgelegt hat. Bildschirme und Screenshots können ein Profil mit großem Farbumfang wie Display P3 enthalten. Eine Farbpalette gibt dann möglicherweise diese Werte statt sRGB-Werte aus, sodass derselbe Button in jedem Kanal um einige Einheiten abweichen kann. Übernimm den Wert nach Möglichkeit aus der Quelldatei oder dem Stylesheet oder aus dem Originalbild mit der Bildpipette. Prozentwerte werden durch Multiplikation mit 2,55 umgerechnet: rgb(40%, 77%, 18%) entspricht ungefähr 102, 196, 46.

Kurzschreibweise und Groß-/Kleinschreibung

Das Ergebnis besteht immer aus sechs Großbuchstaben oder Ziffern. Die Groß-/Kleinschreibung ist Browsern egal, aber eine einheitliche Schreibweise nach dem Styleguide macht Suchen und Ersetzen zuverlässig. Ein Code kann nur dann auf drei Stellen gekürzt werden, wenn sich jede Ziffer in einem Paar wiederholt: #AABBCC wird zu #ABC, während #63C42D keine Kurzform hat. Nachkommastellen bei Kanalwerten werden gerundet, sodass zwei leicht unterschiedliche Eingaben denselben Code ergeben können. Für die Umkehrung kannst du HEX in RGB verwenden.

So benutzt du es

1. Gib RGB-Werte von 0 bis 255 ein.
2. Sieh dir das HEX-Ergebnis in Echtzeit an.
3. Kopiere die Farbe.

Datenschutz & Einschränkungen

Die Umwandlung bleibt im Browser.