Crayon.css is a list of css variables linking color names to hexadecimal values, usable with postCSS or with your favourite CSS preprocessor, being it Stylus, Sass or Less.
Tag Archives: color
Computer Color is Broken
randomColor – A color generator for JavaScript
There are lots of clever one-liners for generating random colors:
'#'+Math.floor(Math.random()*16777215).toString(16);Unfortunately, this code naturally produces lots of greys and browns and murky greens.
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.
The result pictured above is generated using this code:
randomColor({hue: 'red', count: 18});Adaptive Backgrounds
A jQuery plugin for extracting dominant colors from images and applying it to its parent
Just set a data-* attribute on an img, and call the plugin:
<img src="/image.jpg" data-adaptive-background="1">jQuery(document).ready(function($) {
$.adaptiveBackground.run()
});Colorpeek
Colorpeek is a tiny web app for quickly seeing and sharing CSS colors. The additional Chrome extension can parse colors from three different sources: selections, images, and websites
OS X Hex Color Picker
Edit and view hexadecimal color codes in the standard Mac OS X color panel
Exactly what I needed!
Paper’s Color Mixer
Paper by 53 (recommended app) now sports an innovative color mixer / color picker. Turns out it was quite a mathematical struggle to implement it too.
We learned in elementary school that yellow and blue when mixed turn green. However when you plug in the values to this equation, you get a different result: Gray! Mathematically speaking, yellow (1,1,0) and blue (0,0,1), blend to the triplet (0.5, 0.5, 0.5) which is gray. This is because RGB only describes a point in a color spectrum, not how colors would behave when they blend.
The Magical Tech Behind Paper For iPad’s Color-Mixing Perfection →
Paper by 53 (App Store) →
The two colors of Hollywood
Ever since I read this article (it’s been a year now), I can’t stop but noticing this trend in many, many Hollywood films. It looks like Hollywood only knows two colors.
Don’t click through if you don’t want all your blockbusters spoiled from now on, because once you know it you’ll undoubtably notice it way too often.
Mac OS X Developer Color Picker
A custom color picker designed specifically for developers. Makes getting colors out of Photoshop/Acorn mock-ups quick and easy. Currently supports NSColor, UIColor, CGColorRef, CSS and HTML styles.
By the lovely people at Panic.