Thread by @panic

❇️ A short story about the color green. We wanted a very specific, very vibrant green color at the top of panic.com/next/, but when we specified this green as a RGB or hex color in our css, it produced a… muted green. We could not get the green to copy across correctly!

✳️ Then we realized: our green is outside the sRGB color space of a web page! We forgot that was even a thing. Since images support color profiles, Tim's first amazing workaround was to just fill the text with a tiling image of our green…

✅ …but Dean, a wonderful WebKit person, dropped some knowledge. In CSS + Safari you can specify a color with a color space! Check out his CodePen — codepen.io/hashtag_dino/p… — that's RGB red/green on the outside, P3 red/green on the inside. (Note: no difference on a sRGB screen!)

☘️ So now, we're using that magic CSS, and then falling back to the ol' tiling image if your browser doesn't support it. And, uh, that's the whole story of our intense green. Thank u