Images & Documents tool

Color Converter & Palette Tool

Enter a main color and background to inspect color codes and text contrast, then copy codes or palette colors.

Six-digit HEX input · AA at 4.5:1 and AAA at 7:1

Color converter & contrast checkerConvert color codes, build a palette, and check WCAG contrast.

HEX · RGB · HSL

Main colorBackground

Readable text sampleBaroTool · Aa 123

Contrast ratio4.54 : 1

AA PASSAAA FAIL

Codes & palette

WCAG AA for normal text generally requires 4.5:1; AAA requires 7:1.

Choose the two colors
Use the color pickers or enter six-digit HEX such as #356cf6. The main color’s HEX, RGB, and HSL values appear together.
Read the contrast preview
The main color is used for text over the selected background. Adjust the pair while watching the ratio and AA/AAA indicators.
Copy codes and palette colors
Click a code card or palette swatch to copy its value. Palette colors are hue-shifted suggestions; check each against its intended background.

A worked example

This compares two opaque solid colors. Check the actual combination again if you use another background or transparency.

Tools that work well together