Awesome
Huetone
The app helps you to create accessible color systems with predictable contrast ratios. Check this twitter thread to learn more.
Run locally
- Install Yarn
- Clone and open Huetone repo
- Run
yarn
to install dependencies - Run
yarn start
and open http://localhost:3000 - You are excellent!
Thanks
-
Lea Verou, Chris Lilley and the CSS working group for providing all the essential code for color conversions.
-
Gregor Aisch for making the great chroma.js library.
-
Andrew Somers for developing the Advanced Perceptual Contrast Algorithm (APCA). Note: it's still a working draft for WCAG 3. To learn more check this thread or read that article.
-
Stripe team for publishing that article back in 2019 which inspired me to make this app.