Color, translated
Pick, paste, tune, and copy exact values without leaving the page.
Pick or paste a color
Why OKLCH
OKLCH is designed to be perceptually uniform: changing its lightness value produces a more predictable visual change than conventional HSL. It makes palette work and contrast decisions easier to reason about.
The picker also accepts HEX, RGB, HSL, and OKLCH, then keeps all formats synchronized as you work.
FAQ
The input accepts HEX, RGB, HSL, and OKLCH values. Once a valid color is entered, every format stays synchronized.
They are useful first checks for readable foreground text. A final interface should test the exact text and background colors used together.
No. The selected value lives only in your browser and the shareable URL parameter.