I remember the glorious flashing of colors as my mouse moved from one window to another (sloppy focus FTW). Each window had a different palette selected, and so the rest of the screen would look insane, but the window you had focused, well, it looked wonderful. Colors were richer in the warm glow of the CRT.
Ah, yes, pallette swapping on an 8-bpp (256 color) display. Oh, how I hated that. But not as much as I hated 16-colors.
Am I the only one who absolutely can’t see any webkit logo inside the red square, or a difference between colors inside and outside the sRGB boundaries?
Per the article, that would mean your display isn’t a wide-gamut display, and thus can’t render the colors outside the sRGB boundary. I see the same thing.
Try your phone, or another monitor, or… other stuff. On my phone I definitely see a darker symbol in the square on the right.
As mentioned, it depends on the device you’re viewing the images on. That being said, it depends on both software and hardware. For example, my Galaxy S21 has a wide-gamut display, but Chrome on Android doesn’t support wide color (or at least not on my device). Downloading the image renders the WebKit logo correctly in the default Samsung Gallery app, which I suspect has better WCG support. Funnily enough, if I activate the app switcher, the app gets rendered in sRGB, making the logo disappear.
I can’t see it on my desktop’s monitor, but I can see it on the panel of my MBA. Amusingly, it looks fine if I take a picture of it, even on my desktop.
I don’t think I understand what richer colors would look like. Is this like real life colors that I would see in day to day life, or is this some sort of new purple that I’ve never witnessed?
Real-life colors. There are various ways to turn a triple of values from 0 to 255 (or floats from 0 to 1) into an actual color that humans perceive. sRGB, which is the traditional color space, would require negative values to represent some of those colors, and since the sRGB components traditionally correspond to how much of red/green/blue you mix in, this is clearly meaningless (you can’t mix in a negative amount of a color!).
Display-P3 can represent more colors without going negative, as you can see in this image. The extra colors are colors you’ve seen already, it’s just that sRGB has no way to name them. If your setup is such that you can actually see the WebKit logo in this image, then that’s a color that you cannot represent in CSS.
It’s a bit hard to talk about for the same reason that you can’t show what a 4K image is like on a sub-4K display.
I assume this is just a CSS mistake (ironic…) but I did a double-take for a full minute on “changes in chroma” showing purple fade to… suddenly orange.