CSS Color Converter

Convert any color between HEX, RGB, HSL, HSV and CMYK · Click any value to copy

Enter a Color
HEX#6366F1
RGBrgb(99, 102, 241)
RGBArgba(99, 102, 241, 1)
HSLhsl(239, 84%, 67%)
HSLAhsla(239, 84%, 67%, 1)
HSVhsv(239, 59%, 95%)
CMYKcmyk(59%, 58%, 0%, 5%)
CSS Variable--color-primary: #6366F1;
Preview

Shades

R
99
G
102
B
241
Tip

Click any shade above to switch to that color. Use the color picker icon or type any HEX value directly into the input.

What is a CSS Color Converter?

A CSS color converter transforms a color value from one format to another. Designers typically pick colors as HEX codes, but CSS supports RGB, HSL, and more. This tool instantly converts any color into every format you need with one click copy.

Frequently Asked Questions

How do I convert HEX to RGB?

Enter your HEX code in the input above and the RGB value is calculated instantly. Click Copy next to the RGB row to copy it to your clipboard.

What is the difference between RGB and HSL?

RGB defines colors using red, green and blue channel values from 0 to 255. HSL defines colors using hue (0–360°), saturation and lightness percentages. HSL is often easier to work with when adjusting brightness or creating color variations.

What is CMYK used for?

CMYK (Cyan, Magenta, Yellow, Key/Black) is used in print design. If you are sending colors to a printer or working in InDesign or Illustrator for print, you will need CMYK values.

What is a CSS custom property (variable)?

CSS variables let you store color values once and reuse them throughout your stylesheet. The converter generates a ready-to-use CSS variable declaration you can paste directly into your :root block.

Is this converter free?

Yes, completely free with no signup needed. All conversions happen instantly in your browser.