CSS/Funktionen/color()

Browserunterstützung
caniuse.com

Die CSS-Funktion color() ermöglicht dem Browser Farben in jedem, so auch dem P3-Farbraum, dazustellen.

anwendbar auf

alle Farbangaben

Parameter

* explizite Angabe des Farbraums

• 3 Farbwerte
• optional Alphakanal als Zahlenwert, nicht in Prozent

Beispiel

/* Klassische Farbangabe mit RGB */
background: rgb(0 124 134 / 1);

/* Color Function mit P3-Farbraum */
background: color(display-p3 0.2084 0.4787 0.5185);

Farbangabe mit der color()-Funktion für den P3-Farbraum, vorher ein Fallback für ältere Browser und Bildschirme

Siehe auch

• Farbe/Farbmodelle#andere Farbmodelle

Weblinks

• W3C: Resolving values of the color() function
• kulturbanause.de CSS color()-Function – »Wide-Gamut« und Sonderfarben für Websites vom 04.11.2020
• css-tricks: The Expanding Gamut of Color on the Web
• creativepro: How do P3 displays affect your workflow?
• Browser-Support: caniuse.com