JavaScript string to color
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
CSS
body {
line-height: 1.4;
padding: 15px 30px;
}
.color {
font-family: monospace;
}
.dot {
border-radius: 6px;
display: inline-block;
height: 12px;
margin-left: .5em;
margin-right: .5em;
width: 12px;
}
JavaScript
var stringToColor = function (str) {
var hash = 0;
for (var i = 0; i < str.length; i++) {
hash = str.charCodeAt(i) + ((hash << 5) - hash);
}
var color = '#';
for (var i = 0; i < 3; i++) {
var value = (hash >> (i * 8)) & 0xFF;
color += ('00' + value.toString(16)).substr(-2);
}
return color;
}
var industries = [
'B'
'Artă/Entertainment',
'Asigurări',
'Bănci/Servicii financiare',
'Call-center/BPO',
'Comerț/Retail',
'Educație/Training',
'Farma',
'Imobiliare',
'IT/Telecom',
'Media/Internet',
'Protecția mediului',
'Publicitate/Marketing/PR',
'Sport',
'Transport/Logistica/Import – Export',
'Turism/HoReCa'
];
$(industries).each(function () {
var color = stringToColor(this);
var $i = $('<div><span class="color">' + color + '</span> <span class="dot"></span> ' + this + '</div>');
$('body').append($i);
$('.dot', $i).css('background-color', color);
});