Initial commit: Backup der Webseiten
- 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>
This commit is contained in:
143
zoesch.de/whatcolorisit/test.html
Normal file
143
zoesch.de/whatcolorisit/test.html
Normal file
@@ -0,0 +1,143 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user