HEX-, RGB- und HSL-Farben umrechnen

Wofür die Farbumrechnung nützlich ist

Mit dem Farbkonverter übertragen Sie Farbangaben zwischen HEX, RGB und HSL. Nach einer erfolgreichen Verarbeitung stehen die drei Darstellungen, numerische Farbwerte und eine Vorschau zur Verfügung. Das eignet sich beispielsweise, wenn ein Wert aus einem Entwurf, einer Website oder einer technischen Dokumentation in einer anderen Schreibweise benötigt wird. Entscheidend ist, dass die Eingabe zum ausgewählten Quellformat passt.

HEX, RGB und HSL verfolgen unterschiedliche Darstellungsweisen. Eine HEX-Angabe beschreibt Farbkanäle als Zeichenfolge, RGB verwendet drei Kanalwerte und HSL ordnet die Farbe über Farbton, Sättigung und Helligkeit ein. Die Ausgabe erleichtert den Vergleich, ersetzt aber nicht die Prüfung, ob der übernommene Wert für den jeweiligen Einsatzbereich passend ist.

Für eine erfolgreiche Umrechnung brauchen Sie eine nicht leere Farbangabe und ein erkanntes Ausgangsformat. Unterstützt werden die Bezeichnungen hex, rgb und hsl; eine andere Auswahl führt zu keinem Umrechnungsergebnis.

So führen Sie die Umrechnung durch

1. Tragen Sie die Farbangabe in das vorgesehene Eingabefeld ein. Bei HEX sind drei oder sechs Stellen zulässig, und ein führendes # kann vorhanden sein oder fehlen. Eine leere Eingabe sollten Sie vermeiden, weil daraus kein Ergebnis entsteht.

2. Legen Sie das Quellformat fest. Verwenden Sie dafür hex, rgb oder hsl in Kleinbuchstaben. Wenn keine Formatangabe übermittelt wird, dient HEX als Voreinstellung. Bei einer RGB-Farbe müssen drei numerische Bestandteile erkannt werden; jeder daraus entstehende Kanalwert muss zwischen 0 und 255 liegen.

3. Wählen Sie die vorgesehene Aktion zum Starten der Umrechnung. Für HSL müssen drei numerische Bestandteile erkannt werden. Der Farbton wird in einen 360-Grad-Zyklus eingeordnet, während Sättigung und Helligkeit auf den Bereich von 0 bis 100 Prozent begrenzt werden, wenn erkannte Werte darüber liegen.

4. Sehen Sie sich das Ergebnis nach der Verarbeitung an. Bei Erfolg werden eine HEX-, eine RGB- und eine HSL-Darstellung sowie numerische RGB-Kanalwerte und HSL-Komponenten ausgegeben. Die RGB-Kanäle erscheinen als Ganzzahlen, und umgerechnete HSL-Komponenten werden auf Ganzzahlen gerundet.

5. Vergleichen Sie die angezeigten Werte mit Ihrer Ausgangsangabe, bevor Sie einen Wert übernehmen. Achten Sie besonders auf das gewählte Format, die Anzahl der erkannten Zahlen und die Grenzen der RGB-Kanäle. Bei einem Fehlschlag prüfen Sie Eingabe und Auswahl gemeinsam, statt eine nicht angezeigte Umrechnung anzunehmen.

Was die Ausgabe bedeutet

Eine erfolgreiche Ausgabe stellt dieselbe verarbeitete Farbe in drei Schreibweisen gegenüber. Die HEX-Darstellung ist als kompakte Notation nützlich, RGB trennt die drei Farbkanäle, und HSL macht Farbton, Sättigung sowie Helligkeit als eigene Komponenten sichtbar. Die Vorschau ergänzt diese Zahlen um einen visuellen Eindruck.

Die angezeigten Ganzzahlen sind bei RGB die Kanalwerte und bei der umgerechneten HSL-Darstellung gerundete Komponenten. Kleine Unterschiede gegenüber einer Eingabe mit Nachkommastellen können deshalb aus der Darstellung als Ganzzahl entstehen. Für die Weiterverwendung sollten Sie die Ausgabe in dem Format übernehmen, das Ihr Zielsystem erwartet.

Die Verarbeitung liest RGB- und HSL-Werte aus numerischen Teilzeichenfolgen aus, anstatt den gesamten Text wie eine vollständige Farbsyntax zu prüfen. Deshalb kann ungewöhnlich wirkender Text trotzdem verarbeitet werden. Eine solche Verarbeitung bestätigt nicht, dass die Schreibweise fachlich sinnvoll ist.

Bei HSL werden führende Minuszeichen nicht als negative Werte behandelt; aus dem Text können stattdessen die darauf folgenden Ziffern ausgelesen werden. Prüfen Sie bei solchen Eingaben daher die ausgegebenen Komponenten besonders aufmerksam. Ein nicht erkanntes Quellformat, eine leere Farbe, fehlende Zahlen oder unzulässige RGB-Kanäle führen dagegen nicht zu einer erfolgreichen Konvertierung.

Praktisches Beispiel

Sie übertragen eine kurze HEX-Farbe aus einer Designnotiz in die beiden anderen unterstützten Darstellungen.

Geben Sie #3a7 als Farbe ein, wählen Sie hex als Quellformat und starten Sie die vorgesehene Umrechnung.

Nach erfolgreicher Verarbeitung erscheinen eine HEX-, eine RGB- und eine HSL-Darstellung, numerische RGB- und HSL-Werte sowie eine Vorschau. Konkrete Ausgabewerte werden nicht vorweggenommen.

Einschränkungen

• Die Verarbeitung prüft RGB- und HSL-Text nicht als vollständige Farbsyntax, sondern liest numerische Teilzeichenfolgen aus. Leere Eingaben scheitern, RGB-Kanäle brauchen Werte von 0 bis 255, und HSL-Minuszeichen werden nicht als negative Vorzeichen ausgewertet.

Häufige Fehler

• Unpassende Formatangabe: Eine Auswahl außerhalb von hex, rgb und hsl oder eine Schreibweise mit Großbuchstaben wird nicht erkannt. Wählen Sie das passende Format in Kleinbuchstaben; ohne übermittelte Auswahl greift die HEX-Voreinstellung.

Häufige Fragen

Welches Quellformat gilt ohne Auswahl?

Wenn keine Formatangabe übermittelt wird, verwendet die Verarbeitung HEX als Voreinstellung. Für eine RGB- oder HSL-Angabe wählen Sie deshalb das jeweilige Quellformat ausdrücklich aus.

Welche HEX-Schreibweisen werden angenommen?

Für HEX können Sie drei oder sechs Stellen mit oder ohne führendes # verwenden. Eine fehlende Farbangabe wird jedoch nicht in eine Darstellung umgewandelt.

Warum wird eine ungewöhnlich aussehende RGB-Angabe verarbeitet?

Wenn drei numerische RGB-Bestandteile ausgelesen werden und jeder Kanal zwischen 0 und 255 liegt, kann die Verarbeitung erfolgreich sein. Ungewöhnlicher Text kann wegen der Auslesung von Zahlenteilen ebenfalls verarbeitet werden, weshalb Sie die Ausgabe kontrollieren sollten.