CSS Colour Audit

or css color audit, for those in the US

Based on article by A list apart - CSS Audits: Taking stock of your code.

While working on a site refactor I found these tools useful in auditing the CSS colour values being used throughout a large e-commerce site.

CSS Colorguard

https://github.com/SlexAxton/css-colorguard

Run the node app against your css file(s) and get a list of colour similarity issues. Uses some complex maths to compare hex values.

Combotester

http://www.colorcombos.com/combotester.html
Add as many colours as you need and compare side-by-side. Useful to see large colour swatches for comparison.

Hextractor

https://hex.corvidworks.com/

Paste your generated css into the input field to get a visual list of all the colours you're using plus hex codes. Handy to visually compare.