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. Crayon.css →
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 …
Continue reading “randomColor – A color generator for JavaScript”
Reminder: Current Color in CSS
Reminder to self, as I seem to keep forgetting this (even after having blogged about it 3 years ago): you can use currentColor as a color value in CSS. Be it for background-color, border-color, etc. — they all accept currentColor. The value it represents is the current color, so if that one changes so will …
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() }); Adaptive Backgrounds →
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 Colorpeek →Colorpeek for Chrome →
OS X Hex Color Picker
Edit and view hexadecimal color codes in the standard Mac OS X color panel Exactly what I needed! Hex Color Picker →
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! …
The two colors of Hollywood
It looks like Hollywood only knows two colors: Teal and Orange Once you know it — which you do now — you’ll undoubtably notice it way too often in many blockbusters. Teal and Orange – Hollywood, Please Stop the Madness →
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. Developer Color Picker →