OKLCH Color Picker
Pick and convert colors in OKLCH with P3 and Rec2020 gamut warnings
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.
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.
- closest sRGB fallback by chroma
- 3D gamut visualisation
- P3 and Rec2020 support
- color encoded in the URL hash
- MIT, by Evil Martians
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
