Skip to content
Toolshed

Color Converter

Convert colors between HEX, RGB, HSL, HSV and CMYK instantly. Pick from screen, check WCAG contrast and get tints and shades. Free, in your browser.

  • No uploads
  • No limits
  • No signup

Type HEX, RGB, HSL, HSV, CMYK or a CSS color name. All formats update live.

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

Contrast (WCAG)

On white

Sample text Aa

Contrast ratio: 3.68:1

  • AA normal text: fail
  • AA large text: pass
  • AAA normal text: fail
  • AAA large text: fail

On black

Sample text Aa

Contrast ratio: 5.71:1

  • AA normal text: pass
  • AA large text: pass
  • AAA normal text: fail
  • AAA large text: pass

Tints and shades

Input:
HEX
Output:
HEX
Runs on:
Your device
Size limit:
None
Account:
Not needed

How to use Color Converter

  1. Enter or pick a color

    Type any HEX, RGB, HSL, HSV, CMYK value or CSS color name, use the color picker, or grab a color from your screen.

  2. See every format

    HEX, RGB, HSL, HSV and CMYK update instantly, along with contrast ratios and a palette of tints and shades.

  3. Copy what you need

    Click Copy next to any format and paste it into your CSS, design tool or code.

Why Color Converter on Toolshed

  • No uploads

    Everything runs in this browser tab. Your files never leave your device.

  • No limits

    No file-size caps, no daily quotas. Process as much as your device can handle.

  • No signup

    No account, no email, no watermark.

Frequently asked questions

Which color formats can I enter?

HEX (#rgb, #rrggbb and #rrggbbaa), rgb() and rgba(), hsl() and hsla(), hsv(), cmyk() and all 148 CSS color names such as rebeccapurple. Modern space-separated syntax like rgb(59 130 246 / 50%) works too.

What do the AA and AAA badges mean?

They show whether your color meets the WCAG contrast guidelines when used as text on white or black. AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1.

Why is there no Pick from screen button?

It uses the browser's EyeDropper API, which is available in Chrome, Edge and other Chromium browsers. In other browsers use the color picker or type a value.

Are my files uploaded anywhere?

No. Color Converter runs entirely in your browser. Your files are processed on your device and are never sent to a server.

Is there a file size limit?

No fixed limit. The only limit is your device's memory. Very large files work best in a desktop browser.

Is Color Converter really free?

Yes. There's no account and no watermark. A short optional ad, or a 20-second wait, unlocks each download. That's how we keep it free.