OKLCH Color Picker

Pick and convert colors in OKLCH with P3 and Rec2020 gamut warnings

Tier S · Best in classColor ToolTooloklch.com

A free web tool by Andrey Sitnik and Roman Shamin at Evil Martians for picking colors in the OKLCH color space and converting between OKLCH, HEX, RGB and HSL. It renders the gamut in 3D, shows whether a color falls inside sRGB, Display P3 or Rec2020, and prints the closest sRGB fallback by chroma when it does not. The whole color state lives in the URL fragment, so an exact color is shareable as a link. It is for anyone writing modern CSS color tokens who needs perceptual lightness that stays honest across hues.

For an agent

Reach for this when you are authoring CSS color tokens and need to prove a chroma value is reachable before shipping it — it names the closest in-gamut sRGB fallback, which hsl() tooling cannot do. It pairs naturally with Tailwind v4, whose default palette is already stored in OKLCH, and with the culori library when you need the same conversion in code. Do not scrape the page: it is a client-side app whose state lives in the URL hash, so compute conversions with culori and use oklch.com only to hand a human a shareable link.

Why it is here. It is the reference implementation people link to when arguing for OKLCH, and the gamut view makes the abstract argument about P3 and perceptual lightness immediately concrete.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: Vanilla JS
Styling: CSS custom properties
Distribution: Web app / online tool, GitHub repository
Platform: Web
Content type: Code, Design tokens / theme files
Agent readiness: Readable open source, Copy-paste ready code
Accessibility: Contrast checked
Maturity: Actively maintained
GitHub stars: 2,000

Notable for

closest sRGB fallback by chroma
3D gamut visualisation
P3 and Rec2020 support
color encoded in the URL hash
MIT, by Evil Martians

Provenance

Verified 2026-08-15. HTTP 200. https://oklch.com/, https://github.com/evilmartians/oklch-picker, https://raw.githubusercontent.com/evilmartians/oklch-picker/main/README.md, https://raw.githubusercontent.com/evilmartians/oklch-picker/main/LICENSE

Also in Color

oklch.comTier S