Design Tools

Color Converter

Convert colors between HEX, RGB, HSL, HSV, and CMYK formats. See a live preview as you type and copy any format with one click.

Color Preview

Quick Colors

CSS Snippets


                    

Contrast on White

Contrast on Black

About Color Conversion

Different color models exist because different mediums represent color differently. Screens use additive mixing (RGB), where combining red, green, and blue light at full intensity produces white. Printers use subtractive mixing (CMYK), where layering cyan, magenta, yellow, and black inks absorbs light to produce darker colours. HSL and HSV describe colour in terms that align with how humans perceive hue, saturation, and brightness, making them intuitive for design workflows.

HEX notation is shorthand for RGB values encoded in hexadecimal and is the most common format in CSS. Converting between these models is a straightforward mathematical transformation, and this tool performs all conversions in real time as you edit any field. The contrast ratio section evaluates readability against WCAG accessibility guidelines, helping you choose colours that work for all users.

Supported Color Conversions

HEX Conversions

  • HEX to RGB
  • HEX to HSL
  • HEX to HSV/HSB
  • HEX to CMYK

RGB Conversions

  • RGB to HEX
  • RGB to HSL
  • RGB to HSV/HSB
  • RGB to CMYK

HSL Conversions

  • HSL to HEX
  • HSL to RGB
  • HSL to HSV/HSB
  • HSL to CMYK

HSV/HSB Conversions

  • HSV to HEX
  • HSV to RGB
  • HSV to HSL
  • HSV to CMYK

CMYK Conversions

  • CMYK to HEX
  • CMYK to RGB
  • CMYK to HSL
  • CMYK to HSV/HSB

Use Cases

  • Web Development (CSS)
  • Graphic Design (Figma, Sketch)
  • Print Design (Adobe)
  • Brand Guidelines