How to Pick the Perfect Color Using Our Free Color Picker

Whether you're designing a logo, building a website, creating social media posts, or just curious what colour something is, our free Color Picker gives you all the values you need in one place.

What Colour Formats Does It Support?

• HEX — e.g., #1A56DB — used in web design and CSS
• RGB — e.g., rgb(26, 86, 219) — Red, Green, Blue values 0–255
• HSL — Hue, Saturation, Lightness — intuitive for designers
• CMYK — Cyan, Magenta, Yellow, Key (Black) — used in print design

How to Use It

1. Click the colour circle on the left to open the colour picker wheel.
2. Or type a HEX code directly into the text box (e.g., #FF5733).
3. All colour values update automatically.
4. Click "Copy" next to any value to copy it to your clipboard.

The Palette Generator

Below the colour values, you'll see a palette of 10 shades — lighter and darker variations of your chosen colour. Click any swatch to copy its HEX code. Perfect for creating consistent design palettes.

Preset Colours

At the bottom are preset swatches for common colours. Click any to load it instantly. Useful for quickly checking what a colour code looks like.