OKLCH
OKLCH is a polar-coordinate color representation based on the perceptually uniform Oklab color space, describing colors using three components: Lightness (L), Chroma (C), and Hue (H). Its defining characteristic is perceptual uniformity—equal numerical changes correspond to approximately equal perceived color differences—making it well suited for programmatically generating harmonious color schemes. OKLCH has been incorporated into the CSS Color Level 4 specification and can be used directly in modern browsers.
Timeline (last 90 days)
The color space determines how color values are interpreted mathematically, and common ones include sRGB, HSL, OKLCH, Display P3, and others.
OKLCH is a color representation format based on the OKLab perceptually uniform color space, whose three components are lightness, chroma, and hue.
Since 2023, Chrome, Firefox, and Safari have all natively supported the oklch() syntax.
In a community vote, OKLCH was the top answer for favorite color format.
All Facts (5)
OKLCH色彩空间的H轴上相同角度差对应的视觉色相距离更为一致，比传统HSL色相环更适合生成和谐配色
85%UnverifiedThe color space determines how color values are interpreted mathematically, and common ones include sRGB, HSL, OKLCH, Display P3, and others.
50%UnverifiedOKLCH is a color representation format based on the OKLab perceptually uniform color space, whose three components are lightness, chroma, and hue.
50%UnverifiedSince 2023, Chrome, Firefox, and Safari have all natively supported the oklch() syntax.
50%UnverifiedOK LCH相比HSL具有感知均匀性优势，能让LLM更精准地控制配色，因为HSL的亮度调整会因色相不同产生视觉不一致
50%