Belajar HTML Part 19 - Penyisipan Warna

Assalamu'alaikum warahmatullaahi wabarakaatuh

Jika Anda sudah sampai pada seri belajar HTML Part 19 ini, maka Anda sudah tidak asing lagi dengan syntax untuk menyisipkan warna pada HTML bukan? Namun jika memang masih belum bisa, Anda bisa melihat contoh syntax nya pada Belajar HTML Part 5 - Pengaturan Style.

Karena di sini kita tidak akan mempelajari tentang syntax penyisipan warna, namun lebih kepada value yang bisa kita terapkan pada sebuah atribut elemen.

value dari sebuah warna dalam HTML bisa didefinisikan dengan 3 cara :

• Menggunakan nama warna
• Menggunakan kode Hexa
• Menggunakan kode RGB

Misal untuk menggunakan warna merah, kita bisa menggunakan value Red (nama), #FF0000 (kode hexa), atau dengan rgb(255,0,0)(kode RGB). Ketiga value tersebut akan menampilkan warna yang sama. Sebagai contoh kita lihat tabel di bawah ini :

Warna	Kode Nama	Kode Hexa	Kode RGB
	Red	#FF0000	rgb(255,0,0)
	Green	#00FF00	rgb(0,255,0)
	Blue	#0000FF	rgb(0,0,255)

1. Menggunakan Nama Warna.

HTML memiliki 140 warna dasar yang telah didefinisikan dalam nama. Di antaranya Red, Green, Blue, Black, White, Navy, Indigo, dan sebagainya. Contoh penerapannya dalam CSS :

<style>
 body {
  background-color:green;
 } 
</style>

2. Menggunakan Kode Hexa

Kode Hexa untuk warna dalam HTML diawali dengan tanda pagar(#), kemudian diikuti kombinasi nilai dari masing-masing 3 warna dasar (Red, Green, Blue) yang dinyatakan dalam bentuk bilangan hexa 00 (nilai terendah) sampai FF(nilai tertinggi). Contoh penerapannya dalam CSS :

<style>
 body {
  background-color:#00ff00;
 } 
</style>

3. Menggunakan Kode RGB

Kode RGB untuk warna dalam HTML diawali dengan menuliskan rgb diikuti nilai masing-masing warna dasar yang dinyatakan dalam bentuk bilangan desimal, 0 (nilai terendah) sampai 255(nilai tertinggi) diselingi koma(,) di antara tiap nilainya. Contoh penerapannya dalam CSS :

<style>
 body {
  background-color:rgb(0,255,0);
 } 
</style>
   

Dengan menggunakan kode RGB dan Hexa, kita bisa memiliki 16.777.216 (256x256x256) pilihan variasi warna. berbeda dengan menggunakan nama warna yang hanya terbatas hingga 140 warna.

Demikian seri belajar HTML tentang penyisipan warna, semoga bermanfaat.
Terima kasih, wassalamu'alaikum warahmatullaahi wabarakaatuh.