Developer tools
Color Converter

Color converter and contrast checker

Convert a color between HEX, RGB and HSL, fine-tune it with sliders, and check that text on it is readable. The built-in contrast checker tells you whether a pair passes WCAG AA and AAA.

Open Color Converter — free Get the Windows app

Free in your browser — no sign-up. Install from the Microsoft Store to use it offline on Windows 10 and 11.

How to use it

Open the Color Converter and enter a HEX value, adjust RGB or HSL sliders, or use the picker.
Copy the color in any format, or Copy as CSS.
Enter a foreground and background color to check their contrast ratio.

Example

HEX

#0A6E8A

Converted

RGB       rgb(10, 110, 138)
HSL       hsl(193, 86%, 29%)
Contrast  5.82:1 on white — passes WCAG AA, fails AAA

Features

HEX, RGB and HSL, kept in sync as you edit any of them.
Picker and sliders for fine adjustments.
WCAG contrast checker — ratio plus AA and AAA results for normal and large text.
Copy as CSS or copy all formats at once.

Frequently asked questions

What contrast ratio do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1.

Should I use HEX or HSL in CSS?

Both are fine. HSL is easier to adjust by hand — change the lightness to create tints and shades — while HEX is compact and widely used in design tools.

One workspace for all of it

Color Converter is one of 18 developer tools in CodeForge — alongside a JSON formatter, JWT decoder, regex tester, UUID and hash generators, and more. Press Ctrl+K to jump to any of them.