Vergleiche die vom Browser gemeldete Unterstützung für sRGB, Display-P3 und Rec.2020 mit sichtbaren Farbfeldern und Verläufen.
Vergleiche die sRGB-Referenz mit dem Zielfarbraum in derselben Zeile.
Prüfe, ob der Verlauf glatt bleibt oder Banding und Clipping sichtbar werden.
color-gamut beschreibt nur den ungefähren Bereich, den User-Agent und Ausgabegerät melden. Farbfeldunterschiede hängen außerdem von Farbmanagement, Profil, Anzeigemodus und Inhalt ab; eine prozentuale Abdeckung wird nicht ausgegeben.
Prüfe zuerst die Browsermeldung und wechsle dann zwischen Farbfeldpaaren und Verläufen. Auf einem Breitfarbraum-Display können Zielfarben gesättigter wirken; fehlende Unterschiede können aber auch durch Browser, Profil, Modus oder Panel entstehen.
Die Seite nutzt die CSS-Mediaeigenschaft color-gamut und color()-Farben aus CSS Color 4. Damit wird eine ungefähre Ausgabeunterstützung geprüft, nicht die spektrale Antwort des Panels.
Die Seite kann Primärfarben, Weißpunkt, Helligkeit, Abdeckung oder Farbvolumen des Monitors nicht auslesen. Für Prozentwerte oder Hardware-Nachweise brauchst du Messgerät und Kalibrierungssoftware.
Wähle Display-P3, prüfe die Browsermeldung und vergleiche die sRGB- und P3-Felder im Vollbild. Das ist eine Sichtprüfung und kein Nachweis der tatsächlichen Abdeckung.
Die Abfrage beschreibt die Unterstützung des Ausgabewegs, nicht garantiert sichtbare Unterschiede. Profil, Anzeigemodus, Panel und Betrachtungsbedingungen können die Farbfelder angleichen.
Nein. Eine Webseite erhält keine verlässlichen Primärfarb- und Messdaten des Panels und kann daher keine Werte wie 95 % P3 oder 100 % sRGB bestätigen.
Sie ist ein Hinweis auf die gemeldete Fähigkeit von Browser und Ausgabeweg, kein Beleg für Abdeckung, Volumen oder Farbgenauigkeit des Panels.
Einstellungen und Beobachtungsnotizen bleiben in diesem Browser. Es wird nichts hochgeladen; die Kopierfunktion läuft erst nach deinem Klick.
Die Muster verwenden CSS Color 4, color-gamut und die Fullscreen-API des Browsers.