Back to Plugins

Asphalt - Color Grading (based on USWDS)
Grade any color with ease while being WCAG compliant!
contrastgradestokensaccessiibilitywcaguswdsgradepointcolor
Plugin Preview
About this plugin
Use this plugin to check the grade point for any color using its HEX value. It can also be used to get a list of suggested colors for a desired grade point.
How to use:
- Input the HEX codes for the Foreground color.
- Pick the desired grade you want a suggested shade in (optional)
- Hit "Generate"
⚠️ For dark mode tokens, choose the desired grade in reverse, not from 0 but from 100. For example, the desired grade is 30 in light mode. It is five levels from 0. For dark mode, choose the fifth level from 100, which is 60.
This is based on the USWDS system of grading colors. With the help of 'magic numbers', you can use this system to ensure an accessible palette.
For any queries/feedback/suggestions feel free to leave a comment and we'll be happy to connect! 🚀
Plugin Details
| Version | 20 |
|---|---|
| Created | July 29, 2022 |
| Last Updated | February 9, 2023 |
| Category | Uncategorized |
| Creator | Keith Vaz |
| Stats | 83 installs, 9 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the same category.
No similar plugins found in this category.