Color Converter
Convert colors between HEX, RGB, HSL and CMYK. Preview colors in real-time. Free tool for designers and developers.
Preview
Real-time preview of your color
Color Converter: HEX, RGB, HSL and CMYK
The Color Converter is a free online tool that instantly converts your colors between HEX, RGB, HSL and CMYK formats. Ideal for designers, web developers and anyone working with colors in their projects.
Simply enter a color value in any supported format and get all conversions automatically with a real-time preview.
How to Use
- Select your input color format (HEX, RGB or HSL)
- Enter the color value
- View the preview and all conversions automatically
- Copy the desired format with one click
Supported Formats
HEX (Hexadecimal)
Standard 6-character web format.
#FF5733
RGB (Red, Green, Blue)
Additive format used in CSS and digital design.
rgb(255, 87, 51)
HSL (Hue, Saturation, Lightness)
Intuitive format based on human perception.
hsl(11, 100%, 60%)
CMYK (Cyan, Magenta, Yellow, Black)
Subtractive format used for printing.
cmyk(0%, 66%, 80%, 0%)
Use Cases
Designers
Convert colors between formats for your Figma, Sketch or Adobe XD mockups.
Web Developers
Quickly get HEX or RGB codes for your CSS files.
Printing
Convert your colors to CMYK for professional quality printing.
Understanding Color Formats
- HEX: Compact format ideal for web. Starts with # followed by 6 characters (or 3 in short form).
- RGB: Additive model where 255,255,255 = white and 0,0,0 = black.
- HSL: More intuitive for adjusting colors. H = hue (0-360°), S = saturation (0-100%), L = lightness (0-100%).
- CMYK: Subtractive model for printing. Values range from 0 to 100%.