A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

Michelle Barker shares advice on the not-so-obvious things you have to keep in mind when handling colors in CSS today.

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect from our colors in the not-too-distant future.

Michelle starts off with currentColor, Space-Separated Functional Color Notations, new color spaces, etc. to finally tap into color-mix() and color-contrast(). Great to see all these individual techniques get bundled into one post.

A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.