Farbformat-Konverter

Zehn Formate: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK und Display P3. Jedes davon kann als Quell- oder Zielformat dienen, sodass es 90 Konvertierungsrichtungen gibt. Die Ergebnisse verwenden die moderne CSS-Color-4-Syntax, zum Beispiel rgb(255 136 0) oder oklch(0.7442 0.1812 56.46).

Gib die vollständige CSS-Notation des Quellformats ein, zum Beispiel hsl(32 100% 50%) oder color(display-p3 1 0.5 0), oder nur die Zahlen, etwa 32, 100%, 50%, wenn HSL ausgewählt ist. Hex-Codes funktionieren mit oder ohne # und mit 3, 4, 6 oder 8 Ziffern. Der Wert muss zum ausgewählten Quellformat passen. Ein rgb()-Wert auf einer HSL-Seite wird daher abgelehnt, statt versehentlich konvertiert zu werden.

culori unterstützt keinen CMYK-Modus. Deshalb verwendet der Konverter die übliche einfache Formel mit sRGB-Werten von 0 bis 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K) und entsprechend für M und Y. In umgekehrter Richtung gilt R = (1 - C) x (1 - K) und so weiter. Das ist keine ICC-Profilkonvertierung und entspricht daher nicht der Ausgabe einer bestimmten Druckmaschine oder eines bestimmten Papiers. Verwende sie für Bildschirmnäherungen und grobe Spezifikationen.

Verwende cmyk(0%, 47%, 100%, 0%), geräte-cmyk(0 0.47 1 0) oder vier reine Zahlen. Werte mit Prozentzeichen werden als Prozentangaben behandelt; Werte ohne Einheit als Bruchteile von 0 bis 1. Liegt einer davon über 1, werden alle als Prozentangaben gelesen. Daher funktioniert 0, 47, 100, 0 wie erwartet. CMYK-Ausgaben werden immer als Prozentangaben mit bis zu zwei Dezimalstellen ausgegeben.

Lab, LCH, OKLab, OKLCH und Display P3 können Farben beschreiben, die sRGB nicht darstellen kann. Ist das Ziel HEX, RGB, HSL, HWB oder CMYK, die alle sRGB entsprechen, oder Display P3, wird eine Farbe außerhalb des Farbraums mit dem CSS-Color-4-Algorithmus angepasst. Dabei wird die OKLCH-Chroma verringert, bis die Farbe in den Farbraum passt; das Ergebnis enthält einen entsprechenden Hinweis. Die Zielformate Lab, LCH, OKLab und OKLCH sind unbegrenzt, daher werden Farben nie angepasst.

Ja, bei jedem Zielformat außer CMYK. Ein Alpha-Wert in der Eingabe, zum Beispiel rgb(255 136 0 / 50%) oder #ff880080, wird in CSS-Funktionen als / 0.5 und als 8-stelliger Hex-Code ausgegeben. CMYK hat keinen Alphakanal, daher entfällt der Alpha-Wert dabei.

RGB-Kanäle werden auf ganze Zahlen von 0 bis 255 gerundet; Prozentsätze für HSL, HWB und CMYK sowie Lab- und LCH-Werte auf zwei Dezimalstellen; OKLab-Werte, OKLCH-Helligkeit und -Chroma sowie Display-P3-Kanäle auf vier Dezimalstellen; Farbtonwerte auf zwei Dezimalstellen. Alle Berechnungen erfolgen vor dem Runden mit voller doppelter Genauigkeit. So bleibt die Abweichung beim Hin- und Herkonvertieren innerhalb der Rundung des ursprünglichen Werts.

CIELAB und CIE LCH mit dem D50-Weißpunkt, genau wie in den Funktionen CSS lab() und lch() definiert, mit Bradford-Adaptation vom D65-Weißpunkt von sRGB. Die Helligkeit reicht von 0 bis 100. OKLab und OKLCH sind die wahrnehmungsbezogenen Farbräume von Bjorn Ottosson, die von CSS oklab() und oklch() verwendet werden; ihre Helligkeit reicht von 0 bis 1.

Das Formular auf der Seite konvertiert jeweils eine Farbe. Clients, die das Tool direkt aufrufen, können bis zu 100 Farben senden, eine pro Zeile, und erhalten pro Zeile einen konvertierten Wert in derselben Reihenfolge. Jede Farbe darf höchstens 100 Zeichen lang sein.

Neutrale Farben haben keinen Farbton. CSS kann diesen als none ausgeben. Der Konverter gibt stattdessen 0 aus, damit der Wert auch in Werkzeugen funktioniert, die none nicht akzeptieren. Bei einer Sättigung oder Chroma von null hat der Farbton keine sichtbare Wirkung.