Colour

Color Colour

Let’s get the elephant out of the room.
I’m Australian, so I spell it like this, colour, not like this, color. Except when I’m writing any kind of code haha… 🥲

Fuck sRGB, all my homies hate sRGB

• [ ] Explain why current colours (sRGB) are shit

WTF is a colour space?

• [ ] Explain what a colour space is

• [ ] Visualise different colour spaces

• [ ] Explain what a colour gamut is

• [ ] Visualise different colour gamuts

Is it all worth it?

“But I like hex codes!” 🤦‍♀️

• [ ] Compare sRGB and P3?

• [ ] Compare hex, RGB, and HSL to LAB, LCH, OKLAB, and OKLCH

Color and Contrast.com

Color & Contrast is an interactive guide to color for designers.

Better than Lab? Gamut reduction CIE Lab & OKLab by Chris Lilley (W3C), 2021 W3C Workshop on Wide Color Gamut and High Dynamic Range for the Web

Chris Lilley (W3C)’s presentation given at the W3C Workshop on Wide Color Gamut and High Dynamic Range for the Web

Escaping the sRGB Prison

Hello! I’m Chris or @svgeesus

Color Formats in CSS

CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose? This turns out to be a surprisingly important decision! In this article, we’ll take a tour of color formats in CSS, and see which option will serve us best.

Lea Verou

LCH colors in CSS: what, why, and how? – Lea Verou

Reading Time: 8 minutes

Andrey Sitnik

OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog

CSS Color Module 4 adds oklch(), and we gain P3 wide-gamut support, boost code readability, and improve developer-designer communication.

Bramus!

Color Spaces and Colors in CSS

The past few months, I’ve seen a lot of posts on Color Spaces and Colors in CSS float by. Here’s a small roundup.

Huetone • Make colors accessible

Use LCH color space to come up with predictable and accessible color palettes

Huetone • Make colors accessible

Use LCH color space to come up with predictable and accessible color palettes