Farbkonverter

Farbwert eingeben oder ändern – alle anderen Formate werden live aktualisiert.

Farbformate ausprobieren

Ein Beispiel übernimmt den Wert direkt in den Konverter. Eine Auswahl des Quell- oder Zielformats ist nicht nötig.

Welches Farbformat passt wofür?

HEX und RGB sind praktische sRGB-Werte für klassische Web- und Design-Workflows. HSL und HSV/HSB ordnen dieselbe Bildschirmfarbe nach Farbton, Sättigung und Helligkeit beziehungsweise Wert und sind dadurch oft leichter manuell zu verändern. OKLCH beschreibt wahrgenommene Helligkeit, Chroma und Farbton und eignet sich besonders für moderne CSS- und Design-Systeme. Display-P3 kann auf geeigneten Displays Farben außerhalb des kleineren sRGB-Farbraums beschreiben.

Lab, LCH, OKLab, HWB und XYZ D65 stehen unter „Weitere Farbräume“ bereit, wenn du einen technischen oder farbmetrischen Zwischenwert brauchst. Es gibt deshalb keinen einzelnen „besten“ Farbcode – entscheidend ist, wo der Wert anschließend verwendet wird.

Was bedeutet „sRGB angepasst“?

OKLCH und Display-P3 können Farben enthalten, die außerhalb von sRGB liegen. In diesem Fall verwirft Minimenta den ursprünglichen Wide-Gamut-Wert nicht. Nur sRGB-gebundene Ausgaben wie HEX, RGB, HSL, HSV, HWB und die CMYK-Näherung werden in einen darstellbaren sRGB-Wert überführt.

Die Anpassung erfolgt wahrnehmungsbezogen über OKLCH-Gamut-Mapping statt durch bloßes Abschneiden übersteuerter RGB-Kanäle. Das Badge „sRGB angepasst“ zeigt deshalb an, dass die sRGB-Ausgabe eine möglichst ähnliche Ersatzfarbe ist. Liegt eine Farbe sogar außerhalb von Display-P3, wird auch die P3-Ausgabe entsprechend gekennzeichnet und angepasst.

Wie wird Transparenz behandelt?

Die Deckkraft gehört im Konverter zur aktuellen Farbe und bleibt beim Wechsel zwischen den Formaten erhalten. Bei weniger als 100 % Deckkraft verwendet HEX eine achtstellige Schreibweise mit Alphakanal; CSS-Formate wie RGB, HSL oder OKLCH können Alpha mit / ausgeben.

Einige hier unterstützte Schreibweisen tragen in ihrer normalen Ausgabe keinen eigenen Alpha-Wert. Wenn du zum Beispiel das HSV- oder CMYK-Feld bearbeitest, ohne dort ausdrücklich eine neue Deckkraft anzugeben, behält Minimenta deshalb die bereits eingestellte Deckkraft bei, statt sie unbemerkt auf 100 % zurückzusetzen.

Wofür ist „CSS-Fallback kopieren“?

Bei einer modernen Wide-Gamut- oder OKLCH-Farbe erzeugt die Aktion zuerst eine angepasste sRGB-Zeile und darunter den ursprünglichen modernen CSS-Farbwert. Browser, die den neueren Farbwert verstehen, verwenden die spätere Deklaration; ältere Browser können bei der vorherigen sRGB-Farbe bleiben. Liegt die aktuelle Farbe bereits vollständig in sRGB und braucht keinen abweichenden Quellwert, ist keine zweite Farbangabe nötig.

Was bedeutet CMYK hier?

Die CMYK-Werte sind eine profilunabhängige Bildschirm-Näherung aus der sRGB-Darstellung. Für verbindliche Druckfarben braucht es ein konkretes ICC-Profil, Papier und Druckverfahren; diese Informationen kann ein Browser-Konverter nicht seriös erraten. Verwende den Wert deshalb zur Orientierung oder Übergabe zwischen einfachen Workflows, nicht als verbindlichen Proof für den späteren Druck.

Wenn du statt eines Codes eine verständliche Bezeichnung brauchst oder zuerst einen Farbwert aus einem Bild bestimmen möchtest, führen die beiden passenden Farbtools direkt in diesen Workflow weiter.