TestMyGears

Farbraum-Test

sRGB- und Display-P3-Farbpatches nebeneinander vergleichen. Relative Abstände zwischen Swatches prüfen Vivid-Modi und Browser-Farbpfade — nicht Panel-Gamut-Volumen zertifizieren.

Browsers clip color to sRGB. P3/Adobe RGB coordinates here are for relative side-by-side comparison — not certified gamut volume. Use OS calibration software for absolute coverage.

Red — sRGB vs P3 Paused · Press F for fullscreen
Ready

Gamut patch

Gamut unknown
Gamut comparison patch

Compare layout

Pair layout
Surround

What to look for

Relative gap visible

Paired sRGB and P3 swatches separate in hue or saturation — your browser path may be passing wider primaries for this session.

Identical pairs

sRGB and P3 look the same — usual cause is browser/OS sRGB clipping, not proof your panel lacks P3 hardware.

Run & cycle

  • Cycle patches
  • F Fullscreen

Kostenloser sRGB- vs. Display-P3-Gamut-Vergleich

sRGB- vs. Display-P3-Referenzpatches — Wide-Gamut-Verhalten ohne Spektralfotometer grob prüfen.

Gepaarte sRGB/P3-Patches

Rot bis Magenta vergleicht sRGB-Hex neben color(display-p3 …)-Targets für relative Tiefenunterschiede auf einen Blick.

Primaries & Wide Sweep

Volle sRGB- und P3-Primary-Strips plus Dual-Rainbow-Sweep stressen Hue-Kontinuität.

Capability Badge

Live CSS color-gamut Media-Query-Chip — Capability-Hinweis, keine kalibrierte Messung.

Fullscreen Cycle

Single-Select-Patches, Side-by-Side oder Stack, Surround Color, Labels und Auto-Cycle ohne Browser zu verlassen.

Was dieser Gamut-Test kann und nicht kann

Wide Gamut betrifft chromatische Volumen. Browser und viele OS-Pfade mappen Output noch in sRGB — identische Swatches sind auf P3-Hardware üblich.

sRGB-Dreieck

sRGB ist der Default-Web-Working-Space. Die meisten Seiten, Fotos und UI-Assets sind hier — passende sRGB-Patches sind oft beabsichtigt.

Display-P3-Koordinaten

CSS color(display-p3 …) fordert breitere Primaries. Clippt der Compositor zu sRGB, kollabieren Requests zum nächsten sRGB-Nachbarn.

Relativ vs. absolut

Sichtbare Lücke = diese Session rendert zwei Rezepte unterschiedlich. Quantifiziert kein % DCI-P3 oder Adobe-RGB-Volumen.

color-gamut Media Query

Badge spiegelt matchMedia('(color-gamut: p3)'). OS-Overrides, Browser-Flags und HDR-Pfade können vom Box-Sticker abweichen.

So führst du den Farbraum-Test durch

Raumlicht stabil halten, mit Red compare starten, dann Secondaries und Sweeps durchgehen. Identische Paare als Pipeline-Hinweis behandeln, bevor du das Panel beschuldigst.

  1. Vollbild auf Test-Gerät

    Monitor oder Laptop, der zählt. Externe Panels können anderen Color Path haben als Notebook-Lid.

    Tip Night Light/True Tone aus — warme Tints verstecken subtile P3-Shifts.

  2. Primary Pairs zuerst

    Rot, Grün, Blau compares durchgehen. P3-Hälfte tiefer oder identisch? Orange und Cyan betonen Lücken. See also: Monitor-Farbkalibrierung .

    Tip Stack-Layout bei Side-by-Side-Glare.

  3. Modi und Badges cross-checken

    Display zwischen sRGB und Wide-Gamut-Presets toggeln und erneut testen. Badge P3 bei identischen Patches = Browser-Clipping. See also: RGB-Kanal-Test .

    Tip Mit Wide Sweep abschließen.

Grenzen von Browser-Gamut-Checks

Kein Coverage-Zertifikat

Hersteller quotieren DCI-P3 oder Adobe RGB % aus Lab-Geräten. Webseiten können diese Volumen durch geclippten Browser-Output nicht messen.

sRGB-Ehrlichkeit zuerst

Clipping annehmen, bis relative Lücke erscheint. OS-Tools (DisplayCAL, Vendor-Utilities) für absoluten Beweis.

Wann diesen Gamut-Vergleich laufen lassen

Use it when marketing claims, picture modes, or delivery color spaces disagree — not as a RMA-only verdict.

Neuer Wide-Gamut-Monitor

  • Unbox-Claim listet 95 %+ DCI-P3
  • Browser-Paare in sRGB identisch
  • Wechsel zu Display P3/Native kann Lücke öffnen

Recommended OSD-Modus mit Separation dokumentieren, dann mit Colorimeter verifizieren wenn Coverage für Arbeit zählt.

Foto/Design-Delivery

  • Kunden sehen Soft Proofs in Chrome/Edge
  • Export sRGB und Display P3 Masters
  • Prüfen ob Browser-Pfad sie kollabiert

Recommended Bei Match sRGB für Web liefern, Wide-Gamut-Files für color-managed Desktop-Apps.

Setup-Tipps für sauberere Vergleiche

Warm-up und Ambiente

Panel einige Minuten settle lassen, farbiges Bias Light aus. Ambiente-Tints täuschen Gamut-Unterschiede vor.

Erzwungenes sRGB deaktivieren

Manche GPU-Control-Panels erzwingen sRGB-Output. Vor P3-Pair-Urteil ausschalten.

Eine Änderung nach der anderen

Entweder OSD-Modus oder Browser ändern — nicht beides — um zu wissen, welche Schicht die Lücke öffnete/schloss.

Mit Kanal-Isolation folgen

Sieht Primary schwach statt geclippt aus, RGB-Kanäle als Nächstes für Kabel/Subpixel.

FAQ zu Farbraum-Test

Kann dieser Test beweisen, dass mein Monitor Display P3 abdeckt?

Nein. Browser clippen typischerweise außerhalb von sRGB, bevor Pixel das Panel erreichen. Nutze dieses Tool für relative Unterschiede zwischen gepaarten Swatches in einer Session. Für echtes Gamut-Volumen brauchst du OS-Kalibriersoftware oder ein Colorimeter.

Warum sehen sRGB und P3 auf meinem Monitor gleich aus?

OS, Browser, GPU oder Monitor erzwingen möglicherweise einen sRGB-Pfad — oder das Panel deckt P3 nicht ab. Display-Farbmodus prüfen, forced-sRGB-GPU-Optionen deaktivieren und in einem Browser mit CSS color(display-p3) erneut testen.

Was bedeutet das Gamut-Badge?

Es meldet die CSS color-gamut Media Query (sRGB, Display P3 oder Rec. 2020). Das ist ein Capability-Hinweis vom Browser, keine kalibrierte Messung der Panel-Abdeckung.

Sollten Webdesigner P3-Assets bevorzugen?

Die meiste Web-Auslieferung geht noch von sRGB aus. P3-Master nur bevorzugen, wenn deine Pipeline Ende-zu-Ende color-managed ist; sonst sRGB fürs offene Web exportieren und Wide-Gamut-Dateien für kontrollierte Apps behalten.

Ist Rec. 2020 dasselbe wie Display P3?

Nein. Rec. 2020 ist ein größerer UHDTV-Gamut. Das Badge kann auf manchen HDR-Pfaden Rec. 2020 melden, aber die Patches dieses Tools zielen auf sRGB- vs. Display-P3-Koordinaten für relative Vergleiche.