Color Format Converter

Enter any color in HEX, RGB, or HSL and instantly convert to all four formats. Built for esport design workflows.

Enter a color (HEX, RGB, or HSL)

Quick presets:

#E4002B

HEX

#E4002B

RGB

rgb(228, 0, 43)

HSL

hsl(349, 100%, 45%)

CMYK

cmyk(0%, 100%, 81%, 11%)

CSS Snippet

.element {
  color: #E4002B;
  /* RGB:  228, 0, 43 */
  /* HSL:  349, 100%, 45% */
  /* CMYK: 0%, 100%, 81%, 11% */
}

When to Use Each Color Format

Different design tools and production workflows require specific color formats. HEX codes are the standard for web design and CSS — enter a six-character code like #E4002B and get instant results. RGB values are used by screen-based tools like Photoshop, Figma, and video editors for accurate digital color reproduction. HSL (Hue, Saturation, Lightness) is preferred in CSS styling because it makes color adjustments intuitive — you can lighten a team color by changing one value instead of recalculating all three channels.

CMYK is essential for print production: jerseys, merchandise, posters, and event banners all use CMYK inks. Converting directly from HEX to CMYK can produce unexpected color shifts, especially with bright greens and vivid blues. This converter uses accurate formulas to minimize these shifts, but always proof-print critical materials with the exact CMYK values provided.

CMYK vs RGB Guide Palette Generator