Red	Green	Blue
00	00	00
#000000

"; document.body.style.backgroundColor = "#000000"; Eventlistener = true; } function changeColor(y) { Colorinterval = setInterval(() => { if (y == 1 && RedColor < 255) {Color = "Red"; DecColor = RedColor; x = 1;} else if (y == 2 && RedColor > 0) {Color = "Red"; DecColor = RedColor; x = -1;} else if (y == 3 && GreenColor < 255) {Color = "Green"; DecColor = GreenColor; x = 1;} else if (y == 4 && GreenColor > 0) {Color = "Green"; DecColor = GreenColor; x = -1;} else if (y == 5 && BlueColor < 255) {Color = "Blue"; DecColor = BlueColor; x = 1;} else if (y == 6 && BlueColor > 0) {Color = "Blue"; DecColor = BlueColor; x = -1;} else {return;} DecColor += x; HexColor = DecColor.toString(16); if (HexColor < 10 || LetterList.includes(HexColor)) {HexColor = "0" + HexColor;} if (y == 1 || y == 2) {RedColor = DecColor; HexRed = HexColor} else if (y == 3 || y == 4) {GreenColor = DecColor; HexGreen = HexColor} else if (y == 5 || y == 6) {BlueColor = DecColor; HexBlue = HexColor} document.body.style.backgroundColor = "#" + HexRed + HexGreen + HexBlue; document.getElementById(Color).innerHTML = DecColor; document.getElementById("HexColor").innerHTML = "#" + HexRed + HexGreen + HexBlue; }, 50); } function stopchangeColor() { clearInterval(Colorinterval); } function BackOption() { document.getElementById("Browse").innerHTML = ""; let BackButton = document.createElement("button"); BackButton.innerHTML = "Back to the main menu"; BackButton.setAttribute("onclick", "BackToMenu()"); document.getElementById("Browse").appendChild(BackButton); } function BackToMenu() { if (Eventlistener === true) { Eventlistener = false; RedColor = 0; GreenColor = 0; BlueColor = 0; HexRed = "00"; HexGreen = "00"; HexBlue = "00"; } document.body.style.backgroundColor = "#FFFFFF"; document.getElementById("Title").innerHTML = "Dev Tools"; document.getElementById("Browse").innerHTML = "Which tool do you want to use ?"; document.getElementById("MainBox").innerHTML = ""; }

DevTools