Keine Werbung mögen? Gehen Werbefrei Heute

Einheitliche Farb-Raum-Umrechner

FarbeEntwicklerBild
ANZEIGE Entfernen?

Farb-Eingabe

Erkennung von HEX, RGB(A), HSL(A), HSV/HSB, CMYK, LAB, LCH, Oklab, XYZ oder benannten CSS-Farben.
Wählen Sie eine Farbe visuell mit der Farbpalette aus.

Vorschau


Alle Farbmodelle

ANZEIGE Entfernen?

Führung

Einheitlicher Farbmodellkonverter

Einheitliche Farb-Raum-Umrechner

Fügen Sie eine Farbe in beliebiger gängiger Formatierung ein und sehen Sie sofort ihre Darstellung in neun Farbmodellen nebeneinander. Der Konverter erkennt automatisch HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ, Oklab und benannte CSS-Farben und berechnet alle anderen Darstellungen mit vollständiger sRGB-Gamma-Korrektur und dem Standard-D65-Weißpunkt. Ein lebendiger Farbvorbezug und ein Klick zum Kopieren jedes Werts machen es zu einem schnellen Werkzeug für Designer, Entwickler, Druckteams und alle, die präzise Farbmetrik benötigen, ohne selbst mathematische Berechnungen durchführen zu müssen.

Nutzung

  1. Geben Sie einen Farbwert in das Farbwert Feld ein. Jedes gängige Format funktioniert: #464aff, rgb(70, 74, 255), hsl(238, 100%, 64%), lab(45 35 -85), oklab(0.5 0.1 -0.05), cmyk(72%, 71%, 0%, 0%), oder ein CSS-Name wie cornflowerblue.
  2. Sie können optional die native Farbpalette ziehen, um eine Farbe visuell auszuwählen; die Palette und das Textfeld bleiben synchron.
  3. Der erkannte Eingabeformat wird als Abzeichen in der Vorschau angezeigt. Alle anderen Farbmodelle werden automatisch ausgefüllt.
  4. Klicken Sie auf das Kopier-Icon neben jedem Ausgabeformat, um diesen Wert in die Zwischenablage zu kopieren.
  5. Der Nächste CSS-Name Das Feld zeigt die nächstnähere Standard-CSS-Farbe sowie deren ΔE76-Distanz für schnelle Palette-Entscheidungen an.

Funktionen

  • Neun Farbmodelle gleichzeitig – HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ (D65) und Oklab nebeneinander.
  • Eingabedetektion automatisch – Fügen Sie jedes Format ein und der Parser erkennt es automatisch, einschließlich moderner lab(), lch(), oklab()und benannter CSS-Farben.
  • Genauigkeit der Farbmetrik – sRGB-Gamma-Verarbeitung, Bradford-angepasste D65-Matrizen und Björn Ottossons Oklab-Matrizen für sinnvolle Ergebnisse.
  • Live-Vorschau der Farben – Siehe die exakte Farbe, zusammen mit ihren HEX- und RGB-Werten, während Sie eingeben.
  • Nächste CSS-Farbenname – ΔE76-Lookup gegen die vollständige Liste der benannten CSS-Farben für schnelle visuelle Kennzeichnung.
  • Ein-Klick-Kopie – Jede Ausgabereihe verfügt über eine Kopierfunktion, damit Sie Werte direkt in Designdateien oder Code einfügen können.
  • Reine Client-Seite Mathematik – Alles läuft lokal in Ihrem Browser; keine Farbwerte werden jemals an einen Server gesendet.

Häufig gestellte Fragen

  1. Welcher Unterschied besteht zwischen CIE LAB und Oklab?

    CIE LAB ist seit 1976 das Standardmodell für eine farbkonstante Farbpalette und wird weit verbreitet in der Druck- und Farbwissenschaft verwendet. Oklab, eingeführt von Björn Ottosson im Jahr 2020, wurde speziell optimiert, um die bekannten Schwächen von LAB im Bereich der Farbuniformität, insbesondere im blauen Bereich, zu beheben. Oklab erzeugt allgemein glattere Farbverläufe und vorhersagbare Farbrotationen, weshalb CSS Color Level 4 es für moderne Web-Farbarbeit fördert.

  2. Warum hat die gleiche Farbe unterschiedliche Werte in LAB und XYZ?

    CIE XYZ beschreibt eine Farbe in Bezug auf drei fiktive Primärfarben, die den menschlichen sichtbaren Farbgebiet abdecken, wobei die Werte linear in der Lichtintensität sind. CIE LAB ist eine nicht-lineare Transformation von XYZ, die so gestaltet ist, dass sie annähernd farbkonstant ist, sodass gleiche numerische Abstände in LAB näherungsweise gleich große wahrgenommene Unterschiede darstellen. Sie beschreiben die gleiche Farbe, aber XYZ dient für Farbwissenschaftliche Berechnungen und LAB dient zur Messung wahrgenommener Farbunterschiede.

  3. Warum ist CMYK nur eine Annäherung?

    Ein echtes CMYK-Ergebnis hängt von spezifischen Tinten, Papier und Druckern ab, die in einem ICC-Profil abgelegt sind. Ein device-unabhängiger CMYK-Schätzwert, wie dieser Tool produziert, wendet ein einfaches subtraktives Modell auf sRGB an und ignoriert den physischen Druckprozess. Er ist nützlich für grobe Umrechnungen, aber sollte niemals durch eine Soft-Proof mit dem entsprechenden ICC-Profil ersetzt werden, wenn Genauigkeit wichtig ist.

  4. Was bedeutet die ΔE-Wert neben dem nächsten CSS-Name?

    ΔE (Delta E) ist eine Zahl, die die Unterschiede zwischen zwei Farben für einen Menschen in der CIE LAB-Farbpalette zusammenfasst. ΔE76 ist die ursprüngliche Formel von 1976 und wird hier berichtet. Als grober Leitfaden: Ein ΔE unter 1 ist praktisch nicht erkennbar, unter 2 ist der Unterschied bei einer Seitenvergleich nur leicht wahrnehmbar und über 10 ist die Farbe offensichtlich anders.

  5. Warum ergeben einige LAB- oder Oklab-Werte geklippfte RGB-Ergebnisse?

    LAB, LCH, Oklab und XYZ können Farben beschreiben, die außerhalb des sRGB-Gamuts liegen, was bedeutet, dass sie nicht auf einem Standardmonitor genau dargestellt werden können. Wenn ein berechneter RGB-Wert unter 0 oder über 255 fällt, klappt das Tool jedes Kanal in den darstellbaren Bereich. Die sichtbare Farbe ist die nächstgelegene in-gamut-Annäherung anstatt eine treue Wiedergabe der ursprünglichen außerhalb des Gamuts liegenden Farbe.

Möchten Sie werbefrei genießen? Werde noch heute werbefrei

Erweiterungen installieren

IO-Tools zu Ihrem Lieblingsbrowser hinzufügen für sofortigen Zugriff und schnellere Suche

Zu Chrome-Erweiterung Zu Kantenerweiterung Zu Firefox-Erweiterung Zu Opera-Erweiterung

Die Anzeigetafel ist eingetroffen!

Anzeigetafel ist eine unterhaltsame Möglichkeit, Ihre Spiele zu verfolgen. Alle Daten werden in Ihrem Browser gespeichert. Weitere Funktionen folgen in Kürze!

ANZEIGE Entfernen?
ANZEIGE Entfernen?
ANZEIGE Entfernen?

Nachrichtenecke mit technischen Highlights

Beteiligen Sie sich

Helfen Sie uns, weiterhin wertvolle kostenlose Tools bereitzustellen

Kauf mir einen Kaffee
ANZEIGE Entfernen?