Farbkonverter: HEX, RGB, HSL

Drei Schreibweisen für eine Farbe

HEX schreibt Rot, Grün und Blau als drei Paare hexadezimaler Ziffern von 00 bis ff: #ff8800 ist Rot 255, Grün 136, Blau 0. Die Kurzform #f80 verdoppelt jede Ziffer. RGB schreibt dieselben Zahlen dezimal. HSL beschreibt die Farbe über Farbton (0 bis 360 Grad auf dem Farbkreis), Sättigung und Helligkeit in Prozent, die sich von Hand leichter anpassen lassen.

Warum HSL

Für eine hellere oder dunklere Variante einer Markenfarbe Farbton und Sättigung behalten und nur die Helligkeit ändern: aus hsl(32, 100%, 50%) wird hsl(32, 100%, 70%). Den Farbton um 180 Grad drehen ergibt die Komplementärfarbe. Über HSL und zurück nach HEX entsteht am schnellsten eine stimmige Palette.

Rundung und Namen

HSL-Werte werden auf ganze Zahlen gerundet, eine Hin- und Rückrechnung kann einen Wert um eins verschieben. Alle 148 CSS-Farbnamen werden erkannt. Transparenz (Alpha bei rgba oder hsla) wird ignoriert, nur die deckende Farbe wird umgerechnet.

Beispiel

Eine HEX-Farbe in RGB und HSL umgerechnet.

Eingabe

#6d3fd8

Ergebnis

#6d3fd8  rgb(109, 63, 216)  hsl(258, 66%, 55%)

So funktioniert es

1. Eine Farbe pro Zeile eingeben oder einfügen.
2. HEX-, RGB- und HSL-Werte in jeder Ergebniszeile ablesen.
3. Gewünschte Schreibweise kopieren oder die Liste herunterladen.

Häufige Fragen

Wie rechne ich HEX in RGB um?

Die sechs Ziffern in drei Paare teilen und jedes Paar von hexadezimal in dezimal umrechnen: ff = 255, 88 = 136, 00 = 0. Oder den Code oben einfügen.

Kann ich mehrere Farben auf einmal umrechnen?

Ja, eine Farbe pro Zeile.

Und CMYK?

CMYK hängt vom Druckprofil ab, eine einfache Formel wäre irreführend. Fragen Sie die Druckerei nach dem Profil und rechnen Sie in Ihrer Grafiksoftware um.