Great project!

I've been using these as the backing-data for a color selection palette in an Angular app, so I thought I'd save people the headache of converting the CSS / LESS / SASS to usable JSON.

Added a Coffeescript + VanillaJS version.

Hopefully useful to others.

D.

Hey, Instead of using classes, it will be better to use CSS variables, like so:

:root{
     var-bg-aqua:  #7FDBFF;
     var-bg-blue:  #0074D9;
}

Maybe it will be cool to add for progressive enhancement ?

I was looking at your project and saw that the brown color you use - 85144b (HSV: 331°, 85%, 52%) - is mapped to a color that resembles much more to dark purple. Following the specification of maroon color in HSV (0°, 100%, 50%), I choose a new color that is more like the brown color of the specification and it is not as heavy.

The color in question is 731e11 (HSV: 8°, 85%, 45%) and it have a hue tending to yellow, while it maintains the saturation and value near the originally proposed by your project. I believe this color would fit better in the color pattern of maroon.

Any questions, I'm open to discussion.

i love love love this! i was wondering if you had thoughts, or references, about creating a nicer palate around the rest of the ~130 colors, e.g. khaki, lightgray, salmon. i'm working on a graphing library and would love for users to be able to drop human-readable color IDs with nicer colors :)

Thought you might be interested in changing seasons :smile_cat:

• Made the footer background white to represent snow and winter.
• Now using olive links, buttons, and tagline to represent evergreen trees.
• Author related links are changed to gray for a more winter-y feel, as well.

Now there are just HEX codes. It would be nice if the website would also provide the RGB and HSL values :) Sometimes I just visit the page and copy a few color codes. And given that IE8 is beginning to fade away I prefer the HSL scheme/space.

gulp-load-plugins automatically requires gulp plugins specified in package.json. That makes it easier to add and remove plugins in the future. For further information on gulp-load-plugins see: https://www.npmjs.org/package/gulp-load-plugins

Currently the code require('colors.css') is meaningless in Node.js and similar environments (such as Browserify or node-webkit) though they might utilize the npm package colors.css.

This pull request detects Node.js module.exports and uses it to return the colors object from js/colors.js whenever the code require('colors.css') is used.

I'd like to help out and develop this because I think it is awesome, but I couldn't find a list of Todo's or any info on contributing. Do you think you could outline some things you would like to add so we can help out?

Just thought I'd add my $0.02 to the awesomeness:

• Added a couple of mixins which allow for getting rid of code duplication.
• Applied -moz-transition as well to links.
• Fixed mixed casing on colors.
• Removed useless _ from filenames (it's a SASS convention, not a LESS one :-)).

I was looking at the CSS files and I was thinking about creating a CSS file that would have presets. This would just mean that there would be multiple preset classes where there would be one particular background color (such as navy, white, blue, red etc) then the font, border, strokes, fills colors would just be another color.

The combinations could be utilized from the colorable website provided in your website, let me know what you think!

I loved the idea of using e.g. #80BFFF text color for #001F3F background. So I converted your websites hsla colors to hex and used them as variables. NOTE: I had not build this repo,

Hi.

I am very happy to use this repo during recent months and I really thank you for that. I usually tend to use CDN links but at the same time I like to have more options in terms of customisation. Therefore, I was wondering if I could be contributing to this repo and then have a better customised CDN. These are my changes to the repo and I hope they will be ok.

• Beautiful colors are added from "persian" family.

• Some branding colors (facebook, ...) are added since they are widely seen by the users and present a sense of intimacy. These new colors also bring simplicity in UI design. Blue variation has been point of concern as it is regarded as peaceful, tranquil, secure, and orderly.

• Since this css will be probably used as a complementary color palette to Bootstrap framework (as I usually do), some css classes have been renamed to be consistent with bootstrap conventions introducing more integrity in coding (.{color} -> .text-{color} & .border--{color} -> .border-{color}).

• As this css color palette can be used individually, bootstrap colors (primary, secondary , ...) are also introduced providing a wide range of options in hand.

• "!important" declaration is added to provide specificity.

Feel free to edit in case of need.

Regards Meysam Majnooni

I enjoyed the contrast colors available in the project page, so I variablized them and added new classes (bg-{color}-fg and fg-{color}-bg) to implement both the original colors and their appropriate contrast color.

As a supplement to the colors utility, a LESS implementation that simplifies creating multiple classes. It also includes a gulp file to compile and minify the files accordingly.