[ TOOLS.02 ] - Utility
Contrast
Grid
Most checkers test one pair at a time. Paste your entire palette and this one scores every combination against WCAG AA and AAA in a single matrix, so you can see which pairs are actually safe to ship.
// Expected Output
Standard
WCAG 2.1 contrast ratio
Thresholds
AA 4.5, AA Large 3.0, AAA 7.0
Input
Hex, RGB, or named colours
Server calls
Zero, runs locally
Offline support
Yes, download the .html
Part of a growing toolkit built with the same logic we apply to every client project: fast, focused, and free.
MORE TOOLS AT BEBEN.DESIGN ↗Hex, rgb(), hsl(), or a CSS colour name. Add a label after the value and it shows up in the headers.
// Text Size Being Judged
Large means 24px and up, or 18.66px and up when bold. It gets an easier ride: AA drops to 3.0 and AAA to 4.5.
// Matrix - Rows Are Text, Columns Are Background
READY
// Selected Pair
Click any cell to preview that pair at real text sizes.
Large text, 24px
Normal body text at 16px, the size most copy actually ships at.
Loading the sample palette.