Hash string into RGB color
A good hash function will provide a near uniform distribution over the key space. This reduces the question to how do I convert a random 32 bit number to a 3 byte RGB space. I see nothing wrong with just taking the low 3 bytes.
int hash = string.getHashCode();
int r = (hash & 0xFF0000) >> 16;
int g = (hash & 0x00FF00) >> 8;
int b = hash & 0x0000FF;
For any Javascript users out there, I combined the accepted answer from @jeff-foster with the djb2
hash function from erlycoder.
The result per the question:
function djb2(str){
var hash = 5381;
for (var i = 0; i < str.length; i++) {
hash = ((hash << 5) + hash) + str.charCodeAt(i); /* hash * 33 + c */
}
return hash;
}
function hashStringToColor(str) {
var hash = djb2(str);
var r = (hash & 0xFF0000) >> 16;
var g = (hash & 0x00FF00) >> 8;
var b = hash & 0x0000FF;
return "#" + ("0" + r.toString(16)).substr(-2) + ("0" + g.toString(16)).substr(-2) + ("0" + b.toString(16)).substr(-2);
}
UPDATE: Fixed the return string to always return a #000000 format hex string based on an edit by @alexc (thanks!).
I tried all the solutions others provided but found that similar strings (string1 vs string2) produce colors that are too similar for my liking. Therefore, I built my own influenced by the input and ideas of others.
This one will compute the MD5 checksum of the string, and take the first 6 hex digits to define the RGB 24-bit code.
The MD5 functionality is an open-source JQuery plug in. The JS function goes as follows:
function getRGB(str) {
return '#' + $.md5(str).substring(0, 6);
}
A link to this working example is on jsFiddle. Just input a string into the input field and press enter, and do so over and over again to compare your findings.