OKLCH Color Pattern Generator.

Oklchroma is a color pattern generator that helps designers and developers create harmonious color scales based on the OKLCH color space. Instead of manually defining each shade, Oklchroma generates a complete set of color variables based on a single base color and using mathematical formulas in CSS to generate the rest of the colors.

Explore color as we see it. OKLCH Color Picker, Generator and Converter.

Discover how the OKLCH color model works. Learn, experiment and create more consistent and perceptually uniform color palettes.

Color picker and converter for OKLCH and LCH color space. OKLCH is a new way to encode colors (like hex, RGBA, or HSL):

• OKLCH has native browser support.
• It can encode more colors for modern screens (P3, Rec. 2020, and beyond).
• Unlike HSL, OKLCH always has predictable contrast after color transformation.
• In contrast with LCH and Lab, no hue shift on chroma changes.
• Provides great accessibility on palette generation.

OKLCH & LCH Color Picker @ GitHub.