A pragmatic guide to modern CSS colours – part one

October 10, 2025

CSS
css color
color

CSS code snippet defining a .kind-of-annoying class with four variations of the color property using hsl() notation, each with slightly different syntax for separating values (spaces vs. commas, and percentage signs with or without spacing).

For most developers, the only time they touch colour values is when they copy them from a design file and paste them into their editor. We are developers and not designers, after all.However, there have been a lot changes to colours in CSS over the last few years — from updates to the syntax of familiar features to all new ways of working with colours — that even copy/pasters can take advantage of.

Source: A pragmatic guide to modern CSS colours – part one – Piccalilli

We’ve been covering colour in terms of CSS quite a bit lately, which I think reflects how much is happening and how much interest there is in this. Here’s the first part of a multi-part series on modern colour in CSS.

Related videos