Farbkonverter
Geben Sie einen Hex-Farbcode ein, um die entsprechenden RGB- und HSL-Werte mit den einzelnen Rot-, Grün- und Blau-Kanälen anzuzeigen.
So verwenden Sie diesen Farbumrechner
- Hex-Farbcode eingeben
Geben Sie einen 6-stelligen Hex-Code in das Feld für den Hex-Farbcode ein (z. B. FF6B35 oder 00FF88). Lassen Sie das #-Symbol weg.
- RGB-Werte ablesen
Die Ergebnisse für den Rot-, Grün- und Blaukanal zeigen die Werte von 0 bis 255 für jede Komponente.
- HSL-Ausgabe prüfen
Überprüfen Sie das HSL-Ergebnis für Farbton (0–360°), Sättigung und Helligkeit – nützlich für Farbanpassungen.
So funktioniert dieser Farbumrechner
Dieses Tool wandelt einen hexadezimalen Farbcode in RGB- (Rot, Grün, Blau) und HSL-Darstellungen (Farbwert, Sättigung, Helligkeit) um. Jedes Hex-Paar entspricht einem 8-Bit-Kanalwert (0–255), und die HSL-Konvertierung nutzt Standard-Farbraum-Mathematik.
R = hex[0:2] → Dezimal; G = hex[2:4] → Dezimal; B = hex[4:6] → Dezimal Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — reines Schwarz.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — reines Weiß. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — mittleres Grau.
- ✓ Die Eingabe ist ein gültiger 6-stelliger Hex-Farbcode.
- ✓ Der Alphakanal wird in dieser Version nicht unterstützt.
- Die CMYK-Konvertierung erfordert ein Farbprofil und ist hier nicht enthalten.
Farbmodelle verstehen
HEX, RGB und HSL sind verschiedene Arten, dieselbe Farbe zu beschreiben. HEX kodiert RGB als 6-stellige hexadezimale Zeichenfolge: Jedes Zeichenpaar entspricht einem 8-Bit-Kanal (0–255). RGB drückt dieselben Werte als drei Zahlen aus, die additiven Primärfarben, die Bildschirme ausstrahlen. HSL (Hue, Saturation, Lightness) ist ein zylindrisches Modell: Der Farbton ist der Winkel auf dem Farbrad (0° Rot, 120° Grün, 240° Blau), die Sättigung ist die Farbintensität und die Helligkeit ist die Leuchtkraft. Designer bevorzugen oft HSL bei der programmatischen Farbanpassung – die Änderung der Helligkeit allein dunkelt ab oder hellt auf, ohne den Farbton zu verschieben, und das Anpassen der Sättigung verändert die Farbkraft.
Anwendungsfälle für Farbumrechnung in der Entwicklung
Entwickler konvertieren Farben beim Erstellen von Design-Systemen, Implementieren von Themes, Generieren von Farbpaletten und Debuggen von CSS. Design-Tokens speichern Farben oft in Hex; die Konvertierung in RGB oder HSL ermöglicht Berechnungen zur Laufzeit, wie z. B. Deckkraft-Overlays oder barrierefreie Kontrastprüfungen. Theme-Switcher müssen möglicherweise hellere oder dunklere Varianten von einer Basisfarbe mittels HSL ableiten. Automatisierte Tools für Barrierefreiheit konvertieren Farben, um Luminanz und Kontrastverhältnisse zu berechnen. Beim Debuggen von Layout- oder Theme-Fehlern hilft die Anzeige eines Hex-Werts als RGB oder HSL dabei, den fehlerhaften Kanal zu identifizieren. Die Farbumrechnung wird auch in der Datenvisualisierung, in Diagramm-Bibliotheken und beim dynamischen UI-Theming verwendet.
Häufig gestellte Fragen
Kann ich einen 3-stelligen Hex-Code eingeben?
Derzeit erwartet dieses Tool einen 6-stelligen Code. Für 3-stellige Kurzschreibweisen wie F60 erweitern Sie diese bitte zuerst auf FF6600.
Was ist HSL?
HSL steht für Hue (Farbwert), Saturation (Sättigung) und Lightness (Helligkeit). Es ist eine alternative Methode zur Farbbeschreibung, die manche Designer intuitiver finden als RGB.