Tips
How to use Color Converter & Palette Tool
- WCAG AA generally requires a 4.5:1 contrast ratio for normal body text.
- Click a code or palette color to copy it.
Design tool
Color Converter & Palette Tool
Choose foreground and background colors to convert codes, generate harmonious hues, and see whether contrast passes WCAG AA and AAA targets.
Color converter & contrast checkerConvert color codes, build a palette, and check WCAG contrast.
HEX · RGB · HSLReadable 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.
Privacy
Your content stays on your device
All conversion and calculation happens in your current browser. Baro Tool does not save your input or results on its server.