Bagaimana Cara Membuat Tools Color Picker?

Cara Mudah Membuat Tools Color Picker di Blogger - Color Picker atau Pemilih warna yang sering kali digunakan oleh para desainer.

Di artikel ini chilogger akan memberikan tutorial cara membuat nya, yang di tulis dalam satu artikel berjudul Cara Mudah Membuat Tools Color Picker di Blogger.

1. Login ke akun Blogger kamu masing-masing.

2. Klik menu Halaman => Buat Halaman Baru.

3. Masuk ke mode HTML bukan Compose.

4. Pastekan kode script di bawah ini.

<input id="inputColor" type="color" value="#ff1a1a" />
<button onclick="getColor()">Get Color</button>
<br />
<div id="colorHex">
</div>
<div id="colorRGB">
<script>
function getColor() {
    document.getElementById("colorHex").innerHTML = 'HEX : ' + document.getElementById("inputColor").value;
    document.getElementById("colorRGB").innerHTML = 'RGB : '+ hexToRgb(document.getElementById("inputColor").value);
}
function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    var r = parseInt(result[1], 16);
    var g = parseInt(result[2], 16);
    var b = parseInt(result[3], 16);
    return 'RGB('+r+','+g+','+b+')'; 
}
</script>
</div>

5. Selesai.

Berikut artikel Bagaimana Cara Membuat Tools Color Picker?. Selamat mencoba.