Cara Menentukan Kode Warna dalam HTML

Hai sobat Hyda.. kali ini Mas Hyda tertarik dengan Kode Warna dalam HTML maka berikut Mas Hyda akan menjabarkan sedikit ilmu buat sobat Hyda sekalian..

okk!!! CEKIDOTTTT.... :D

Kode Warna dalam HTML biasa disebut dengan triplet hexadesimal (tiga deret bilangan.hexadesimal). Bilangan desimal adalah sistem bilangan yang menggunakan 10 simbol atau 10 angka. Bilangan-bilangan tersebut antara lain bilangan yang disusun dengan menggunakan sistem angka arab yakni 0 (nol), 1 (satu), 2 (dua), 3 (tiga), 4 (empat), 5 (lima), 6 (enam), 7 (tujuh), 8 (delapan), dan 9 (sembilan). Jika 2 dan 3 digabungkan maka menjadi 23 (Dua puluh tiga), 1, 3 dan 5 jika digabung menjadi 135 (seratus tiga  puluh lima), dan lain-lain. Angka 135 berarti terdiri dari ratus (ratusan), puluh (puluhan) dan satuan. Sedangkan Hexadesimal biasa disebut bilangan basis 16. Bilangan ini terdiri dari 16 simbol yakni 10 angka desimal dan 6 huruf A sampai F. Simbol-simbol tersebut antara lain 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

Seperti yang disebutkan di atas bahwa kode warna dalam html disebut triplet hexadesimal. Triplet hexadesimal ini didasarkan atas 3 warna utama yakn merah (Red), Green (Hijau) dan Biru (Blue) yang biasa disebut RGB. Kode HTML untuk ketiga warna ini adalah sebagai berikut:

1. Merah (R), dilambangkan dengan FF0000. Hijau (G) dan biru (B) dibuat menjadi 00 dan merah (R) diberi bilangan hexadesimal maksimum yakni FF, sehingga yang tampak hanya warna merah saja dan tidak ada pengaruh warna lain.
2. Hijau (G), dilambangkan dengan 00FF00. Merah (R) dan biru (B) dibuat menjadi 00 dan merah diberi bilangan hexadesimal maksimum yakni FF, sehingga yang tampak hanya warna hijau saja dan tidak ada pengaruh warna lain.
3. Biru (B), dilambangkan dengan 0000FF. Merah (R) dan Hijau (G) dibuat menjadi 00 dan Biru (B) diberi bilangan hexadesimal maksimum yakni FF, sehingga yang tampak hanya warna biru saja dan tidak ada pengaruh warna lain.
4. Jika semua warna dilambangkan dengan 000000 maka akan menjadi gelap atau warna hitam.
5. Jika semua warna dilambangkan dengan FFFFFF maka akan menjadi warna putih.

Jadi kelima contoh warna di atas dapat diketahui warna yang pertama adalah warna hitam dan warna yang terakhir adalah warna putih. Perlu diketahui bahwa kombinasi warna FFFFFF maksudnya adalah 256 x 256 x 256 = 16.777.216 warna. Mungkin dapat Anda bayangkan bagaimana Anda menghafal banyaknya warna ini, penulis sendiri tidak sanggup untuk menghafalnya.

Bagaimana menentukan warna yang kita kehendaki dalam HTML?
Cara yang dapat kita lakukan adalah kita menentukan warna dasar dulu misalnya adalah warna merah dengan lambang FF0000. Jika kita menambahkan nilai pada warna hijau maka tentu saja warna merah akan berpengaruh. Sebagai asumsi kita akan menambahkan tinta merah dengan tinta hijau, kira-kira warna apa yang muncul?  Kalau penulis mencampurkan warna nyerah deh....

Cara yang paling mudah dilakukan kita melihat warna tersebut pada program lain atau anda dapat melihat pada toolbar Text Color pada Blogger. Hanya saja kode warna yang digunakan tidak menggunakan triplet heksadecimal tetapi menggunakan triple desimal. Perhatikan gambar berikut:

Gambar di atas tampilan pilihan pewarnaan teks pada PageBreeze HTML Editor. Penulis mencoba mengeklik pada salah satu tempat di dalam sebaran warna pada bagian kanan gambar di atas seperti gambar berikut:

Tampak pada gambar bahwa nilai warna merah (Red) adalah 234, warna hijau (green) adalah 102 dan warna biru (blue) adalah 234. Nilai warna ini tentu saja bukan dalam bentuk hexadecimal. Olehnya itu kita harus mengubah nilai-nilai warna tersebut menjadi hexadecimal. Caranya sebagai berikut:

Warna merah (Red): 234
Hasil bagi 234: 16 adalah 14,625 atau 14 dan sisanya 10.   
14 = E dan 10 = A
Jadi bilangan hexadeximalnya adalah EA

Warna hijau (Green): 102
Hasil bagi 102: 16 adalah 6,375 atau 6 dan sisanya 6

Jadi bilangan hexadeximalnya adalah 66

Warna merah (Red): 234
Hasil bagi 234: 16 adalah 14,625 atau 14 dan sisanya 10.   
14 = E dan 10 = A
Jadi bilangan hexadeximalnya adalah EA

Jadi hasil konversi 234 102 234 (RGB) dalam hexadesimal/triplet hexadesimal (tiga pasang bilangan hexadesimal warna) adalah EA66EA

Cara di atas kita sudah dapat menentukan bilangan hexadesimal. Namun yang perlu diperhatikan saat dimasukan dalam html harus diawali dengan tanda #, yakni #EA66EA (dapat juga menggunakan huruf kecil dan tidak ada pengaruhnya).

Selain hal di atas, di beberapa program komputer ada yang menampilkan warna dalam bentuk hexadesimal. Jika Anda tidak mau repot mengonversi warna dari desimal ke hexadesimal, anda dapat mencari galeri warna di google. Anda dapat juga menggunakan nama warna langsung tanpa menggunakan triplet hexadesimal jika Anda mengetahui nama warna yang bersangkutan namun hanya beberapa warna saja yang dapat dikenali dalam html, misalnya merah (red), biru (blue), hijau (green), kuning (yellow) dan lain-lain.

Postingan selanjutnya mas Hyda akan Berikan Kode-Kodenya FREE buat kalian.. :)