Guides
Color guides, explained properly
A small number of written guides on the things people actually get stuck on. Each one is here because the explanation is hard to find elsewhere. None was written to match a search phrase.
How to pick a color from an image
Why a sampled pixel and the colour you think you see are often different, and how to sample the one you actually want.
HEX vs RGB vs HSL
Three ways of writing the same colour. What each notation is good at, and when to reach for which.
What is a HEX color code?
Reading a hex code by eye, the shorthand form, the alpha byte, and the arithmetic underneath.
Understanding WCAG color contrast
Where the 4.5:1 threshold comes from, what "large text" means in practice, and the parts of a page the ratio does not cover.
How to use color codes in CSS
Every way CSS accepts a colour, why custom properties beat repeating hex codes, and the relative-colour syntax that replaces most of your Sass functions.
How to create a website color palette
Going from one colour to a working system: how many steps you need, why neutrals are most of the work, and where to check before committing.
Designing for color blindness
What the 8% actually experience, which colour pairs to stop using, and the redundant-cue rule that solves most of it.
sRGB, Display P3 and OKLCH
Why the same hex looks different on two screens, what a wide gamut buys you, and when the newer CSS colour spaces are worth the trouble.