Color Contrast Accessibility Checker

Live Matrix

Contrast Overview

Target Settings

Adjust the accessibility target and canvas mode before reviewing the matrix.

Target ratio 4.5:1
Passing 0
Combinations 0
Failing pairs 0
Worst ratio 0.00:1
Quick read Select a cell to inspect and improve a pair.

Inspector

Selected pair

--
Aa
Select a pair to see contrast guidance.
Text color - -
Background - -
Result - -

Manual adjustment

Edit the selected color directly in the palette.

Color to edit
RGB
HSL

Auto-Fix

Optimize the selected pair for the active target.

What should be adjusted?