Display P3
A wide-gamut color space used by modern phones and laptops, with richer reds and greens than sRGB.
Also called P3, DCI-P3, wide gamut
Display P3 covers about 25% more colors than sRGB, mostly in vivid reds, oranges and greens. Most recent phones and laptops can show it.
In CSS you can use it with color(display-p3 1 0 0) or with oklch(), which can reach P3 colors.
Guides that cover Display P3
- CMYK What are CMYK colors? What is CMYK? Learn how the CMYK color model works, how it differs from RGB, and why print looks duller than your screen, plus how to convert. Read on.
- RGB What are RGB colors? RGB color explained: how red, green and blue - 255 values make every color on screen, how to read an RGB color code, RGB vs HEX, and RGBA. Learn it fast.
- CMYK What are CMYK colors? What is CMYK? Learn how the CMYK color model works, how it differs from RGB, and why print looks duller than your screen, plus how to convert. Read on.
- RGB What are RGB colors? RGB color explained: how red, green and blue - 255 values make every color on screen, how to read an RGB color code, RGB vs HEX, and RGBA. Learn it fast.