HEX
#4B00E0
RGB
rgb(75, 0, 224)
HSL
hsl(260, 100%, 44%)
R 75 · G 0 · B 224
H 260° · S 100% · L 44%
Free tool
Colour Picker & Palette
Pick a colour, copy HEX/RGB/HSL, and explore matching palettes.
About this tool
A colour picker for designers and developers. Choose any colour to see its HEX, RGB and HSL values, plus auto-generated complementary, analogous and shade palettes. Click any swatch to copy its value to the clipboard.
How to use the Free Colour Picker & Palette Generator
- Pick a colour from the picker (or paste a HEX value).
- Read off HEX, RGB and HSL values for your chosen colour.
- Browse the suggested complementary, analogous and shade palettes.
- Click any swatch to copy its HEX value.
Frequently asked questions
- What's a complementary colour?
- The colour opposite yours on the colour wheel. Complementary pairs create high contrast and are useful for accents.
- What are analogous colours?
- Colours adjacent to yours on the wheel. They share a base hue and tend to feel harmonious.
- What's HSL used for?
- HSL (hue, saturation, lightness) is intuitive for tweaking colours — change lightness without affecting hue.
- Are the swatches accessible?
- We show raw values so you can run any pair through a contrast checker before shipping.