Farben umrechnen
Rechnet Farben zwischen HEX, RGB und HSL um.
So funktioniert der Farbumrechner
- Nutze den Farbwähler oder gib einen HEX-Code ein.
- Die passenden RGB- und HSL-Werte aktualisieren sich sofort.
Wähle eine Farbe oder gib ihren Code ein und sieh die Werte in HEX, RGB und HSL nebeneinander. Praktisch für Designer und Entwickler, die dieselbe Farbe in verschiedenen Formaten brauchen.
HEX, RGB und HSL erklärt
HEX und RGB beschreiben dasselbe: wie viel rotes, grünes und blaues Licht eine Farbe ergibt, jeweils von 0 bis 255. In HEX wird jeder Wert mit zwei Hexadezimalziffern geschrieben, #FF8000 ist also rgb(255, 128, 0), ein kräftiges Orange.
HSL beschreibt Farben so, wie Menschen sie denken: Farbton (die Position auf dem Farbkreis von 0 bis 360°), Sättigung (wie kräftig) und Helligkeit. Damit lassen sich hellere und dunklere Varianten derselben Farbe leicht bauen. Alle drei Formate funktionieren in CSS.
Häufige Fragen
Welche Farbformate werden unterstützt?
Angezeigt werden HEX (zum Beispiel #2f6fed), RGB und HSL, berechnet aus dem HEX-Code, den du wählst oder eingibst.
Kann ich einen dreistelligen HEX-Code eingeben?
Ja, Kurzformen wie #fff werden automatisch zur sechsstelligen Form erweitert.
Wie rechne ich HEX von Hand in RGB um?
Teil den Code in drei Paare und wandle jedes von hexadezimal in dezimal um. Bei #1E90FF ist 1E = 30, 90 = 144 und FF = 255, also rgb(30, 144, 255).
Welches Format sollte ich in CSS nehmen?
Jedes. HEX ist am kürzesten und am verbreitetsten, HSL am praktischsten, wenn du Helligkeit oder Sättigung anpassen willst.