CARA MENGKONVERSI WARNA RGB KE HEX DENGAN JAVASCRIPT
Aplikasi ini di buat dengan bahasa css, javascript dan html
Cara Mengenkripsi MD5 dengan Javascript |
Source Code
Kodenya :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Indianaweb.blogpsot</title> </head> <body> <h2>RGB convert to color</h2> <div class="controls"> <input type="range" min="0" max="255" value="0" onchange="document.getElementById('redValEl').value = this.value;convert();"> Merah : <input id="redValEl" type="text" value="0" style="width: 30px;"><br><br> <input type="range" min="0" max="255" value="0" onchange="document.getElementById('greenValEl').value = this.value;convert();"> Hijau : <input id="greenValEl" type="text" value="0" style="width: 30px;"><br><br> <input type="range" min="0" max="255" value="0" onchange="document.getElementById('blueValEl').value = this.value;convert();"> Biru : <input id="blueValEl" type="text" value="0" style="width: 30px;"><br><br> <input id="hexaValue" type="text" value="#000000"> </div> <br><br> <div id="rgb" style="width: 100px; height: 100px;"></div> <div id="hex" style="width: 100px; height: 100px;"></div> <script type="text/javascript"> var redValEl = document.getElementById('redValEl'); var greenValEl = document.getElementById('greenValEl'); var blueValEl = document.getElementById('blueValEl'); var hexaValue = document.getElementById('hexaValue'); var rgb = document.getElementById('rgb'); var hex = document.getElementById('hex'); function convert() { var red = redValEl.value; var green = greenValEl.value; var blue = blueValEl.value; var hexaColorCode = "#" + getHexa(red) + getHexa(green) + getHexa(blue); hexaValue.value = hexaColorCode; rgb.style.background = `rgb(${red}, ${green}, ${blue})`; hex.style.background = hexaColorCode; }; function getHexa(value) { var hexa = parseInt(value).toString(16); return hexa.length == 1 ? "0" + hexa : hexa; } </script> </body> </html>
Jika masih bingung silahkan download SOURCE CODENYA disini
Server [SF] Server [MF]
Jika kakak masih bingung lihat juga videonya dibawah ini
Tags :
Server [SF] Server [MF]
Jika kakak masih bingung lihat juga videonya dibawah ini
Jangan lupa share artikel ini ya...
Tags :