Pick colors and get hex, RGB, HSL values
How your color appears to viewers with different types of color vision deficiency. ~8% of men have some form of CVD.
A color picker lets you select any color visually and see every representation web and design tools accept: hex codes for CSS, RGB for image editing, HSL for design systems, RGBA/HSLA for transparency. This picker handles 3-, 6-, and 8-digit hex, bounds-clamps invalid RGB/HSL input, and offers one-click copy in every format.
CSS accepts #RRGGBBAA where AA is alpha transparency (00 = fully transparent, FF = fully opaque). It's the simplest way to express alpha without switching to rgba().
HEX and HSL aren't perfectly mutually invertible due to rounding — you'll see values within ±1 of the original. This is normal.
Use HSL when editing (it's perceptually intuitive: hue, saturation, lightness). Use HEX or RGB for storage and CSS.
HSL's lightness axis goes from black to white via the pure color at 50%. HSV's value axis goes from black to the pure color at 100%, never pure white. Designers typically prefer HSL.
Yes, on Chromium browsers. Safari and Firefox don't currently support the EyeDropper API.
