Start›Farb-Werkzeuge› Farb-UmrechnerBrowser
Eine Farbe zwischen HEX, RGB und HSL umrechnen
Zeigt eine Farbe gleichzeitig in allen gängigen Notationen. Es gibt keine Richtung zu wählen — Farbe aussuchen oder einfügen und das Format ablesen, das du brauchst.
- HEX
- #2F6FEB
- RGB
- rgb(47, 111, 235)
- HSL
- hsl(220, 82%, 55%)
- CSS-Variable
- --brand: #2f6feb;
Häufige Voreinstellungen
Jede hat ihre eigene Seite, die erklärt, woher die Vorgabe kommt und was dich erwartet.
So geht’s
- 1Wähl eine Farbe über das Farbfeld, oder füg einen Wert wie #3b82f6 ein.
- 2Lies die Notation, die du brauchst — es werden alle gleichzeitig gezeigt.
- 3Kopier die CSS-Variablen-Zeile, wenn die Farbe in ein Stylesheet soll.
Häufige Fragen
- Warum muss ich keine Richtung wählen?
- Weil HEX, RGB und HSL drei Schreibweisen derselben Farbe sind und nicht drei Formate, zwischen denen man umwandelt. Alle gleichzeitig zu zeigen spart einen Klick und die Frage, in welche Richtung man gerade wollte.
- Wann nehme ich HSL statt HEX?
- Wenn du Varianten baust. HSL trennt Farbton, Sättigung und Helligkeit, ein Hover-Zustand ist also dieselbe Farbe mit zehn Punkten weniger Helligkeit — eine Änderung, über die man nachdenken kann. In HEX sind dieselben zehn Punkte drei scheinbar zusammenhanglose Zahlen.
- Sind HEX und RGB exakt gleichwertig?
- Ja, für die Acht-Bit-Werte, die beide Notationen verwenden: #3b82f6 und rgb(59, 130, 246) sind dieselben 24 Bit, anders geschrieben. HSL ist ein anderes Koordinatensystem über demselben Raum, ein zurückgerechneter Wert kann also um einen Bruchteil danebenliegen.
- Was ist ein dreistelliger Hex-Code?
- Eine Kurzform: #f00 wird durch Verdoppeln jeder Ziffer zu #ff0000. Damit lassen sich nur Farben schreiben, deren Kanalpaare sich wiederholen — 4.096 von 16,7 Millionen. Für ein schnelles Rot reicht das, für eine Markenfarbe nicht.