Farbcodes umrechnen (HEX, RGB, HSL, CMYK)
Füge eine Farbe in einem gängigen Format ein – #0d6e63, rgb(13,110,99) oder hsl(173,79%,24%) – und erhalte alle anderen Formate zum Kopieren, dazu eine Kontrastprüfung für barrierefreien Text.
Läuft im Browser
So geht's
- Tippe eine Farbe oder nutze den Farbwähler.
- Kopiere das Format, das du brauchst.
- Prüfe die Kontrastbewertung auf weißem und schwarzem Hintergrund.
Wie es funktioniert
Alle Umrechnungen laufen über sRGB, den Farbraum des Webs. HSL und HSV sind geometrische Umordnungen von RGB, die Umrechnung ist also bis auf Rundungen exakt. CMYK wird hier rein rechnerisch bestimmt; Druckereien arbeiten mit Farbprofilen, gedruckte Farben können deshalb abweichen.
Die Kontrastwerte folgen WCAG 2.2: mindestens 4,5:1 für normalen Text (AA), 3:1 für großen Text und 7:1 für AAA.
Beispiele
- Markenfarbe
- #ff8800 = rgb(255, 136, 0) = hsl(32, 100%, 50%).
Typische Anwendungsfälle
- Design-Tokens zwischen Werkzeugen übertragen
- Barrierefreiheit von Textfarben prüfen
- Farben für CSS-Variablen umrechnen
Datenschutz und Sicherheit
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien und Texte werden nie auf unsere Server hochgeladen — die Verarbeitung passiert auf deinem Gerät, und auch das Ergebnis entsteht dort. Wie jedes Tool mit Dateien umgeht
Häufige Fragen
Werden HEX-Farben mit acht Stellen unterstützt?
Ja. #RRGGBBAA enthält die Transparenz und wird als rgba() und hsla() ausgegeben.
Warum sehen gedruckte Farben anders aus?
Bildschirme mischen Licht (RGB), Druckmaschinen mischen Farben (CMYK). Für exakte Treffer nutze das ICC-Profil deiner Druckerei.
Zuletzt aktualisiert: