OKLCH & LCH Color Picker
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:
Development
To run a local copy for development:
-
Install correct versions of
Node.js
andpnpm
. There are two ways:- With
asdf
version manager:- Install
asdf
and asdf plugins forNode.js
andpnpm
- Run
asdf install
- Install
- Manually (check needed versions in
.tool-versions
)
- With
-
Install dependencies:
pnpm install
-
Run local server:
pnpm start
We recommend to install Prettier and EditorConfig plugins to your text editor.