Colour Code Tool
Pick a colour and instantly get its color codes — HEX, RGB, RGBA, HSL and CMYK — each with a one-tap copy button.
What is the Colour Code Tool?
Every colour on a screen or in print is described by codes: HEX for web design, RGB and HSL for screens, and CMYK for printing. This color picker converts between all of them instantly — pick a colour once and read every code.
Each code has its own copy button, and the tool also generates a strip of shades and tints of your colour for matching palettes.
How to use the Colour Code Tool
- Click the colour swatch to pick a colour, or type a HEX code.
- Read the HEX, RGB, RGBA, HSL and CMYK rows.
- Tap the copy button next to any code you need.
- Try the shades and tints strip for lighter and darker versions.
Key features
- HEX, RGB, RGBA, HSL and CMYK in one place
- Copy button on every row
- Hex color picker plus direct HEX entry
- Shades and tints generated automatically
- Perfect for designers, developers and printing
Frequently asked questions
What is the difference between HEX, RGB and HSL?
They describe the same colour differently: HEX is a compact code for web design (#7C3AED), RGB mixes red, green and blue light, and HSL describes hue, saturation and lightness — easiest for humans to adjust.
What is CMYK used for?
CMYK (cyan, magenta, yellow, black) is the print model. Use the CMYK values when sending a colour to a printer or print shop.
Can I enter a colour code instead of picking?
Yes — type any HEX code (like #2563EB) in the box and all the other formats update instantly.
Is it free?
Yes, completely free with no sign-up — copy as many codes as you need.