Convert colors between HEX, RGB, HSL, and CMYK formats instantly. Free online color format converter for designers and developers.
Real-time Conversion Multiple Formats Color Palettes Accessibility Info
HEX Enter any color format above to convert
Color Preview
#3b82f6
All Color Formats
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)
CSS Code
color:#3b82f6;
background-color:#3b82f6;
color:rgb(59, 130, 246);
color:hsl(217, 91%, 60%);
Color Information
Relative Luminance
0.2355
Contrast vs White
3.68:1
Fail
Contrast vs Black
5.71:1
AA
Color Palette
Complementary
Analogous Colors
Shades
Tints
Color Converter Features
A comprehensive color conversion tool for designers and developers with real-time format conversion.
Real-time Conversion
See instant conversion results as you type in any supported color format.
Multiple Formats
Support for HEX, RGB, HSL, and CMYK color formats with precise conversion.
Color Palettes
Generate complementary, analogous, and triadic color palettes automatically.
Accessibility Info
View WCAG contrast ratios and accessibility ratings for your colors.
Frequently Asked Questions
Find answers to the most common questions.
Simply paste your HEX color code (like #3B82F6) into the HEX input field. The RGB values will be calculated and displayed instantly. HEX colors represent red, green, and blue channels as two-digit hexadecimal numbers.
RGB (Red, Green, Blue) defines colors by mixing light channels. HSL (Hue, Saturation, Lightness) describes colors more intuitively using a color wheel angle, color intensity, and brightness. HSL is often easier for designers to work with.
CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard color model for print. Digital screens use RGB, so CMYK conversion is essential when designing for print media such as business cards, brochures, and posters.
Yes, the conversion between HEX, RGB, and HSL is mathematically exact with no loss. CMYK conversion is an approximation since it depends on specific ink and paper profiles, but our formula provides industry-standard results.
Our tool shows WCAG contrast ratios against both white and black backgrounds. A ratio of 4.5:1 or higher is required for normal text (AA level), and 7:1 for enhanced contrast (AAA level).