Kode Warna HTML
 |
| 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.
