NEWPOPULAR
Color Picker
Pick colors and get HEX, RGB, HSL, and HSV values instantly.
How to Use Color Picker
- 1Click the colour wheel to pick any colour, or type a HEX value directly.
- 2Copy the value in any format — HEX, RGB, HSL, or HSV — using the copy button on each row.
- 3Explore tints and shades by clicking any of the swatches below the colour values.
Frequently Asked Questions
What colour formats are shown?
HEX (#rrggbb), RGB (red/green/blue 0–255), HSL (hue/saturation/lightness), and HSV (hue/saturation/value).
Can I enter a colour by typing it?
Yes — the colour input accepts any valid CSS colour format your browser supports. You can also click the swatch to open the system colour picker.
About Color Picker
Whether you're choosing brand colours, matching a design spec, or converting between formats for CSS work, our Color Picker gives you instant access to HEX, RGB, HSL, and HSV values from a single colour selection.
The tints and shades section generates nine variations of your chosen colour from 10% to 90% lightness, keeping hue and saturation constant. Click any swatch to select that shade as your working colour.