Entwicklerwerkzeuge
Farbumrechner
Rechnen Sie eine Farbe zwischen HEX, RGB, HSL, HSV, CMYK, Lab, LCH, OKLab und OKLCH um, indem Sie ein beliebiges Format einfügen – mit CSS-Namen, WCAG-Kontrast, Abstufungen und Harmonien.
So verwenden Sie dieses Werkzeug
- 1
Tippen oder fügen Sie eine Farbe ein oder nutzen Sie die Farbauswahl (und die Pipette, wenn Ihr Browser sie anbietet).
- 2
Kopieren Sie das benötigte Format.
- 3
Prüfen Sie den Kontrast auf Weiß und auf Schwarz für Ihren Text.
- 4
Erkunden Sie die Abstufungen und Harmonien und klicken Sie dann auf die, die Ihnen gefällt.
Hilfe
- Fügen Sie die Farbe in einem beliebigen Format ein (#1e90ff, rgb(30 144 255), hsl(210 100% 56%), oklch(66% 0.19 250), cmyk(88%, 44%, 0%, 0%), dodgerblue): Das Format wird erkannt, und alle anderen erscheinen, jedes mit einer Kopieren-Schaltfläche.
- Lab und LCH folgen der CSS-Definition (Referenzweiß D50); OKLab und OKLCH sind moderne wahrnehmungsbasierte Räume, nützlich für gleichmäßige Verläufe und Paletten.
- CMYK ist eine einfache mathematische Umrechnung, kein Druckerprofil: Gedruckte Farben weichen ab. Eine Farbe außerhalb des sRGB-Farbraums wird auf die nächste darstellbare gebracht.
- Das WCAG-Kontrastverhältnis wird gegen Weiß und gegen Schwarz berechnet, mit den Schwellen AA und AAA (Fließtext und großer Text).
- Abstufungen behalten den Farbton mit gleichmäßigen Helligkeitsschritten; Harmonien (komplementär, Dreiklang, analog …) drehen den Farbton. Klicken Sie auf ein Farbfeld, um es als neue Farbe zu übernehmen.
Häufige Fragen
Was ist der Unterschied zwischen HSL und OKLCH?
HSL ist einfach, aber irreführend: Zwei Farben mit derselben HSL-Helligkeit können sehr unterschiedlich hell wirken. OKLCH ist so ausgelegt, dass die wahrgenommene Helligkeit gleichmäßig ist, was bessere Verläufe und Paletten ergibt.
Warum passt das angezeigte CMYK nicht zu meinem Drucker?
CMYK-Werte hängen von Tinte, Papier und dem ICC-Profil des Druckers ab. Das Werkzeug führt die theoretische Umrechnung aus RGB durch; für den Druck fragen Sie Ihre Druckerei nach der Umrechnung.
Welchen Kontrast soll ich anstreben?
WCAG verlangt mindestens 4,5:1 für Fließtext und 3:1 für großen Text (AA) oder 7:1 und 4,5:1 für AAA.
Verfasst und geprüft vom MaxyTools-Team · Aktualisiert am
Hat Ihnen dieses Werkzeug geholfen?