🎨 Color Picker & Converter
Quick answer
This color picker converts any color between HEX, RGB, HSL, HSV and CMYK at the same time, so you can grab the exact format your design tool, CSS file or print shop needs. It also builds a row of darker shades and lighter tints from your chosen color.
#4F46E5
| HEX | #4F46E5 | |
| RGB | rgb(79, 70, 229) | |
| HSL | hsl(243, 75%, 59%) | |
| HSV | hsv(243, 69%, 90%) | |
| CMYK | cmyk(66%, 69%, 0%, 10%) |
Shades & tints
Click a swatch to use it as the current color and copy its HEX.
✅ 100% free · 🔒 Runs in your browser — files never leave your device · 🚫 No sign-up
How to use the Color Picker & Converter
- Click the color box to pick a color visually, or type a HEX value like #4F46E5.
- Read the converted values in the table: HEX, RGB, HSL, HSV and CMYK.
- Click Copy next to any format to copy just that value.
- Click any shade or tint swatch to switch to it and copy its HEX.
- Use Random color for instant palette inspiration.
Frequently asked questions
What is the difference between HSL and HSV?
Both describe color with hue, saturation and a third axis. HSL uses lightness (50% is the pure color), while HSV uses value/brightness (100% is the pure color). Design tools and CSS mostly use HSL; HSV is common in color wheels.
When should I use CMYK instead of RGB?
CMYK is for print — ink percentages for cyan, magenta, yellow and black. RGB is for screens. Converting RGB to CMYK gives you a close starting point, though printed colors may look slightly less vivid.
Does this tool work with 3-digit HEX codes?
Yes. Short codes like #F50 are expanded to #FF5500 automatically, and you can type HEX values with or without the leading #.