27 April 2016

Kode Warna HTML

Kode, Warna, HTML, Info, Blog, Bisnis
Kode Warna HTML


Kode warna HTML adalah bagian paling penting dalam mendesign tampilan pada blog atau website, bila diibaratkan rumah jika memiliki warna yang sederhana dan menarik maka akan berdampak pada betahnya tamu untuk berlama-lama berkunjung dalam rumah tersebut. Template juga demikian semakin menarik template maka pengunjung akan betah untuk mengeksplore seluruh isi konten yang ada dalam template tersebut.

Kode warna pada html biasanya selalu di muali dengan menggunakan kode rgb, nama warna itu sendiri  atau tanda string (#) lalu di lanjutkan dengan huruf atau angka atau campuran antara huruf dan angka, kode warna pada html biasanya dapat dikaitkan dengan kode HTML, lihat kode html di bawah ini.
Berikut adalah contoh penggunaan kode warna html dengan menggunakan "rgb".

<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:rgb(255,0,0)">
Background-color set by using rgb(255,0,0)
</h2>
<h2 style="background-color:rgb(0,255,0)">
Background-color set by using rgb(0,255,0)
</h2>
<h2 style="background-color:rgb(0,0,255)">
Background-color set by using rgb(0,0,255)
</h2>
<h2 style="background-color:rgb(255,255,0)">
Background-color set by using rgb(255,255,0)
</h2>
<h2 style="background-color:rgb(255,0,255)">
Background-color set by using rgb(255,0,255)
</h2>
<h2 style="background-color:rgb(0,255,255)">
Background-color set by using rgb(0,255,255)
</h2>
</body>
</html>



 
Berikut adalah contoh kode html warna dengan menggunakan "nama warna" pada warna itu sendiri pada kode html.

<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:red">
Background-color set by using red
</h2>
<h2 style="background-color:orange">
Background-color set by using orange
</h2>
<h2 style="background-color:yellow">
Background-color set by using yellow
</h2>
<h2 style="background-color:blue;color:white">
Background-color set by using blue
</h2>
<h2 style="background-color:cyan">
Background-color set by using cyan
</h2>
</body>
</html>




Berikut ini adalah Contoh kode html yang menggunakan tanda string (#) pada kode html. Perhatikan kode html di bawah ini.

<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:#FF0000">
Background-color set by using #FF0000
</h2>
<h2 style="background-color:#00FF00">
Background-color set by using #00FF00
</h2>
<h2 style="background-color:#0000FF">
Background-color set by using #0000FF
</h2>
<h2 style="background-color:#FFFF00">
Background-color set by using #FFFF00
</h2>
<h2 style="background-color:#FF00FF">
Background-color set by using #FF00FF
</h2>
<h2 style="background-color:#00FFFF">
Background-color set by using #00FFFF
</h2>
</body>
</html>




Semua kode yang di pakai pada kode html baik dengan menggunakan kode rgb, nama warna atau tanda (#) pada html akan menampilkan hasil yang sama, tinggal pilih cara mana yang termudah yang bisa kita pakai dalam memodifikasi template ataupun mewarnai hal lain yang ada dalam template kita.
Kode Warna ini tidak perlu hafal atau di hafalkan karena tidak terlalu penting, tetapi biasanya jika kita memiliki warna kesayangan atau kesukaan kita pasti akan mudah menghafalnya. Disamping itu jika menghafal semua kode wana yang begitu banyak juga akan sulit dan membuang waktu. 
Ada cara mudah bagaimana agar kita dapat memodifikasi warna untuk keperluan kita dalam melakukan modifikasi warna  baik warna pada text, warna beckground, atau warna untuk link, garis dan yang lainnya,  saya rekomendasikan anda untuk menggunakan masternya penyedia warna secara online.
Silahkan klik di sini. Semua warna apapun yang anda sukai ada di sini, bahkan kita dapat mudah untuk melihat  warna asli yang kita miliki sebelum di rubah lalu dengan mudah menentukan warna apa untuk merubahnya.