PRISM

OKLCH Color Studio
#000000
Pick colors that actually look good.
OKLCH is a newer, better color space for the web. Prism lets you explore it in 3D, generate palettes, and check accessibility — all in your browser.

Color Picker

click to pick
70%
H
250
C
0.100
L
70%

3D Color Space

drag to rotate · scroll to zoom
drag · scroll to zoom · arrow keys
H = angle   C = radius   L = height

Accessibility

WCAG 2.1
Aa on white 4.5:1
Aa on black 4.5:1
Aa on accent 4.5:1

Shade Scale

click a swatch to select · 50 → 950

Harmonies

click to copy

Live Preview

in context
Solid Accent Card
Body text reads cleanly against the accent.
Outline Accent Card
Border uses the accent color for emphasis.
Text on Background
Muted body copy stays readable. Accent inline highlights key terms.

Saved Palettes

Supabase sync

Code Output

click to copy
Copied