Huetone

The app helps you to create accessible color systems with predictable contrast ratios. Check this twitter thread to learn more.

Run locally

1. Install Yarn
2. Clone and open Huetone repo
3. Run yarn to install dependencies
4. Run yarn start and open http://localhost:3000
5. 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.