12 Punkte von xguru 2023-02-08 | Noch keine Kommentare. | Auf WhatsApp teilen
  • CSS Color 4 bietet dem Web ein breites Spektrum an Farbwerkzeugen und -funktionen und beginnt, HD-CSS zu unterstützen
  • Display-Geräte werden immer besser, doch CSS konnte das bislang nicht abbilden
  • In CSS wurde 25 Jahre lang nur der sRGB-Farbraum verwendet; dieser deckt nur 30 % der für das menschliche Auge sichtbaren Farben ab
  • Ab Chrome 111 wird CSS Color Level 4 unterstützt
    • 12 neue Farbräume stehen zur Auswahl, darunter Farbumfänge wie RGB 98, Display p3, Rec2020 und ProPhoto
    • Damit ist Chrome nun auf dem gleichen Stand wie Safari, das display-p3 bereits seit 2016 unterstützt (ein von Apple entwickelter Farbumfang)
  • CSS unterstützt nun HD-Displays, und in unterstützenden Browsern können 50 % mehr Farben dargestellt werden

Inhaltsverzeichnis

  • Überblick
    • Was ist ein Farbumfang (Color Gamut)?
    • Der menschliche Sehbereich
    • Was ist ein Farbraum (Color Space)?
    • Zusammenfassung von Farbumfang und Farbraum
  • So erhält man Zugang zu mehr Farben, Farbräumen und Debug-Ergebnissen
    • Rückblick auf klassische Farbräume
    • Neue Web-Farbräume kennenlernen
    • Farbinterpolation
    • Bereichs-Clamping
    • Einen Farbraum auswählen
  • Migration zu HD-CSS-Farben
    • Unterstützung für Farbumfang und Farbraum prüfen
    • Farb-Debugging mit den Chrome DevTools
  • Fazit

Noch keine Kommentare.

Noch keine Kommentare.