Click here for free DL of the app version that can save data.

No:13439

←

Prev Next

→

Kleuren mengen
Developer User5877｜Date and time 23/8/28 5:25:07
Build time 10.093 sec｜Game capacity 1.878KB｜

Script

Kleuren Mengen

Kies twee kleuren om te mengen:

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Kleuren Mengen</title>
</head>
<body>
    <h1>Kleuren Mengen</h1>
    <div id="colorPicker">
        <h2>Kies twee kleuren om te mengen:</h2>
        <input type="color" id="color1" />
        <input type="color" id="color2" />
        <button onclick="mixColors()">Mix Kleuren</button>
    </div>
    <div id="result" style="display: none;">
        <h2>Gemengde Kleur:</h2>
        <div id="mixedColor"></div>
    </div>

var mixedColor = addColors(color1, color2);

document.getElementById("mixedColor").style.backgroundColor = mixedColor;
            document.getElementById("result").style.display = "block";
        }

function addColors(color1, color2) {
            // Convert hex colors to RGB
            var rgb1 = hexToRgb(color1);
            var rgb2 = hexToRgb(color2);

// Mix RGB values
            var mixedR = Math.round((rgb1.r + rgb2.r) / 2);
            var mixedG = Math.round((rgb1.g + rgb2.g) / 2);
            var mixedB = Math.round((rgb1.b + rgb2.b) / 2);

// Convert mixed RGB back to hex
            var mixedColor = rgbToHex(mixedR, mixedG, mixedB);

return mixedColor;
        }

function hexToRgb(hex) {
            hex = hex.replace("#", "");
            var bigint = parseInt(hex, 16);
            var r = (bigint >> 16) & 255;
            var g = (bigint >> 8) & 255;
            var b = bigint & 255;
            return { r: r, g: g, b: b };
        }

function rgbToHex(r, g, b) {
            var rgb = (r << 16) | (g << 8) | b;
            return "#" + (0x1000000 | rgb).toString(16).substring(1);
        }
    </script>
</body>
</html>