An article by David Brooks on September 1, 2009


I’ve been playing with colors lately, colors that I’ve not used before. But there were still some ranges that I would never touch, nor would I put them with other colors. To break out of that, I wrote a script that shows a color as it “radiates” through the nearby hexadecimal values.

An example of Faded in action

How it Works

Pick a hex value, any proper hex value, and put it in the box. When you click “update” the JavaScript on the page will start associating nearby colors, assigning them to the blocks mathematically.

If you want to look at the values around that scheme you can press any of the arrow keys to begin shifting the colors. The values for every block are re-calculated and put in place. So, while it’s occasionally difficult to “go back”, it gives you a fair update based on the newly chosen color.

What’s the Point?

By seeing colors in this way, we can put together unique combinations that may not have come to mind before. It can also give a different perspective on how colors associate and relate to their hex values.

See it in action

Get articles from me, right in your inbox.

(I promise, no spam.)

Categorised in: ,

When My Daughter Met The Queen

A Photo of David Brooks
About David Brooks

David Brooks is the owner of the small creative studio, Northward Compass, based out of Orlando, Florida. He writes electronic and ambient music as Light The Deep, and fantasy stories about a place called Elerien.

© Copyright 2005 - 2018 David N Brooks. All rights reserved.