194 tools

Color Converter

HEX, RGB, HSL and OKLCH with WCAG contrast.

Unit & Color Converters

About the Color Converter

The Color Converter translates any color between HEX, RGB, HSL and OKLCH and checks its WCAG contrast ratio against black and white text, so you can pick accessible color combinations.

Category
Unit & Color Converters
Price
Free
Account
Not required
Runs
Entirely in your browser

How to use the Color Converter

  1. Enter a color in any format (e.g. #3b6fd8, rgb(59 111 216) or hsl(220 67% 54%)).
  2. Copy the value in the format you need.
  3. Check the contrast ratings for normal and large text.

Privacy

Everything runs in your browser: what you type or paste is processed by JavaScript on your device, not on a server. If you are signed out, nothing is saved at all. If you sign in with Google, your inputs and settings are saved privately to your account so they sync across devices.

Frequently asked questions

Is the Color Converter free?

Yes. Color Converter is completely free with no sign-up, no usage limits and no watermarks.

Is my data private?

Yes. The Color Converter processes everything in your browser. Signed out, nothing is saved; signed in, your inputs sync privately to your own account.

What contrast ratio does WCAG require?

WCAG 2 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1.

What is OKLCH?

A perceptually uniform color space: equal steps in lightness or chroma look like equal changes to the eye, which makes it great for building palettes and themes in CSS.

Does it work on my phone?

Yes. Toolbench runs in any modern browser on desktop, tablet or phone — there is nothing to install.

Related unit & color converters

All 2 unit & color converters →

Last updated