Kode Warna Valid HTML5 dan Responsive

Pernahkah sobat mengedit rangkaian CSS dari template blog sobat? Jika pernah, pasti tidak akan asing jika mendengar kata Kode Warna HTML. Warna dari suatu widget yang diatur oleh CSS adalah warna yang berupa kode html kode warna yang kita dapatkan dari photoshop maupn tools warna yang lainya.

Tool kode warna yang akan di share kali ini merupakan modifikasi dengan penambahan fitur Responsive serta valid html5 , sehingga bagi sobat yang pecinta validator tak ragu-ragu untuk memasangnya , serta di penambahan fitur responsive untk memungkinkan tool ini bisa diakses disema perangkat browser.

Baca Juga : Cara Mudah Menggunakan Twemoji Di Postingan Blogger

Bagi sobat yang sedang mencari kode warna untuk blognya, silahkan gunakan tool kode warna di bawah ini. Sobat tinggal arahkan pointer mouse di warna yang dikehendaki, kemudian copy kode yang didapat di kolom kode.

Contoh: Kode Warna, dan kode warna ini sudah valid HTML5.

Kode Warna

Cara Membuat Kode Warna Valid HTML5

Silahkan gunakan kode di bawah ini :

<object style="height:420px;width:420px" data="http://www.2createawebsite.com/build/color.swf"></object>
<object style="height:420px;width:420px" data="http://www.2createawebsite.com/build/col.swf"></object>

Setelah itu tinggal publikasikan postingan Kode Warna sobat dan nikmati hasilnya.

Cara Membuat Kode Warna Responsive

Jika ingin kode warna ini responsive, silahkan gunakan kode di bawah ini :

<div style="text-align: center;">
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="https://googledrive.com/host/0Bz4YdwRI3rnCc01fUWNaNGNHbjQ/"></object> </div>
</div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="https://googledrive.com/host/0Bz4YdwRI3rnCNDVYN2tlcFF1b3c/"></object> </div>
</div>
</div>

Kemudian tambahkan kode CSS di bawah 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}

Bagi yang ingin mencoba color tool lainnya silahkan sobat coba Color Wheel Picker by John Curtis DI SINI

Demikian artikel tentang Kode Warna Valid HTML5 dan Responsive semoga dapat membantu sobat dalam memahami dan mencari kode warna melalui parse ini.