OKLCH & LCH Color Picker

Color picker and converter for OKLCH and LCH color space.

• oklch.com
• lch.oklch.com

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.

Additional links about Oklab and OKLCH:

• OKLCH in CSS: why we moved from RGB and HSL
• The article by Oklab creator

Development

To run a local copy for development:

1. Use Dev Container which is coming with right Node.js and pnpm (or install them manually).
2. Install dependencies:

sh pnpm install

1. Run local server:

sh pnpm start