RUSTY HEAPS

A Mostly British Obsession

I Made a Color Thingy

Sky
Eau-De-Nil
Sea Green
Grass Green
Olive Green
Brilliant Green
Light Bronze Green
Light Brunswick Green
Emerald Green
Bold Green
Opaline Green
Light Olive Green
Verdigris Green
Forest Green
Spruce Green

The gadget seems to work…but the darker colors look more like anodized metal than enamel paint. (I kind of suck at colorizing anyway, but at least in photoshop you have fine control; here, using CSS and HTML…not so much.) Some not-all-that-exciting details below the more link, if you want them.

When you click on the squares, the colors are changed by, er, changing the color of the sandwich filling, the “sandwich” being the upper slice of bread which is an image incorporating the rock wall, wheels, etc, but with a transparent hole in it where the colored car bits are–and the lower slice, that being a “de-saturated” image that allows the louvers, etc to come through the color.

The color itself is just a plain square of color set with CSS, no images involved. The color list comes from a JSON config file.

Anyway, it’s tedious, and took me way too long to do, but I built it in a way that it could be re-purposed. Though it never will be, in all likelihood, if my career in the software biz has taught me anything. You’re seeing it here in its rawest state, don’t be surprised if I come in and clean up a few things.

You’re looking at colors from the British Standard 381C. Thrilling, isn’t it?

1 Comment

  1. These aren’t all that accurate, but looking at these, I wonder if Verdigris is perhaps the closest to the original color. Though maybe Opaline.

    Sky is a very pretty color.

    I have the greens from the 4800 standard available, but your brilliant programmer did not make allowances for two of these to be in the same page, from a JavaScript perspective. Fairly easy to fix, might even get around to it one day…

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2019 RUSTY HEAPS

Theme by Anders NorenUp ↑