You can find it here http://lab.cubiq.org/kbcc/ tested on Chrome and Firefox only. There are many things that I might add, but as I said it's just a quick tool to find the color combo and the SP color code (you always have to double check with the color ring). If you find it useful and think it is worth expanding I'll post it on github and I'll keep developing it.
If you want to help, I need a high def scan/picture of the color ring. The one on SP site is high def but colors are off, I did my best to adjust them but the bottom row especially has very bad highlighting.
PS: Now you'll tell me that a tool like that already exists and it's 100 times better and I wasted my time and blah blah blah... who cares, this is my version

PPS: should this go in "Workshop"?