Color Picker
Pick any color and get its HEX, RGB, and HSL values instantly.
What the Color Picker does
The Color Picker lets you choose any colour visually and instantly reads back its values in every format you are likely to need: HEX, RGB, HSL and HSV. Pick a colour or enter a value and the tool keeps all four representations in sync, so you can copy whichever one your stylesheet, design file or code expects. It runs entirely in your browser with no sign-up and no limits.
Designers use it to sample and document brand colours, front-end developers use it to grab the exact HEX or RGB string for CSS, and anyone building a slide deck or graphic can use it to find a value that matches what they see on screen.
Understanding HEX, RGB, HSL and HSV
HEX is the six-digit code you see most in web design (for example #3366ff); it is simply RGB written in hexadecimal. RGB describes a colour as red, green and blue channels from 0 to 255, which maps directly to how screens emit light. Both notations describe exactly the same colours.
HSL (hue, saturation, lightness) and HSV (hue, saturation, value) are more intuitive for humans because they separate 'what colour' (hue) from 'how vivid' and 'how bright'. They make it easy to produce a lighter or more muted variant of a colour by nudging a single number, which is why they are popular for building palettes and themes.
How to use it
Select a colour with the picker, or paste an existing value to load it. Each format is shown with a one-click Copy button so you can drop it straight into your CSS, design tool or document. Because the conversions happen live in your browser, you can experiment freely and nothing you pick is sent to a server. If you are choosing text and background colours, pair this with the Color Contrast Checker to confirm the combination meets accessibility guidelines.