UrColorUniversal color picker component library

Headless, accessible primitives for every color space, from sRGB and HSL to LCH and OKLCH, in any framework and with no runtime dependencies.

Hex

NameEnglish

—No data

oklch(0.64773 0.2626 359.9761)lch(55.8283 84.2545 0.892)hsl(328 100% 50%)color(display-p3 0.91749 0.20029 0.52838)

Hue

Saturation

Value

Alpha

Headless primitives

Eight component families: area, slider, field, swatch, swatch picker, wheel, triangle and ring, with no styles of their own.

sRGB, HSL, HSV, Lab, LCH, OKLab, OKLCH, Display P3 and more, through a zero-dependency CSS Color 4 engine.

The WAI-ARIA color picker pattern: keyboard control, screen reader announcements, managed focus.

Every pixel is computed on the GPU, so Lab and OKLCH ramps stay accurate where a CSS gradient cannot.

The same primitives in Vue, React, Svelte and Angular, over one shared core.

Optional @urcolor/i18n: channel labels in 77 languages and color names in 298.