Color Tools

Color Picker

Choose or sample a color, inspect multiple color spaces and luminance, then carry it into palette, contrast, scale, and CSS-token workflows locally.

Hue · 225°

HEX / HEX8

Native picker

Alpha · 100%

—

—Nearest CSS name

—Relative luminance

—Best black/white text

—Best contrast

ReadyDrag in the color field, enter HEX, or use the screen eyedropper when your browser supports it.

Recent colors

Color and accessibility boundaries

HEX/RGB/HSL/HSV/OKLCH conversions are numerical color-model operations. CMYK output is an RGB-derived approximation rather than ICC-profiled print proofing. WCAG contrast ratios measure luminance contrast only and do not certify a full interface. Color-blindness previews are design simulations, not medical tests.

How to use this Color Picker

Drag across the saturation/value field, move the hue slider, use the native color input, or enter a HEX/HEX8 value. Compatible Chromium browsers can also use the EyeDropper API to sample a screen pixel. The page updates common color formats, luminance, a black/white text recommendation, and recent colors locally.