Membuat Tool Color Online di Blog HTML

color Picker - Selama ini jika saya ingin mencari kode warna selalu saya menggunakan aplikasi Adobe Photoshop ataupun Corel Draw. Iseng-iseng cari-cari kode warna secara online dan saya banyak menemukan artikelnya di blog-blog indonesia.

Kode warna online yang ditawarkan selain simple dan mudah penggunaannya tentu gratis untuk digunakan, terlihat pada gambar dibawah ini.

Memasang dan Menggunakan Kode Warna Secara Online
Cara penggunaannya adalah Anda tinggal arahkan pointer mouse di warna yang dikehendaki, kemudian copy kode yang didapat di kolom kode.

Berikut Tampilan Live Kode Warna Online.


Nah, bagi anda yang kepingin untuk menampil kode warna online di blog anda silahkan copy paste kode scriptnya dibawah ini diblog anda. Agar tetap valid HTML5 serta responsive silahkan gunakan kode di bawah ini. Berikut Cara pemasangan Kode Warna Online.

<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/color.swf"></object>
</div></div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/col.swf"></object>
</div>
</div>

Catatan: gunakan http atau https sesuai settingkan blog yang anda gunakan.

Dan tambahkan kode CSS dibawah ini :

.color-code{text-align: center;margin:20px auto;width:60%;}
.color-responsive {position: relative;padding-bottom: 100%;height: 0;overflow: hidden}
.color-responsive object {position: absolute;top: 0;left: 0;width:100%;height:100%;border:0}

Selanjutnya, tinggal publishkan postingan kode warna oline anda, sangat simple bukan. Silahkan dicoba sobat!