Zum Inhalt springen
Alle Rechner

Farbumrechner: HEX, RGB und HSL

Farben zwischen HEX, RGB und HSL umrechnen, mit Vorschau und Kopierknopf für dein CSS.

  • #00C897
  • rgb(0, 200, 151)
  • hsl(165, 100%, 39%)

So rechnest du Farben um

Gib die Farbe in einem der Felder ein: als HEX-Wert wie #00C897, als Rot-, Grün- und Blauanteile oder als Farbton, Sättigung und Helligkeit. Alle anderen Felder passen sich an. Unten findest du die fertigen CSS-Schreibweisen zum Kopieren.

Die drei Farbmodelle

Alle drei beschreiben dieselben Farben, nur auf verschiedene Weise:

  • HEX: sechs Hexadezimalziffern für Rot, Grün und Blau, etwa #FF8800. Die Kurzform #F80 steht für #FF8800.
  • RGB: drei Werte von 0 bis 255 für Rot, Grün und Blau, etwa rgb(255, 136, 0).
  • HSL: Farbton in Grad (0 bis 360), Sättigung und Helligkeit in Prozent, etwa hsl(32, 100%, 50%). Praktisch, wenn du eine Farbe heller, dunkler oder blasser machen willst.

Beispiel

Das Grün #00C897 hat die RGB-Werte 0, 200 und 151 und entspricht hsl(165, 100%, 39%). Willst du einen dunkleren Ton, senkst du im HSL-Feld die Helligkeit und kopierst den neuen HEX-Wert.

Deine Eingaben bleiben in deinem Browser

Alle Berechnungen laufen auf deinem Gerät. Der Text, den du einfügst, wird nicht an einen Server geschickt und nirgends gespeichert. Das ist praktisch für vertrauliche Inhalte und funktioniert nach dem Laden der Seite auch ohne Internetverbindung.

Fragen und Antworten

Was bedeutet die Kurzform #F80?

Jede Ziffer wird verdoppelt: #F80 ist #FF8800. Das Tool versteht beide Schreibweisen, mit oder ohne Raute.

Warum weicht der HSL-Wert manchmal minimal ab?

HSL-Werte werden auf ganze Zahlen gerundet. Beim Zurückrechnen kann sich dadurch ein RGB-Wert um 1 ändern.

Welches Format soll ich im CSS verwenden?

Alle drei funktionieren in jedem aktuellen Browser. HEX ist am kürzesten, HSL am einfachsten zu verändern.

Gibt es auch Farben mit Transparenz?

Dieses Tool rechnet deckende Farben um. Eine Transparenz ergänzt du im CSS mit rgb(0 200 151 / 50%).

Kostet das Tool etwas?

Nein. Das Tool ist kostenlos und braucht weder Anmeldung noch Installation. Es gibt keine feste Grenze für die Länge der Eingabe, die Grenze setzt nur der Arbeitsspeicher deines Geräts.