If you are not a graphics or web designer by trade, but do have an occasional need for a color scheme that just works, Adobe Color CC is the tool just for you. It’s web-based – so there is no need to install anything, it’s free, and it’s super easy to use. It supports a variety of color rules – analogous, monochromatic, triad, complimentary, compound, and shades – just pick one, and drag the markers around the color circle, until you are happy.
I’ve seen and used a bunch of similar tools, but I think this one works the best of them all.
Here is an interesting web design idea that adds uniqueness to the website : use a random font for post titles, and use random color schemes for each post. To hell with consistency you say? Well, apparently, being random is being consistent too.
Picked up the thought from this blog post.
Read “Color Profiles & Printing – Explained“. The infographic is much handy too.
uiGradients – beautiful colour gradients
CSS Colorguard – keep a watchful eye on your CSS colors.
Here is a better description from the README:
Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want, and warns you when colors you’ve added are too similar to ones that already exist. Naturally, it’s all configurable to your tastes.
And here is my favorite part:
Colorguard uses the CIEDE2000 algorithm to determine the similarity of each of the colors in your CSS file. This algorithm is quite complex, but is used in the broadcasting community as the best approximation of human ability to discern differences in color. RGB on the other hand, is pretty bad at representing differences in color purely based on the numerical difference of the hex values.
Luckily, someone else already implemented CIEDE2000, so I didn’t have to. Tight. Cause this thing is mathy as hell.
randomColor generates attractive colors by default. More specifically, randomColor produces bright colors with a reasonably high saturation. This makes randomColor particularly useful for data visualizations and generative art.
You can also pass an options object to randomColor. This allows you to specify the hue, luminosity and the number of colors to generate.
I came across an interesting project by Angelica Dass, in which she is trying to map skin tones to PANTONE colors. Apart from the color theory side of this project, I find the actual portrait photography interesting. It is so unusual to see human faces without too much post-processing. Beautiful, real-life people.