Skip to content

Colour Converter & Contrast Checker

Convert colours between HEX, RGB, HSL, HSV and CMYK, check WCAG contrast and get tints and shades.

About Colour Converter & Contrast Checker

This colour converter changes a colour between HEX, RGB, HSL, HSV and CMYK formats. Pick a colour or type it in any format and all the others update instantly, each with its own copy button, so HEX to RGB and RGB to HEX conversions take a second.

A contrast checker tests your colour against white, black or your own text colour using WCAG ratios, which helps you design readable, accessible pages. Tints and shades of the colour are shown too, and clicking one makes it the current colour. It is useful for web designers, developers and anyone matching brand colours. It is free and runs in your browser.

How to use Colour Converter & Contrast Checker

  1. Pick a colour or type it in any format — HEX, RGB, HSL, HSV or CMYK.
  2. All other formats update instantly; click copy on any.
  3. Check contrast against white, black or your own text colour.
  4. Click a tint or shade to use it.

Frequently asked questions

What contrast ratio do I need?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text (18pt, or 14pt bold). AAA needs 7:1 and 4.5:1 respectively.

Why does the CMYK print differently?

This is a simple mathematical conversion. Printers use colour profiles (like FOGRA39) and inks that can shift results — ask your printer for a proof for brand-critical colours.

HSL or HSV?

HSL (used in CSS) makes lightness intuitive: 50% is the pure colour. HSV (used in design apps) treats 100% value as the brightest version of the hue.

How do I convert HEX to RGB?

Split the six-digit code into three pairs and convert each from hexadecimal to decimal, so #FF8800 becomes rgb(255, 136, 0). Type the HEX code to see it instantly.

How do I convert RGB to HEX?

Convert each of the red, green and blue values (0–255) to a two-digit hex number and join them after a #.

What is a tint and a shade?

A tint is a colour mixed with white to make it lighter, and a shade is mixed with black to make it darker.

People also search for

color converter · color converter online · color converter online free · color converter free · hex to rgb · hex to rgb converter · rgb to hex · rgb to hex converter · hex to rgb online · rgb to hex online · color converter hex to rgb · hex to rgb and cmyk

Related tools