JSFiddle - React, Tailwind, and code Playground
JavaScript
document.body.innerHTML += "rgb(255,71,99)" + "<br>";
document.body.innerHTML += "Dutch wiki hue : " + nl_rgb2hue(255,71,99) + "<br>";
document.body.innerHTML += "English wiki hue : " + en_rgb2hue(255,71,99) + "<br>";
document.body.innerHTML += "SO answer hue : " + so_rgb2hue(255,71,99) + "<br>";
function nl_rgb2hue(r, g, b) {
r = r / 255,
g = g / 255,
b = b / 255;
var max = Math.max(r, g, b);
var min = Math.min(r, g, b);
var hue;
if (max == min) {
hue = 0;
sat = 0;
} else {
var c = max - min;
switch(max) {
case r:
hue = (g - b) / c;
break;
case g:
hue = (b - r) / c + 2;
break;
case b:
hue = (r - g) / c + 4;
break;
}
}
return hue * 60;
}
function en_rgb2hue(r, g, b) {
r = r / 255,
g = g / 255,
b = b / 255;
var max = Math.max(r, g, b);
var min = Math.min(r, g, b);
var hue;
if (max == min) {
hue = 0;
sat = 0;
} else {
var c = max - min;
switch(max) {
case r:
hue = ((g - b) / c) % 6;
break;
case g:
hue = (b - r) / c + 2;
break;
case b:
hue = (r - g) / c + 4;
break;
}
}
return hue * 60;
}
function so_rgb2hue(r, g, b) {
r = r / 255,
g = g / 255,
b = b / 255;
var max = Math.max(r, g, b);
var min = Math.min(r, g, b);
var hue;
if (max == min) {
hue = 0;
sat = 0;
} else {
var c = max - min;
switch(max) {
case r:
hue = (g - b) / c + (g < b ? 6 : 0);
break;
case g:
hue = (b - r) / c + 2;
break;
case b:
hue = (r - g) / c + 4;
break;
}
}
return hue...