OKLCH color picker and converter
This tool runs entirely in your browser. Adjust lightness, chroma, and hue with sliders and 2D charts, inspect wide-gamut boundaries (P3 and Rec. 2020 when supported), and copy colors as OKLCH, HEX, RGB, OKLab, and more. Paste any CSS color string to convert it into OKLCH.
OKLCH is a perceptually uniform color space: equal steps in lightness and chroma tend to look more consistent than in older models, which helps UI design and accessible contrast work.