Wird geladen...
Füge eine beliebige CSS-Farbe ein und erhalte sofort HEX-, RGB-, HSL-, HWB-, OKLCH- und CMYK-Werte mit Live-Vorschau und WCAG-Kontrastprüfung.
Gib oben eine Farbe ein, um Vorschau und Umrechnungen zu sehen.
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.
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.
Jede Umrechnung läuft lokal in deinem Browser. Deine Farbwerte werden niemals hochgeladen oder auf unseren Servern gespeichert.