OKLCH Color Picker

Perceptual colour picker

FreeDesign tools, color & typeoklch.com

What it is

Colour picker for the OKLCH space from Andrey Sitnik and Roman Shamin at Evil Martians. It renders a 3D model of the gamut, flags colours that fall outside sRGB, and offers the closest sRGB fallback by chroma next to the P3 value. Converts between hex, RGB, HSL and OKLCH.

Why it earns a slot

OKLCH lightness is perceptual, so holding L steady while rotating hue produces a palette where every colour carries the same visual weight — the trick that makes a generated ramp look designed rather than muddy.

Know before you commit

P3 colours look rich on modern displays and dull or clipped on older sRGB screens, so ship the sRGB fallback the tool hands you rather than the raw P3 value.

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · open source

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate OKLCH Color Picker (https://oklch.com) for this project, then use it only if it fits what we are already building.
Context: Perceptual colour picker. Colour picker for the OKLCH space from Andrey Sitnik and Roman Shamin at Evil Martians. It renders a 3D model of the gamut, flags colours that fall outside sRGB, and offers the closest sRGB fallback by chroma next to the P3 value. Converts between hex, RGB, HSL and OKLCH.
Reviewer notes (general, not written for this codebase): OKLCH lightness is perceptual, so holding L steady while rotating hue produces a palette where every colour carries the same visual weight — the trick that makes a generated ramp look designed rather than muddy.
Watch out for: P3 colours look rich on modern displays and dull or clipped on older sRGB screens, so ship the sRGB fallback the tool hands you rather than the raw P3 value.
Pricing: Free · open source
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/oklch-color-picker

Neighbourhood

How OKLCH Color Picker sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.