🎨 Pick or Enter a Color
Color Converter — Free HEX, RGB, HSL & CMYK Tool
Convert colours between HEX, RGB, HSL, HSV, and CMYK formats instantly with our free online colour converter. Includes a visual colour picker for selecting any colour. Perfect for web designers, graphic designers, and developers who work across different colour systems. Different design tools, programming languages, and print processes use different colour formats. CSS uses HEX...
Convert colours between HEX, RGB, HSL, HSV, and CMYK formats instantly with our free online colour converter. Includes a visual colour picker for selecting any colour. Perfect for web designers, graphic designers, and developers who work across different colour systems.
Different design tools, programming languages, and print processes use different colour formats. CSS uses HEX and RGB. Design software often uses HSL or HSB. Print design requires CMYK. Being able to convert between these formats instantly is an essential skill in any design workflow.
Colour Format Reference
- HEX (#FF5733): Hexadecimal — used in CSS, HTML, and most web tools
- RGB (255, 87, 51): Red, Green, Blue — native to screens and monitors
- HSL (11, 100%, 60%): Hue, Saturation, Lightness — intuitive for colour mixing
- HSV/HSB: Hue, Saturation, Value/Brightness — used in Photoshop and design tools
- CMYK: Cyan, Magenta, Yellow, Key/Black — used in print and offset printing
How to Convert Colours — Step by Step
- Pick a colour: Use the colour picker or enter a HEX, RGB, or HSL value.
- View all formats: All equivalent colour values appear instantly.
- Copy any format: Click a colour value to copy it to clipboard.
- Adjust: Modify sliders to fine-tune the colour and see all formats update.
- Use in your project: Paste the colour value in the format your tool requires.
❓ Frequently Asked Questions
RGB is an additive colour model for screens (combining light). CMYK is a subtractive model for print (combining inks). The same colour looks different between the two — this is why screen designs can look different when printed.
Yes — every 6-character HEX code maps directly to an RGB value. For example, #FF0000 = RGB(255, 0, 0) (pure red).
RGB has a larger colour gamut (range of colours) than CMYK. Some bright screen colours (especially blues and greens) cannot be reproduced exactly in print.
HSL (Hue, Saturation, Lightness) is more intuitive for colour manipulation than RGB. CSS supports HSL natively and it's useful for creating colour variations.
Yes, 100% free with no account required.
Enter each colour separately. The tool processes one colour at a time.
🔗 Related Tools