Pick colors and copy HEX, RGB, HSL values with accessible contrast context. Fully client-side — no account, uploads, or remote storage.
Added Apr 18, 2026 · Updated Apr 21, 2026
Input
Result
Enter a value for pick a color to see your result.
Converts a color picked from the native color picker into HEX, RGB, HSL, HSV/HSB, and CMYK color codes — plus a ready-to-use CSS custom property. All conversions happen instantly in your browser with no data sent anywhere.
Inputs
Result
HSL (Hue, Saturation, Lightness) uses lightness where 50% is a 'pure' hue and 100% is white. HSV (Hue, Saturation, Value) uses value where 100% is the brightest form of the hue. HSL is more common in CSS; HSV is common in design software.
HEX is just RGB in base-16 (hexadecimal) notation. #3b82f6 represents R=0x3b=59, G=0x82=130, B=0xf6=246, which is the same as rgb(59, 130, 246).