Color Picker
Pick any color and read it instantly as HEX, RGB and HSL. The picker runs entirely in your browser, so it's private and works offline. Copy whichever format your CSS, design tool or code editor expects.
Try it now
Worked example
HEX: #4ADE80 · RGB: 74, 222, 128 · HSL: 142, 69%, 58%
Inputs
- Color
#4ade80
Frequently asked
What formats does it output?
Uppercase HEX (#4ADE80), RGB (74, 222, 128) and HSL with rounded degrees and percentages.
Are the HSL values rounded?
Yes — hue, saturation and lightness are rounded to whole numbers, matching how CSS is usually written.