Color Converter

Convert a colour into every format you need and check whether it is accessible. Paste any notation, pick from the colour wheel, read the WCAG contrast verdicts and grab a ready-made shade palette.

Colour input

Any colour format
Picker
#3b82f6

All formats

  • HEX
    #3b82f6
  • HEX+A
    #3b82f6
  • RGB
    rgb(59, 130, 246)
  • RGBA
    rgba(59, 130, 246, 1)
  • HSL
    hsl(217, 91%, 60%)
  • HSLA
    hsla(217, 91%, 60%, 1)
  • HSV
    hsv(217, 76%, 96%)
  • CMYK
    cmyk(76%, 47%, 0%, 4%)

Contrast & accessibility

On white background3.68:1
The quick brown fox
AA AA Large AAA AAA Large
On black background5.71:1
The quick brown fox
AA AA Large AAA AAA Large

Shades & tints

  • #e7effe
  • #b6d0fc
  • #85b1f9
  • #5492f7
  • #2473f5
  • #0a5adb
  • #0846ab
  • #06327a
  • #031e49
  • #010a18
All processing is done locally in your browser. Your images never leave your device.

How to use

  1. 1

    Type a colour in any format or use the picker.

  2. 2

    Read the conversions in HEX, RGB, HSL, HSV and CMYK.

  3. 3

    Check the contrast verdicts against white and black.

  4. 4

    Click a shade to make it the new base colour.

Supported formats

Accepts

Produces

FAQ

HEX with 3, 4, 6 or 8 digits, rgb(), rgba(), hsl(), hsla() and the standard CSS colour names.

It compares the brightness of two colours. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

Both describe hue, but HSL is built around lightness while HSV is built around value or brightness, which suits colour pickers.

It is a mathematical approximation. Real print output depends on the colour profile, ink and paper.

By keeping the hue and saturation and stepping the lightness, which gives a consistent tint and shade scale.

About this tool: Color Converter

Every colour notation, every direction

The Color Converter translates colours between HEX, RGB, HSL and CMYK instantly — type any one format and the others update live, complete with a visual swatch and copy buttons for each notation. A built-in contrast checker shows whether white or black text is readable on your colour.

Design and code speak different colour languages: designers hand over HEX, CSS accepts RGB and HSL, print shops want CMYK, and accessibility guidelines judge contrast ratios. Converting by hand is error-prone arithmetic; the converter keeps every notation in sync so the colour you shipped is the colour you approved.

The contrast readout turns the tool into an accessibility check as well — WCAG contrast ratios appear as you edit, so you can darken a background or flip text colour before a review flags it. Everything computes locally, instantly.

Like every Piclizer tool, this one runs entirely in your browser — your files stay on your device.

Related tools