Farbwerte umrechnen: HEX, RGB, HSL

Geben Sie einen Farbwert in einer der drei Schreibweisen ein; die beiden anderen stehen sofort darunter.

Farbwert

HEX, RGB oder HSL eingeben, zum Beispiel aus einem Grafikprogramm.

HEX: #00C9A7
RGB: rgb(0, 201, 167)
HSL: hsl(170, 100%, 39%)

So geht’s

Farbwert als HEX, RGB oder HSL eingeben oder im Farbwähler auswählen.
Die Umrechnung erscheint sofort in allen drei Schreibweisen.
Den benötigten Wert mit „Kopieren“ übernehmen.

Beispiele

Markenfarbe von ARENJA

Dieselbe Farbe in drei Schreibweisen:

#00C9A7
rgb(0, 201, 167)
hsl(170, 100%, 39%)

Kurzform

Drei Stellen statt sechs: Jede Stelle wird verdoppelt.

#0C9
#00CC99

Grau

Graustufen haben in HSL die Sättigung 0; der Farbton spielt dann keine Rolle.

#808080
rgb(128, 128, 128)
hsl(0, 0%, 50%)

Häufige Fragen

Wann nehme ich HEX, RGB oder HSL?

HEX ist die kürzeste Schreibweise und in Grafikprogrammen verbreitet. RGB brauchen Sie, wenn eine Transparenz dazukommt (rgba). In HSL lassen sich Farbton, Sättigung und Helligkeit einzeln ändern, etwa für hellere Varianten derselben Farbe.

Warum weicht der HEX-Wert nach dem Zurückrechnen aus HSL ab?

Die HSL-Werte sind auf ganze Zahlen gerundet. Zurückgerechnet kann der HEX-Wert um wenige Stufen abweichen, zum Beispiel #00C7A6 statt #00C9A7. Für exakte Farben nehmen Sie HEX oder RGB.

Werden meine Eingaben gespeichert?

Nein. Die Umrechnung läuft in Ihrem Browser; es wird nichts an uns übertragen.