Hex-zu-HSL-Umrechner
Wandle Hex-Farben in HSL, RGB und CMYK um und zurück. Prüfe zusätzlich WCAG-Kontrastwerte für Weiß und Schwarz mit einer Farbvorschau.
Grundfarben in Hex und HSL
Die Tabelle zeigt häufige deckende Grundfarben in Hex- und HSL-Schreibweise.
| Farbe | Hex | HSL |
|---|---|---|
| Rot | #FF0000 | hsl(0, 100%, 50%) |
| Grün | #00FF00 | hsl(120, 100%, 50%) |
| Blau | #0000FF | hsl(240, 100%, 50%) |
| Grau | #808080 | hsl(0, 0%, 50%) |
| Cyan | #00FFFF | hsl(180, 100%, 50%) |
| Gelb | #FFFF00 | hsl(60, 100%, 50%) |
Häufige Fragen
Wofür stehen HSL, RGB und CMYK?
HSL beschreibt Farbton, Sättigung und Helligkeit. RGB nutzt Rot, Grün und Blau für Bildschirme, während CMYK mit Cyan, Magenta, Gelb und Schwarz für den Druck arbeitet.
Welche Umrechnungsrichtungen unterstützt der Rechner?
Du kannst eine drei- oder sechsstellige Hex-Farbe in HSL, RGB und CMYK umwandeln. Umgekehrt kannst du HSL-Werte eingeben und daraus wieder eine Hex-Farbe erzeugen.
Warum kann sich eine Farbe beim HSL-Rundlauf leicht ändern?
Hex und RGB arbeiten mit ganzzahligen Kanälen, HSL-Werte werden hier ebenfalls gerundet. Beim Wechsel in beide Richtungen kann deshalb ein RGB-Kanal um eine Stufe abweichen.
Unterstützt der Hex-zu-HSL-Umrechner Transparenz?
Nein. Unterstützt werden nur deckende drei- und sechsstellige Hex-Farben. Achtstellige Hex-Werte mit Alphakanal sowie rgba-Ausgaben gehören nicht zum Rechenumfang.
Was sagt der WCAG-Kontrastwert aus?
Der Wert vergleicht die relative Helligkeit deiner Farbe mit Weiß oder Schwarz nach WCAG 2.1. Die AA- und AAA-Anzeige ist eine technische Orientierung und ersetzt keine vollständige Prüfung deines Designs.
Änderungsverlauf
Aktualisierungen von Hex-zu-HSL-Umrechner, nach Datum gruppiert.
1 Aktualisierung
Hex-zu-HSL-Umrechner hinzugefügt
- Wandle Hex-Farben in HSL, RGB und CMYK um und zurück. Prüfe zusätzlich WCAG-Kontrastwerte für Weiß und Schwarz mit einer Farbvorschau.
Ähnliche Rechner
Weitere geprüfte Rechner im Themenbereich „Technik“.