Color Converter
Enter any color format — see all formats at once. Click any value to copy.
How it works
Colors can be described in many different systems, each useful for different purposes. Web developers work with HEX (#ff6600) and RGB (rgb(255, 102, 0)). Designers in CSS often prefer HSL (hsl(24, 100%, 50%)) because it maps to how humans think about color — hue, saturation, and lightness. Print designers need CMYK values for accurate reproduction on paper. HSV (Hue, Saturation, Value) is common in color picker UIs and image editing software.
This tool converts between all five formats simultaneously. Enter a color in any supported format — HEX, RGB, HSL, HSV, or CMYK — and instantly see the equivalent value in every other format. You can also use the native color picker input to select a color visually. A large swatch preview shows the exact color so you can verify it matches your intention.
Every value in the output grid is clickable — click to copy the value to your clipboard in the exact format shown. This saves you from manually typing rgb(255, 102, 0) when you started with a HEX value.
The conversion runs entirely in your browser using mathematical formulas — no lookup tables, no API calls, no data transmitted. Color conversions are lossless between HEX/RGB/HSL/HSV; CMYK conversion uses a simplified formula (device-independent) since accurate CMYK requires an ICC profile.
FAQ
What color formats are supported as input?
HEX (3, 4, 6, or 8 digits with or without #), RGB (rgb(r,g,b) or r,g,b), HSL (hsl(h,s%,l%)), HSV (hsv(h,s%,v%)), and named CSS colors (e.g., tomato, steelblue).
Is the CMYK conversion accurate for print?
The conversion uses a device-independent formula. For production print work, you need an ICC color profile specific to your printer and paper. This tool gives you a reasonable starting point, not a press-ready value.
What is the difference between HSL and HSV?
Both use Hue (0-360 degrees) but differ in how they represent brightness. HSL's Lightness goes from black (0%) through pure color (50%) to white (100%). HSV's Value goes from black (0%) to the pure color (100%). HSL is more intuitive for CSS; HSV is more common in design software.
Can I convert colors with alpha (transparency)?
8-digit HEX (#ff660080) and rgba() are supported. The alpha channel is preserved across all formats that support it. CMYK does not have an alpha channel.