Color Converter
Convert colors between HEX, RGB, HSL, and CMYK formats with live preview.
r124
g58
b237
H263°
S83%
L58%
CSS Usage
.element {
color: #7C3AED;
color: rgb(124, 58, 237);
color: hsl(263, 83%, 58%);
}Frequently Asked Questions
What color formats are supported?
This tool supports HEX (e.g., #FF5733), RGB (e.g., rgb(255, 87, 51)), HSL (e.g., hsl(11, 100%, 60%)), and CMYK (e.g., cmyk(0%, 66%, 80%, 0%)). Enter a value in any format and all others update automatically.
What is the difference between RGB and CMYK?
RGB (Red, Green, Blue) is an additive color model used for screens and digital displays. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used for print. Colors may look slightly different between the two due to different color gamuts.
How do I use HEX color codes?
HEX codes are 6-character strings prefixed with # (e.g., #FF5733). Each pair of characters represents Red, Green, and Blue values in hexadecimal (00-FF). They are the most common format in CSS and web development.