Color Picker – HEX, RGB & HSL Free
Pick any color and instantly see its HEX, RGB, and HSL values. Copy any format with one click — free, no download needed.
Click the color swatch to pick a color
How to Use
- 1
Click the color swatch to open the color picker
- 2
Select any color using the color wheel
- 3
Copy the HEX, RGB, or HSL value with one click
Frequently Asked Questions
What is a HEX color code?
A HEX color code is a 6-digit code preceded by # that represents a color. For example, #ff0000 is red.
What is the difference between RGB and HSL?
RGB uses red, green, and blue values (0–255). HSL uses hue (0–360°), saturation, and lightness — which is more intuitive for color design.
Can I use this for web design?
Yes — all three formats (HEX, RGB, HSL) are valid CSS color values for web development.
Is this tool free?
Yes, completely free and no registration required.
Pick a colour and get its codes
A colour picker lets you choose any colour from a visual palette and instantly gives you its codes in HEX, RGB and HSL. Instead of guessing values, you drag to the shade you want and copy the exact code.
It is the bridge between a colour you can see and the value you need in code or a design tool.
What designers pick colours for
- Matching brand colours in websites and graphics.
- Grabbing HEX or RGB values for CSS and design software.
- Experimenting with shades and tints.
- Want a HEX-first view? Use the HEX colour picker. Building a scheme? Try the colour palette generator.
No account, no cloud palette
Everything works locally, so you can copy a colour code in a click without any signup.