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.
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.
OKpalette – Best in Class Color Extraction
OKpalette is a perceptual color extraction tool that generates beautiful color palettes from images using advanced color space analysis.
nutelch — cusp explorer
NUTELCH measures chroma relative to the gamut shell — the cusp — in OKLCH and LCH. You ask for a fraction of the way to the boundary (relC) instead of an absolute chroma, so “saturation” means the same thing at every lightness and hue and never accidentally lands out of gamut, while the result stays a native oklch() / lch() color. It's dependency-free and LUT-backed: the boundaries are precomputed, so lookups are fast. nutelch on GitHub →
OKHST: predictable color generation for user interfaces — tenphi.me
OKHST is a tone-based color space for generating UI palettes that behave more predictably across states, dark mode, and high contrast.
CuspHanger — palettes from intuitive parameters
Sequential and diverging OKLCH palettes from a few intuitive parameters — the Wijffelaars et al. 2009 model, in-gamut by construction, for sRGB and Display-P3.
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.
A perceptual color space for image processing
From personal project to industry standard Introduction added in 2025 When introduced Oklab in 2020, I never expected it to reach as far as...
Color Palette Generator – Color Wheel Tool | Adobe Express
Use the color palette generator to create harmonious color schemes with the interactive color wheel. Choose a base color, apply a harmony, and design with confidence in Adobe Express.
margin.at/margin
(READ ONLY) Margin is an open annotation layer for the internet. Powered by the AT Protocol.
margin.at/margin
(READ ONLY) Margin is an open annotation layer for the internet. Powered by the AT Protocol.
margin.at/margin
(READ ONLY) Margin is an open annotation layer for the internet. Powered by the AT Protocol.
Mildliner Colour Reference
A guide to all the Mildliner colours, types, and sets
Olo (color)
Olo is an imaginary color that can only be seen using specialized tools that exclusively activate the M cone cells on the retina, without activating the L and S cone cells at the same time.
A web extension that colors any link you've saved on @semble.so orange.
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
