Color Picker
Pick colours from your screen and get instant harmony palettes. Pick any colour and instantly get complementary, analogous, triadic and monochrome palettes with HEX, RGB and HSL values. Free online colour picker for designers.
About the Color Picker
Choosing one colour is easy; choosing the colours that work with it is the real job. Pick a base colour here and this tool computes the classic harmony palettes — complementary (opposite on the wheel), analogous (neighbours), triadic (evenly spaced) — plus a monochrome ladder, each swatch carrying its HEX, RGB and HSL values ready to copy. A random-colour button helps when you need a starting point rather than a refinement.
How to use the Color Picker
- Pick your base colour from the picker.
- Browse the generated harmony palettes.
- Click any swatch to copy its HEX code.
- Hit Random for fresh starting points.
Key features
- Native colour picker with live values
- Complementary, analogous and triadic harmonies
- Monochrome tints and shades
- HEX / RGB / HSL copy for every swatch
What is a complementary colour?
Which harmony should I use?
Related Image & Design tools
More utilities from the same category.
Image Compressor
Shrink JPG, PNG and WebP files with a quality slider — locally.
Image Resizer
Resize photos to exact pixels with aspect-ratio lock.
Image Converter
Convert between PNG, JPG and WebP in your browser.
Image to Base64
Turn images into data URIs for CSS, HTML and JSON.
Favicon Generator
Create favicon sets from any image — all standard sizes.
Color Converter
Convert colours between HEX, RGB, HSL — with shades palette.