Design Tokens Contrast Grid
View on github
Example text :
Lorem ipsum
Tokens as JSON or CSS variables
Contrast validation method
WCAG 2.2 AA
WCAG 2.2 AAA
RGAA 4.1
RAAM 1
How does the contrast validation work ?
🔦
Text size
Normal
Large
Only combinations with a high enough contrast
💾
Save as image (.jpg)
Constrast combinations table with text color rows and background color columns.
Made with contrastcheckergrid.com.