WEBBYFOX-OS │ PATH /tools/color-picker/ │ TOOL COLOR PICKER │ NODE CLIENT-SIDE
UPLOAD 0 BYTES │ 13:42 BST
TOOL · /design · CLIENT-SIDE

$./color-picker --oklch

Convert between HEX, RGB, HSL and OKLCH live — including the perceptually-uniform space from CSS Color 4 that most older tools skip. Drop an image to extract its dominant-colour palette via median cut. Export everything as CSS custom properties. Encoded entirely in your browser.

~ / books tools / color-picker
~/color-picker.sh — bash
LIVE
HEX #FF5733 CSS4 oklch(67.66% 0.190 27.2)
HEX
RGB
HSL
OKLCH
vs white · WCAG 1.0:1 —
vs black · WCAG 1.0:1 —
--palette
$ cat ./privacy.txt
100% CLIENT-SIDE
◆OKLCH conversion uses Björn Ottosson's OKLab matrices; values are clamped on round-trip if they're outside the sRGB gamut.
◆Palette extraction is a median cut on a downsampled bitmap — fast, deterministic, and never sends your image anywhere.
◆WCAG contrast checks use the standard luminance formula. Aim for 4.5:1 for body text and 3:1 for large text.