Color Converter
Convert colors between HEX, RGB, HSL, HSB, CMYK and CSS names instantly.
Color Converter Features
Instant color conversion between all major formats.
Convert between HEX, RGB, HSL, HSB/HSV, CMYK, and CSS named colors all at once.
Copy any color value to your clipboard instantly with the copy button.
All conversion happens in your browser. No data is sent anywhere.
How to Convert Files
Upload your files, select output format, and download converted files instantly. Our converter supports batch conversion and maintains high quality.
Frequently Asked Questions
What is a HEX color code?
A HEX color is a 6-digit hexadecimal number prefixed with # (e.g. #3b82f6). Each pair of digits represents the red, green, and blue channels from 00 (0) to FF (255).
HEX codes are the most common color format used in web development and CSS.
They are compact and human-readable once you learn to recognise common values like #ffffff (white) and #000000 (black).
What is RGB?
RGB (Red, Green, Blue) represents colors by specifying the intensity of red, green, and blue channels as integers from 0 to 255.
For example, rgb(59, 130, 246) is the same blue as #3b82f6.
RGB is widely used in CSS and digital design. It is the native color model of computer screens.
What is HSL?
HSL (Hue, Saturation, Lightness) describes colors in terms of hue angle (0-360), saturation percentage (0-100%), and lightness percentage (0-100%).
HSL is intuitive for designers because adjusting saturation or lightness is straightforward.
CSS natively supports HSL colors with hsl() and hsla() functions.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Black) is the color model used in printing. Printers mix these four inks to produce colors on paper.
Web colors (RGB/HEX) cannot be directly used for print without conversion.
Use our converter to get the CMYK equivalent when preparing designs for print.
What is HSB/HSV?
HSB (also called HSV — Hue, Saturation, Value) is similar to HSL but uses brightness/value instead of lightness.
Photoshop, GIMP, and many design tools use HSB as their primary color model.
At maximum saturation and brightness (100%, 100%), HSB produces fully saturated colors, while HSL at 50% lightness produces the same.
What are CSS named colors?
CSS defines 140+ named colors that can be used directly in stylesheets, like 'red', 'navy', 'cornflowerblue', and 'tomato'.
If your selected color exactly matches one of these named colors, our converter will show the name.
Named colors are convenient for common colors and are supported by all browsers.
Is the conversion accurate?
Yes. The conversions use standard color science formulas and produce industry-standard values.
HEX ↔ RGB conversion is lossless (exact). HSL, HSB, and CMYK values are rounded to whole numbers for readability.
For printing, remember that screen colors (RGB) may look slightly different when printed in CMYK due to gamut differences.
How do I use this in CSS?
Copy the HEX value for the most concise form: color: #3b82f6;
Or use RGB with opacity: color: rgba(59, 130, 246, 0.8);
Or use HSL which makes lightness adjustments easy: color: hsl(217, 91%, 60%);