Color

A free online color converter that translates colors between HEX, RGB, and HSL with a live picker, plus a built-in WCAG contrast checker that reports AA and AAA pass/fail for any foreground and background pair. Enter a color in any supported format and instantly get the others, fine-tune it visually with the picker, and copy the exact value your CSS needs. The contrast checker turns accessibility from guesswork into a clear result: it shows the contrast ratio and whether your text and background combination meets the WCAG thresholds for normal and large text. Everything runs in your browser.

Common uses

• Convert a HEX brand color to RGB or HSL for use in CSS.
• Check whether text and background colors meet WCAG AA contrast for accessibility.
• Fine-tune a color with the picker and copy the value in the format you need.
• Verify a design system’s color pairs pass AAA before shipping.
• Translate a designer’s HSL value into the HEX your codebase expects.

Frequently asked questions

Which color formats can it convert between?

HEX, RGB, and HSL. Enter a color in any of these formats and it converts to the others.

What contrast levels does it check?

It reports the contrast ratio and whether the pair passes WCAG AA and AAA for both normal and large text.

What contrast ratio do I need to pass WCAG?

WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1 respectively. The checker shows the ratio and the pass/fail for each.

What is the difference between HEX, RGB, and HSL?

They describe the same colors differently: HEX and RGB specify red/green/blue channels, while HSL uses hue, saturation, and lightness — often easier for tweaking a shade by hand.

Is my color data uploaded anywhere?

No. Conversion and contrast checking run entirely in your browser.