Ein HEX-Farbwert aus einem Styleguide wird häufig als RGB-Wert benötigt. Umgekehrt liegen Farben aus Bildbearbeitungs- oder Office-Programmen oft nur als RGB-Werte vor. Der Farbcode-Konverter übersetzt beide Schreibweisen direkt ineinander. Nach der Eingabe aktualisieren sich Ergebnis und Farbvorschau automatisch. Eine Anmeldung oder Weiterleitung ist nicht erforderlich. Alternativ kann eine Farbe über den integrierten Farbwähler ausgewählt werden.
So funktioniert die Umrechnung
- HEX eingeben – Möglich sind sechsstellige Werte wie
#601a1aoder601a1a. Eine fehlende Raute wird automatisch ergänzt. Auch dreistellige Kurzformen wie#f00werden erkannt. Dabei wird jedes Zeichen verdoppelt. Aus#f00wird somit#ff0000. - Oder RGB eingeben – Ein RGB-Wert besteht aus drei ganzen Zahlen zwischen 0 und 255. Die Werte stehen für Rot, Grün und Blau. z.B.
96, 26, 26 - Oder den Farbwähler nutzen – Der Farbwähler eignet sich, wenn kein konkreter Farbcode vorliegt. Die ausgewählte Farbe wird direkt als HEX- und RGB-Wert angezeigt. Das jeweils andere Eingabefeld füllt sich automatisch. Eine große Farbfläche erleichtert die visuelle Beurteilung. Beide Farbwerte stehen anschließend zum Kopieren bereit.
Was ist der Unterschied zwischen HEX und RGB?
HEX und RGB beschreiben bei dieser Umrechnung dieselbe Bildschirmfarbe. Der Unterschied liegt lediglich in der Schreibweise.
RGB gibt die Anteile von Rot, Grün und Blau als Dezimalzahlen an. Jeder Kanal kann einen Wert zwischen 0 und 255 besitzen. Der Wert 96, 26, 26 enthält einen deutlich höheren Rotanteil. Das Ergebnis ist ein dunkles Rot mit weinroter Wirkung.
HEX stellt dieselben Farbkanäle im Hexadezimalsystem dar. Dabei werden die Ziffern 0 bis 9 sowie die Buchstaben A bis F verwendet.
Ein sechsstelliger HEX-Code wird in drei Paare aufgeteilt:
60steht für Rot1asteht für Grün1asteht für Blau
Der HEX-Wert #601a1a und der RGB-Wert 96, 26, 26 beschreiben daher dieselbe sRGB-Farbe. Sechsstellige HEX-Werte und ganzzahlige RGB-Werte ermöglichen jeweils 256 Abstufungen pro Farbkanal. Daraus entstehen insgesamt 16.777.216 mögliche Farbkombinationen.
Die Umrechnung zwischen diesen beiden Schreibweisen verursacht keinen Qualitätsverlust. Voraussetzung ist, dass keine Transparenz oder ein anderer Farbraum berücksichtigt werden muss.
Wann wird welcher Farbcode verwendet?
- Webdesign und CSS: HEX-Codes eignen sich für kompakte und gut lesbare Farbangaben. Beispiele sind
#fffffffür Weiß oder#000000für Schwarz. RGB ist hilfreich, wenn einzelne Farbkanäle direkt bearbeitet werden sollen. Modernes CSS unterstützt Transparenz über einen zusätzlichen Alpha-Wert, beispielsweise mitrgb(96 26 26 / 50%). Auch achtstellige HEX-Werte können einen Alpha-Kanal enthalten. Die Schreibweisergba()wird weiterhin unterstützt, gilt heute jedoch als Alias fürrgb(). - Bildbearbeitung: Programme wie Adobe Photoshop unterstützen unter anderem RGB- und HEX-Werte. Dadurch lassen sich Webfarben direkt in Gestaltungsdateien übernehmen.
- Office-Dokumente und Präsentationen: Microsoft-Programme ermöglichen in ihren Farbdialogen die Eingabe einzelner Rot-, Grün- und Blauwerte. Das ist besonders bei festgelegten Unternehmensfarben hilfreich.
- Corporate Design: Styleguides enthalten Markenfarben häufig in mehreren Farbsystemen. HEX eignet sich vor allem für Webanwendungen. RGB wird häufig für digitale Dokumente, Grafiken und Präsentationen verwendet. Eine einheitliche Dokumentation verhindert sichtbare Farbabweichungen zwischen Website, Social Media und Geschäftsdokumenten.
Was ist bei Druckfarben zu beachten?
HEX und RGB sind in erster Linie für digitale Ausgabegeräte vorgesehen. Für den professionellen Druck kommen häufig CMYK-Werte oder Sonderfarben zum Einsatz. Eine einfache mathematische Umrechnung liefert nicht immer ein identisches Druckergebnis. Einige RGB-Farben liegen außerhalb des darstellbaren CMYK-Farbraums und müssen bei der Konvertierung angepasst werden.
Das Ergebnis hängt außerdem vom verwendeten Farbprofil, dem Papier und dem Druckverfahren ab. CMYK-Farbräume sind geräte- und ausgabebedingungsabhängig. Für verbindliche Marken- oder Druckfarben sind deshalb geeignete Farbprofile und eine Abstimmung mit der Druckerei erforderlich.
Häufige Fragen
Ist der Farbcode-Konverter kostenlos?
Ja. Der Konverter kann ohne Anmeldung und ohne festgelegte Begrenzung verwendet werden.
Warum wird ein Farbwert als ungültig angezeigt?
Ein HEX-Wert benötigt für diesen Konverter drei oder sechs Zeichen aus den Bereichen 0 bis 9 und A bis F.
Ein RGB-Wert besteht aus genau drei ganzen Zahlen zwischen 0 und 255. Häufige Ursachen sind fehlende Werte, falsche Trennzeichen oder die Verwechslung des Buchstabens „O“ mit der Ziffer „0“.
Können Kurzformen wie #fff eingegeben werden?
Ja. Die Kurzform #fff wird zu #ffffff erweitert. Der entsprechende RGB-Wert lautet 255, 255, 255 und ergibt Weiß.
Unterstützt der Konverter Transparenz?
Die beschriebene Umrechnung berücksichtigt ausschließlich dreistellige und sechsstellige HEX-Werte sowie drei RGB-Kanäle.
Vier- oder achtstellige HEX-Codes und RGB-Werte mit Alpha-Kanal benötigen eine zusätzliche Transparenzumrechnung.
Werden eingegebene Farbwerte gespeichert?
Die Umrechnung erfolgt vollständig im Browser. Es werden keine Farbwerte gespeichert oder an einen Server übertragen.