Closest Color in a list of json colors
Posted by ark, ,

I recently got a shed built and I want to paint it the same color as my house. Unfortunately the house is covered in colored stucco and the shed has wood siding. I managed to find an online image of the stucco color. But stucco has bumps and isn’t a uniform color. So I used this average color finder to work out the target color.

My preferred paint is Kelly Moore and so I went to their site hoping to be able to search based on some RGB values, but alas that wasn’t going to work out. Their color picker is fancy but there didn’t seem a way to find a color close to a particular color. I did some digging and found out that all their colors were being sent to the browser in a json file. So I grabbed that and wrote a little closest color script to find the color closest to the one I wanted. You can get the closest color script here.

I could have gone nuttty and converted it to HSV colorspace and found an even better match, but there are so many colors that just finding the minimum of the differences of red, green, blue got me close enough.

But, lo, plot twist. Turns out the painter wanted to use Behr paints, their color picker was different and I couldn’t see any specific request that had all the colors in it. Luckily they throw them on the window object in JavaScript as window.colorData so it was easy to put that in my clipboard using the copy() JavaScript console function. Of course the format is different so I had to modify that. It’s all in the gist file. Check it out.

If I thought more than 2 people a year would use it, you could easily make this a nice webapp, mapping from one paint manufacturer’s colors to another or just from any RGB code to a paint name.

Posted Monday 31 July 2017 Share