So funktioniert’s
- Geben Sie eine Farbe in das Textfeld ein oder wählen Sie sie mit der Farbauswahl.
- Darunter sehen Sie die sechs Formate, jedes mit einer Schaltfläche Kopieren.
Akzeptiert werden #rgb, #rrggbb, rgb(), hsl(), hsv(), cmyk() und oklch(), mit Kommas oder Leerzeichen zwischen den Werten und optionalen Einheiten % und deg. Es ist CSS-Syntax, Dezimalzahlen schreiben Sie daher mit Punkt: oklch(55% 0.17 262).
Wie die Umrechnungen funktionieren
- HSL und HSV ordnen RGB in Farbton (den Winkel auf dem Farbkreis), Sättigung und Helligkeit bzw. Hellwert um.
- CMYK wird als
K = 1 − max(R, G, B)berechnet, die übrigen Kanäle werden mit dem Rest skaliert. - OKLCH wandelt sRGB in lineares Licht um, dann in den Oklab-Raum und schließlich in Polarform (Helligkeit, Buntheit, Farbton).
Beispiel
Das Blau #3366cc ist rgb(51, 102, 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%) und oklch(53.2% 0.168 262.3), also eine OKLCH-Helligkeit von 53,2 % und ein Farbton von 262,3°. Reines Rot #ff0000 ist oklch(62.8% 0.258 29.2).
Tipps
- Grautöne haben keinen sinnvollen Farbton; er wird als 0 angezeigt.
- Transparenz (Alpha) wird nicht verarbeitet: Geben Sie die deckende Farbe ein.
- Für den Druck fragen Sie die CMYK-Werte bei der Druckerei an: Mit deren Profil fallen sie anders aus.