Color Format Converter
Enter any color in HEX, RGB, HSL, HSV, or CMYK and see it converted to all other formats instantly.
Preview
All Formats
#4D96FF
rgb(77, 150, 255)
rgb(77 150 255)
hsl(215, 100%, 65%)
hsv(215, 70%, 100%)
cmyk(70%, 41%, 0%, 0%)
Input Color
Accepts: HEX, rgb(), hsl(), hsv(), cmyk()
Related Articles
Learn more about this topic
Related Tools
You might also find these useful
Everything you need to know
Every Color Format, One Tool
Designers, developers, and digital artists constantly juggle between color formats. CSS uses HEX and RGB. Design tools prefer HSL or HSV. Print workflows require CMYK. This converter bridges all of them — enter a color in any format and instantly see every equivalent.
Supported Color Formats
HEX is the 6-digit hexadecimal notation used in CSS (#4D96FF). RGB defines colors as red, green, and blue channel intensities (0–255). HSL expresses color as hue (0–360°), saturation, and lightness. HSV is similar but uses value (brightness) instead of lightness. CMYK represents colors for print using cyan, magenta, yellow, and black percentages.
Live Preview & Color Picker
See a real-time color swatch that updates as you type. Need to start from a visual selection? Click the color picker to choose any color and the tool will convert it across all formats. Copy any format value with a single click.
CSS-Ready Output
The converter outputs CSS-compatible values you can paste directly into stylesheets. Both legacy rgb(r, g, b) and modern CSS rgb(r g b) syntax are provided for convenience.
Related Tools
Generate complete palettes with the Color Palette Generator. Create smooth gradients using the CSS Gradient Generator. Check contrast ratios with the Color Converter.