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.
Additional links about Oklab and OKLCH:
To run a local copy for development:
-
Install Node.js and
pnpm
. -
Install dependencies:
pnpm install
-
Run local server:
pnpm start
We recommend installing Prettier and EditorConfig plugins to your text editor.