Color Converter
Convert between HEX, RGB, HSL, and other color formats
What is color format conversion?
Color format conversion translates a color value between the different notations used in design and development: HEX (#3b82f6), RGB (59, 130, 246), HSL (217°, 91%, 60%), HSV, CMYK, and more. Different design tools and workflows use different color formats.
Paste any color value in any supported format and the tool instantly shows the equivalent in all other formats. It also displays a live color swatch so you can verify the color visually.
How to use Color Converter
Enter a color value
Type or paste a color in any supported format: HEX, RGB, HSL, HSV, or CMYK.
View all conversions
The equivalent values in all other color formats appear instantly. A color swatch shows the resulting color.
Copy your target format
Click the copy icon next to the format you need for your project.
Frequently asked questions
What color formats does the tool support?
The converter supports HEX (3 and 6 digit), RGB, RGBA, HSL, HSLA, HSV, CMYK, and named CSS colors. It converts between all of these formats in both directions.
What is the difference between HSL and HSV?
Both represent color as Hue, Saturation, and a third component. HSL uses Lightness — at 100% lightness, all hues become white. HSV uses Value (brightness) — at 100% value with 100% saturation, you get a fully saturated color.
Why does CMYK look different from the RGB version on screen?
Screens display color using RGB (additive light mixing). CMYK is a subtractive ink model for printing. The color gamuts differ — some CMYK colors cannot be reproduced on screen and vice versa. The conversion is an approximation.
Does my data get sent to a server?
No. All color conversions run in your browser. Your data is never transmitted anywhere.