Learn how to define color palettes that are perceptually uniform using the new Oklch color space and the relative color syntax in CSS.
color-space — every color space, one tiny API, verified
An open collection of color spaces. Convert any space to any other with conventional ranges and independently anchored formulas.
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.
oklch() CSS function - CSS | MDN
The oklch() functional notation expresses a given color in the Oklab color space. oklch() is the cylindrical form of oklab(), using the same L axis, but with polar Chroma (C) and Hue (h) coordinates.
A Simple Web Developer’s Color Guide — Smashing Magazine
Laura Elizabeth never found color theory useful when trying to use color in her projects. Somewhat ironically, she’s been finding that the better she got at choosing and using color, the better she became in the theory behind it. In this article, Laura shares a simple color workflow that you can use in your next web project.
The State of CSS 2020: Conclusion
The annual survey about the latest trends in CSS.
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
On Color Science
This document is a follow up to my Display Prep Demo, which I hope you've already seen.
CSS Selectors: A Visual Guide & Reference
Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
New in Chrome 150 | Blog | Chrome for Developers
CSS text-fit property, Focusgroup declarative keyboard navigation, and CSS background-clip border-area.
Color.js: Let’s get serious about color • Color.js
Color.js is designed make simple things easy, and complex things possible, and that extends to installation as well.
7 CSS Tricks That Actually Have Good Browser Support
Applying Author Styles | Web Browser Engineering
In the previous chapter we gave each pre element a gray background. It looks OK, and it is good to have defaults, but sites want a say in how they look. Websites do that with Cascading Style Sheets (CSS), which allow web authors (and, as we’ll see, browser developers) to define how a web page ought to look.
oklch() has only one problem left. If a user chooses a color that this screen can’t display, browsers will look for the nearest alternative using a simplified algorithm instead of the one from the CSS spec: clipping instead of chroma reduction. evilmartians.com/chronicles/oklch-in-css-why-q…
OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog
evilmartians.com