websemantics/Color-Palette-Toolkit

Turns color values from an Image or PhotoShop ACO file into a list of named colors, lighter and darker shades, css classes and a beautiful style guide.

Color-Palette-Toolkit

A lightweight Javascript library that reads the color values from a PhotoShop ACO file or an Image and turns them into a list of named colors using FileReader interface (http://bgrins.github.com/filereader.js/) and few other great Open Source projects. The Javascript code responsible of reading Photoshop ACO files has been ported from C program https://github.com/jasonm23/photoshop-aco2UIColors

Try it in the Live Demo

• Extract Color Pallete from Photoshop ACO file or an Image
• Generate CSS and HTML code for each color
• Generates human names for each color
• Generates lighter and darker shades for each if required

Get the color pallete from Adobe Photoshop ACO file

Generate an extra 'lighter' or 'darker' color of each

Generate an extra 'lighter' and 'darker' color of each

Get the color pallete from an Image file

License

Color-Palette-Toolkit is open source under MIT License. See LICENSE.

Open Source projects used

• jQuery - http://jquery.com/
• filereader.js - http://github.com/bgrins/filereader.js
• ntc js (Name that Color JavaScript) - http://chir.ag/projects/ntc/
• TinyColor - https://github.com/bgrins/TinyColor
• JavaScript Inflection - https://github.com/simonwex/inflection-js
• TemplateEngine - http://krasimirtsonev.com/blog/article/Javascript-template-engine-in-just-20-line
• CodeMirror - http://codemirror.net/mode/css/
• js-beautify - https://github.com/beautify-web/js-beautify
• Flattastic Pro Color Palette - http://codepen.io/devi8/pen/lvIeh (https://dribbble.com/devi8)
• Flattastic Pro Color Palette - https://dribbble.com/shots/1186718-Flattastic-Pro-Color-Palette
• Color Thief - https://github.com/lokesh/color-thief
• photoshop-aco2UIColors - https://github.com/jasonm23/photoshop-aco2UIColors