Skip to content

Color Converter

Convert between HEX, RGB, HSL and CMYK — with contrast checks.

Type a colour in any format — #4cc93f, rgb(76 201 63), hsl(114 52% 52%) or a CSS name like tomato.

On white — 2.16:1 ❌ fails AA
On black — 9.73:1 ✅ AA
Hex:
#4cc93f
RGB:
76, 201, 63
HSL:
114°, 56%, 52%
Contrast on white:
2.16:1

Private by design. This tool runs entirely in your browser. Your input is processed on your own device and is not uploaded by DO101.

About the Color Converter

Type a colour in any notation and get every other format back, plus a live swatch and WCAG contrast ratios against black and white so you can tell immediately whether text will be readable on it.

How to use it

  1. 1Type a colour in any format, or use the picker.
  2. 2Read every other format below.
  3. 3Check the contrast ratios before using it for text.

What you get

  • HEX, RGB, RGBA, HSL, HSLA and CMYK
  • Accepts 3, 4, 6 and 8-digit hex plus CSS colour names
  • Live swatch preview
  • WCAG AA contrast ratios on black and white
  • Runs in your browser

Frequently asked questions

Which formats can I paste in?

Hex in 3, 4, 6 or 8 digits, rgb() and rgba(), hsl() and hsla(), and common CSS colour names like tomato or crimson.

What do the contrast numbers mean?

WCAG asks for at least 4.5:1 for normal text and 3:1 for large text. The tool marks each ratio so you can tell at a glance whether the colour is usable for text.

Why is CMYK only approximate?

CMYK is device-dependent — real print colour needs an ICC profile. The values here use the standard naive conversion, which is fine for rough guidance but not for print production.

Keep going

People who use this tool usually reach for these next.

CSS MinifierRuns in your browser

Minify or beautify CSS.

Image ConverterRuns in your browser

Convert between JPG, PNG and WebP — any direction.

HTML EncoderRuns in your browser

Escape characters so markup displays as text.

JSON FormatterRuns in your browser

Beautify, minify and validate JSON with error positions.