Was sind moderne CSS-Farbräume?
CSS Color Level 4 führt mehrere neue Farbräume jenseits des traditionellen sRGB ein. OKLCH und OKLab bieten perzeptuell einheitliche Farbmanipulation, was bedeutet, dass gleiche numerische Veränderungen gleiche wahrgenommene Farbverschiebungen erzeugen. Display P3 ermöglicht breitere Farben auf modernen Displays. HWB (Hue, Whiteness, Blackness) bietet eine intuitive Alternative zu HSL. Dieses Tool konvertiert eine einzelne Farbeingabe in all diese Darstellungen mit gebrauchsfertiger CSS-Syntax.
Wie man diesen Farbraum-Explorer verwendet
- 1Geben Sie eine HEX-Farbe mit dem Farbwähler oder der Texteingabe ein.
- 2Zeigen Sie die Farbe, die in 8 verschiedene Farbräume umgewandelt wurde.
- 3Klicken Sie auf „Copy CSS“ neben einem beliebigen Format, um den CSS-ready-Wert zu kopieren.
- 4Verwenden Sie „OKLCH“-Werte für perzeptuell einheitliche Farbpaletten in modernen CSS.
Häufige Anwendungsfälle
Modernes CSS Design
Verwenden Sie OKLCH zum Erstellen von perzeptuell einheitlichen Farbpaletten in CSS.
Wide-Gamut-Farbarbeit
Konvertieren Sie sRGB-Farben in Display P3 für reichere Farben auf unterstützten Bildschirmen.
Color Science Education
Verstehen Sie, wie die gleiche Farbe in verschiedenen Farbmodellen dargestellt wird.
Häufig gestellte Fragen
Was ist der Vorteil von OKLCH gegenüber HSL?
OKLCH ist perzeptuell einheitlich, was bedeutet, dass gleiche Veränderungen in Helligkeit, Chroma oder Farbton visuell gleiche Veränderungen erzeugen. HSL ist nicht perzeptuell einheitlich, so dass zwei Farben mit der gleichen HSL-Sättigung in der wahrgenommenen Helligkeit sehr unterschiedlich erscheinen können.
Können Browser tatsächlich Display P3 Farben anzeigen?
Ja, moderne Browser auf Wide-Gamut-Displays (die meisten modernen Macs, iPhones und viele neuere Monitore) können Display-P3-Farben mit der CSS-Funktion color() rendern.
Was ist OKLab vs OKLCH?
OKLab verwendet L (Leichtigkeit), a (grün-rote Achse), b (blau-gelbe Achse) - ein kartesisches Modell. OKLCH verwendet L (Leichtigkeit), C (Chrom/Sättigung), H (Farbtonwinkel) - ein zylindrisches Modell. OKLCH ist intuitiver für die Auswahl von Farben.