Interface Lab
Login
Knowledge RAG

Design Knowledge Base

Community-maintained principles reviewed before publication and retrieved as Agent design constraints.

Submit principle
Tag: oklchReset all
2 published principles / 192 in library
Typography Color Accessibilityoklch / color

OKLCH Perceptual Color Scales

OKLCH lets agents generate more controllable theme scales around lightness, chroma, and hue, but still needs semantic mapping, gamut checks, and contrast matrices.

A color scale is not a hex color linearly tinted and shaded. Healthy theme scales control perceived lightness, saturation, brand tone, and usage semantics together.94%Frontend Implementationcss-color / oklch

CSS Color Spaces and Gamut Fallbacks

Modern CSS supports OKLCH, P3, and relative colors, but production tokens still need to handle sRGB, older tooling, screenshot tests, and third-party renderers.

Frontend color implementation must separate design source, modern CSS output, and compatibility fallback; browser support does not mean every toolchain supports the same syntax.93%