css rgb color picker using javascript
Hi
<html> <head> <title>RGB Colors</title> <style> .box{ height:40px; width:200px; display:flex; align-items:center; padding:10px; } </style> </head> <body> <div id='box' class="box">Hi</div> <div class="red block"> <label>RED</label> <input type="range" min="0" max="255" value="255" onchange="changeRGB()" oninput="changeRGB()" id="redC"> </div> <div class="green block"> <label>Green</label> <input type="range" min="0" max="255" value="155" onchange="changeRGB()" oninput="changeRGB()" id="greenC"> </div> <div class="blue block"> <label>Blue</label> <input type="range" min="0" max="255" value="55" onchange="changeRGB()" oninput="changeRGB()" id="blueC"> </div> <script> function changeRGB() { var redC=document.getElementById("redC").value; var greenC=document.getElementById("greenC").value; var blueC=document.getElementById("blueC").value; //console.log(redC+" "+greenC+" "+blueC); document.getElementById("box").style.backgroundColor="rgb("+redC+","+greenC+","+blueC+")"; document.getElementById("box").innerHTML="rgb("+redC+","+greenC+","+blueC+")"; } changeRGB(); </script> </body> </html>