07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
144 lines
3.3 KiB
HTML
144 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Page Title</title>
|
|
</head>
|
|
<body>
|
|
|
|
<script type="text/javascript">
|
|
function hexToRgb(hex) {
|
|
var bigint = parseInt(hex, 16);
|
|
var r = (bigint >> 16) & 255;
|
|
var g = (bigint >> 8) & 255;
|
|
var b = bigint & 255;
|
|
var rgbArr = [r, g, b];
|
|
|
|
var result = rgbArr + bigint;
|
|
return result;
|
|
}
|
|
|
|
/*function rgb2hsl(rgbArr){
|
|
var r1 = rgbArr[0] / 255;
|
|
var g1 = rgbArr[1] / 255;
|
|
var b1 = rgbArr[2] / 255;
|
|
|
|
var maxColor = Math.max(r1,g1,b1);
|
|
var minColor = Math.min(r1,g1,b1);
|
|
//Calculate L:
|
|
var L = (maxColor + minColor) / 2 ;
|
|
var S = 0;
|
|
var H = 0;
|
|
if(maxColor != minColor){
|
|
//Calculate S:
|
|
if(L < 0.5){
|
|
S = (maxColor - minColor) / (maxColor + minColor);
|
|
}else{
|
|
S = (maxColor - minColor) / (2.0 - maxColor - minColor);
|
|
}
|
|
//Calculate H:
|
|
if(r1 == maxColor){
|
|
H = (g1-b1) / (maxColor - minColor);
|
|
}else if(g1 == maxColor){
|
|
H = 2.0 + (b1 - r1) / (maxColor - minColor);
|
|
}else{
|
|
H = 4.0 + (r1 - g1) / (maxColor - minColor);
|
|
}
|
|
}
|
|
|
|
L = L * 100;
|
|
S = S * 100;
|
|
H = H * 60;
|
|
if(H<0){
|
|
H += 360;
|
|
}
|
|
|
|
L = L.toFixed(1);
|
|
S = S.toFixed(1);
|
|
H = H.toFixed(1);
|
|
|
|
var result = [H, S, L];
|
|
return result;
|
|
}
|
|
|
|
function rgbToHsv(rgbArr){
|
|
var r2 = rgbArr[0] / 255;
|
|
var g2 = rgbArr[1] / 255;
|
|
var b2 = rgbArr[2] / 255;
|
|
|
|
var max = Math.max(r2, g2, b2), min = Math.min(r2, g2, b2);
|
|
var h, s, v = max;
|
|
|
|
var d = max - min;
|
|
s = max == 0 ? 0 : d / max;
|
|
|
|
if(max == min){
|
|
h = 0; // achromatic
|
|
}else{
|
|
switch(max){
|
|
case r2: h = (g2 - b2) / d + (g < b2 ? 6 : 0); break;
|
|
case g2: h = (b2 - r2) / d + 2; break;
|
|
case b2: h = (r2 - g2) / d + 4; break;
|
|
}
|
|
h /= 6;
|
|
}
|
|
|
|
h = (h * 360).toFixed(1);
|
|
s = (s * 100).toFixed(1);
|
|
v = (v * 100).toFixed(1);
|
|
|
|
var result = [h, s, v];
|
|
return result;
|
|
}
|
|
|
|
function rgb2cmyk (rgbArr) {
|
|
var r3 = rgbArr[0];
|
|
var g3 = rgbArr[1];
|
|
var b3 = rgbArr[2];
|
|
|
|
// BLACK
|
|
var computedK = 0
|
|
if (r3==0 && g3==0 && b3==0) {
|
|
computedK = 1;
|
|
return [0,0,0,1];
|
|
}
|
|
|
|
var computedC = 1 - (r3/255);
|
|
var computedM = 1 - (g3/255);
|
|
var computedY = 1 - (b3/255);
|
|
|
|
var minCMY = Math.min(computedC,
|
|
Math.min(computedM,computedY));
|
|
computedC = (computedC - minCMY) / (1 - minCMY) ;
|
|
computedM = (computedM - minCMY) / (1 - minCMY) ;
|
|
computedY = (computedY - minCMY) / (1 - minCMY) ;
|
|
computedK = minCMY;
|
|
|
|
computedC = computedC.toFixed(3);
|
|
computedM = computedM.toFixed(3);
|
|
computedY = computedY.toFixed(3);
|
|
computedK = computedK.toFixed(3);
|
|
|
|
return [computedC,computedM,computedY,computedK];
|
|
}*/
|
|
|
|
var hex = "124355";
|
|
var rgb = hexToRgb(hex);
|
|
/*var hsl = rgb2hsl(rgb);
|
|
var hsv = rgbToHsv(rgb);
|
|
var cmyk = rgb2cmyk(rgb);*/
|
|
|
|
document.write("hex: #" + hex);
|
|
document.write("<br><br>");
|
|
document.write("rgb: " + rgb);
|
|
/*document.write("<br><br>");
|
|
document.write("hsl: " + hsl[0] + "º, " + hsl[1] + "%, " + hsl[2] + "%");
|
|
document.write("<br><br>");
|
|
document.write("hsv: " + hsv[0] + "º, " + hsv[1] + "%, " + hsv[2] + "%");
|
|
document.write("<br><br>");
|
|
document.write("CMYK: " + cmyk.join(', '));*/
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|