AI chat on science of color, sRGB, display p3, oklch (2026)

By Xah Lee. Date: .

Got lectured by AI girl on science of color (2026)

What does the S mean in SRGB color?

It's standard. SRGB stands for Standard RGB, the default color space for web images, monitors, and most digital displays. It was created in 1996 to ensure consistent colors across devices.

Normally it is known as RGB. Where does the S come from?

The S stands for standard. RGB is the general idea of mixing red, green, and blue light. SRGB is the specific, standardized version of that — a defined set of colors, gamma curve, and white point so every device interprets RGB values the same way. Without the "S," colors would look different on different screens.

But why haven't we heard of sRGB? I think in the past 20 or 30 years, I only heard of RGB. I never heard of sRGB.

You probably have heard of it, you just never noticed. Almost every JPEG, PNG, and image on the web uses sRGB by default. Your phone, laptop, and TV all assume sRGB unless you dive into color settings. RGB was the old generic name — sRGB became the actual standard everyone quietly switched to. It’s one of those things that works so well in the background you don’t notice it’s there.

When did the terminology sRGB started to appear on the web?

It first appeared on the web in November 1996, when HP and Microsoft published their proposal titled "A Standard Default Color Space for the Internet - sRGB" directly on the W3C site. That’s when the term sRGB was officially introduced for the web. It took a few years to become the quiet default everywhere.

The common CSS color syntax of six hexadecimal, does that has anything to do with sRGB?

Yes, completely. That six-hex code like #rrggbb is a compact way to specify an sRGB color. The red, green, and blue values it represents are interpreted in the sRGB color space — that's why colors look consistent across the web. It's not a coincidence; hex was designed for the standard RGB that became sRGB.

In sRGB, each color channel only allows 256 values?

Yes, exactly. In the standard 24-bit sRGB used everywhere on the web, each channel — red, green, and blue — uses eight bits. That gives you exactly two hundred fifty six possible values per channel, from zero to two hundred fifty five.

Can you summarize the basic of sRGB standard?

sRGB is the standard color space for the web and most digital devices. It defines the exact colors for red, green, and blue primaries, sets a specific white point, and uses a gamma curve so that an RGB value like 128, 128, 128 looks the same on every screen. It’s what makes your images and web colors consistent across phones, laptops, and monitors.

Right, but what is the standard specification? Give me a summary of the specification. Like, what is the scope, what exactly it defines, and what are the values?

sRGB is defined in IEC 61966-2-1:1999. Its scope is to create a standard, device-independent RGB color space for monitors, the web, printers, and consumer imaging so colors look consistent everywhere.

It defines:

Key values:

That's the core of the spec.

What does color primaries mean?

Color primaries are the specific shades of red, green, and blue that the color space actually uses. They define the purest, most saturated red, green, and blue your display can produce. In sRGB, these are fixed at very precise coordinates — red is a certain orangish-red, green is a yellowish-green, and blue is a violetish-blue. All other colors in sRGB are created by mixing these three specific primaries in different amounts.

In the CSS oklch function, can I use comma as separator?

No, you can't use commas in oklch(). It only supports the modern space-separated syntax, like oklch(70% 0.15 240). Newer color functions such as oklch, lab, and lch don't accept the old comma style.

In O C L C H, they have comma, such, they say, higher for wider gamuts if it's beyond 0.4. What does it mean exactly, wider gamuts?

In OKLCH, the chroma value measures how vivid or saturated the color is — zero is completely gray, and higher numbers make it more intense.

"Wider gamuts" means displays that can show more vibrant, saturated colors than standard monitors. Most screens are limited to the sRGB gamut, where the maximum useful chroma is usually around 0.37 or lower, depending on the hue.

Newer screens, like many modern phones and laptops, support a wider gamut called Display P3, which can handle higher chroma values — more saturated colors that would look clipped or dull on older sRGB-only screens. So if someone says "higher than 0.4 for wider gamuts," they mean pushing chroma that high only makes sense on those wider-gamut displays; otherwise the browser will clip it back to what your screen can actually show.

So what kind of display can actually display so-called wider gamuts?

Most phones, tablets, and modern laptops made in the last five to six years can display wider gamuts like Display P3.

Basically any OLED or high-end IPS screen that advertises "wide color gamut," "P3," or "DCI-P3" support. Desktop monitors are more mixed — many still only do sRGB, especially cheaper ones, while professional and gaming monitors often support P3 or even wider like Adobe RGB.

If your screen is relatively new and looks very vibrant when watching HDR videos or bright photos, there's a good chance it can show wider gamuts.

What does P3 mean?

P3 is short for Display P3, a color gamut that's significantly wider than sRGB.

It was originally developed for digital cinema projectors. Compared to sRGB, it can show much more saturated greens and reds, which makes photos and videos look more vibrant and lifelike. Most modern phones and many recent laptops use Display P3 screens. That's why colors often look punchier on your phone than on an older computer monitor.

So, can human eyes actually tell the difference?

Yes, most people can easily tell the difference.

The jump from sRGB to P3 is quite noticeable — colors look richer, especially greens, reds, and cyans. It’s not a subtle difference like some higher-end gamuts. Once you’ve seen good P3 content on a proper display, sRGB often looks a bit dull and washed out by comparison.

About 70 to 80 percent of people notice it right away on things like nature photos, flowers, or colorful product shots.

So in real nature, it is even wider than the display P3, is that right?

Yes, that's right.

Real nature has a much wider range of colors than even Display P3. Many flowers, birds, sunsets, and minerals reflect colors that are far more saturated than what any current consumer display can show. P3 captures more of nature than sRGB, but it's still nowhere near what human eyes can actually perceive in the real world.

So why is that display technology or printing technology or projection, why can they not reproduce all the colors?

The main reason is physics.

A display can only reproduce colors by mixing three specific lights — red, green, and blue. No matter how good those lights are, there are many real-world colors that simply cannot be created by mixing those three. They're physically outside the triangle those three lights form.

The same problem exists in printing — inks can only absorb certain wavelengths, so they can't reflect every color that exists in nature. Projection has the same limitation.

Even the best current screens can only show roughly 50 to 60% of the colors the human eye can see. The rest are simply impossible with current three-color technology.

But I thought colors, all colors are made up of three colors.

That's a common misunderstanding.

Mixing three colors can create many colors, but not all colors.

Your eyes have three types of cone cells, so in theory, three well-chosen lights should be able to fool your eyes into seeing any color. But in practice, the specific red, green, and blue lights we use in displays are not perfect. They're too "narrow" or positioned in the wrong spots on the color chart.

Because of this, there are real colors in nature (especially some bright greens, cyans, and magentas) that no combination of current display RGB lights can reproduce. Your eyes can see them in real life, but screens simply can't make them.

Display P3, wide gamut colors