https://github.com/ardov/huetone

A tool to create accessible color systems
https://github.com/ardov/huetone

cielab color contrast design-system design-tokens

Last synced: 3 months ago
JSON representation

A tool to create accessible color systems

• Host: GitHub
• URL: https://github.com/ardov/huetone
• Owner: ardov
• License: mit
• Created: 2021-07-17T00:57:59.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-11-19T00:33:37.000Z (about 1 year ago)
• Last Synced: 2024-08-01T19:58:51.458Z (6 months ago)
• Topics: cielab, color, contrast, design-system, design-tokens
• Language: TypeScript
• Homepage: https://huetone.ardov.me
• Size: 804 KB
• Stars: 319
• Watchers: 9
• Forks: 25
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [Huetone](https://huetone.ardov.me)

The app helps you to create accessible color systems with predictable contrast ratios. Check this [twitter thread](https://twitter.com/ardovalexey/status/1447329411678806023) to learn more.

## Run locally

1. Install [Yarn](https://yarnpkg.com/getting-started/install)

2. Clone and open Huetone repo

3. Run `yarn` to install dependencies

4. Run `yarn start` and open [http://localhost:3000](http://localhost:3000/)

5. You are excellent!

## Thanks

- [Lea Verou](https://twitter.com/LeaVerou), [Chris Lilley](https://twitter.com/svgeesus) and the CSS working group for providing all the essential code for color conversions.

- [Gregor Aisch](https://github.com/gka) for making the great [chroma.js](https://github.com/gka/chroma.js) library.

- [Andrew Somers](https://github.com/Myndex) for developing the Advanced Perceptual Contrast Algorithm (APCA). Note: it's still a working draft for WCAG 3. To learn more check [this thread](https://github.com/w3c/wcag/issues/695) or read that [article](https://www.w3.org/WAI/GL/task-forces/silver/wiki/Visual_Contrast_of_Text_Subgroup).

- Stripe team for publishing that [article](https://stripe.com/blog/accessible-color-systems) back in 2019 which inspired me to make this app.