Farben zwischen HEX, RGB, HSL & HWB umwandeln
Füge eine beliebige CSS-Farbe ein und erhalte sofort HEX-, RGB-, HSL- und HWB-Werte mit Live-Vorschau und WCAG-Kontrastprüfung.
Gib oben eine Farbe ein, um Vorschau und Umrechnungen zu sehen.
Über den Farbkonverter
Dieses Tool wandelt jede CSS-Farbe — Hex-Codes, rgb(), hsl() oder benannte Farben wie „coral“ — gleichzeitig in alle gängigen Formate um. Passe den Alphakanal an oder wähle einen Farbton visuell aus und kopiere anschließend genau den Wert, den du für CSS, Design-Tools oder Code brauchst.
Funktionen:
- Unterstützt HEX, RGB, HSL, HWB und benannte CSS-Farben
- Farbwähler und Alpha-Regler bleiben mit dem Textfeld synchron
- Integrierter WCAG-Kontrastprüfer mit AA/AAA-Badges
- Ein Klick zum Kopieren jedes Ausgabeformats
So konvertierst du eine Farbe
- Gib eine Farbe ein oder füge sie ein — Hex, rgb(), hsl() oder ein Name — in das Eingabefeld
- Feinjustiere sie mit dem Farbwähler oder dem Alpha-Regler
- Prüfe die sofort erzeugten HEX-, RGB-, HSL- und HWB-Werte
- Klicke auf einen Wert, um ihn in die Zwischenablage zu kopieren
Häufig gestellte Fragen
Welche Farbformate akzeptiert dieses Tool?
Hex-Codes (#abc, #aabbcc, #aabbccdd), rgb()/rgba(), hsl()/hsla() sowie jede gängige benannte CSS-Farbe wie „tomato“ oder „steelblue“.
Unterstützt der Konverter Transparenz?
Ja. Gib eine Farbe mit Alphawert ein (z. B. rgba() oder ein 8-stelliger Hex-Code) oder nutze den Alpha-Regler — alle Ausgabeformate werden entsprechend aktualisiert.
Was ist HWB und warum wird es angezeigt?
HWB (Hue, Whiteness, Blackness) ist ein Format des CSS Color Module, das sich oft intuitiver manuell anpassen lässt als HSL.
Was bedeutet der Kontrastwert für die Barrierefreiheit?
Er zeigt, wie gut lesbar Text in dieser Farbe auf weißem oder schwarzem Hintergrund wäre. WCAG empfiehlt für normal großen Text mindestens 4,5:1 (AA) bzw. 7:1 (AAA).
Werden meine Farbdaten irgendwohin hochgeladen?
Nein. Analyse und Umrechnung erfolgen vollständig lokal in deinem Browser per JavaScript — es wird nichts an einen Server gesendet.
Warum verliert mein 8-stelliger Hex-Code bei manchen Ausgaben die Transparenz?
Bei diesem Tool nicht — der Alphawert bleibt in HEX8, RGBA und HSLA erhalten. Manche älteren Tools oder Bildformate unterstützen nur den 6-stelligen Hex-Code, der den Alphakanal komplett verwirft; nutze RGBA oder HSLA, wenn die Transparenz woanders erhalten bleiben soll.
Datenschutz
Jede Umrechnung läuft lokal in deinem Browser. Deine Farbwerte werden niemals hochgeladen oder auf unseren Servern gespeichert.