Home ToolsAccessibility Color Matrix

Accessibility Color Matrix

Compare every foreground and background pair in a color palette.

Processed locally in your browser.

Input

Output

Your result will appear here.

Enter your input, then run the tool.

How to use Accessibility Color Matrix

Provide hex colors, one per line.
Select Run tool to compare every foreground and background pair in a color palette.
Review the accessibility color matrix result, then copy or download the output.

HEX colors, one per line: #ffffff
#172c24
#a4e7cc
#52675c

What should I check when using Accessibility Color Matrix?

Use the labeled units and valid hex colors, one per line. The Example button supplies a reproducible starting input.

Resize a local image and export PNG, JPEG, or WebP.

design

Design a color gradient and copy ready-to-use CSS.

design

Convert HEX colors into RGB and HSL values.

design