Skip to content

bryanberger/ga-contrast-checker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ga-contrast-chcker

Takes a set of hex colors and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.

Sample Output

GitHub Logo

Getting Started

Clone this repo. Make sure you have Node installed.

npm install

Usage

Edit the colors.json file with a set of hex colors to test against. Currently it tests for 4.5:1(AA) and 3:1(AA Large)

npm start

Check the build folder for the contrast.html file and open it. There is also a json and csv file in there as well.