1/16/2013

Daftar Kode HTML Warna Web yang Aman

Jika Anda sering mengutak-atik template website atau blog Anda, tentu Anda sering berhubungan dengan kode HTML warna. Penulisan kode HTML warna untuk mendesain web tersusun atas 3 atau 6 kombinasi angka dan huruf tertentu, diawali dengan tanda pagar (#). Penulisan kodenya menggunakan format heksadesimal (HEX), angka yang bisa digunakan antara 0 sampai 9, sedangkan huruf yang bisa digunakan antara A sampai F. 

Namun demikian, tidak semua kombinasi warna akan memberikan hasil yang konsisten seperti yang tertayang di layar komputer Anda. Sebagian akan nampak sedikit terang, gelap, atau berubah warna jika dilihat dari komputer lain. Lantas bagaimana?

Kode Warna Web

Untuk menghindari perbedaan tampilan warna halaman web Anda di layar komputer atau piranti gadget pengunjung, sebaiknya pilih kombinasi kode warna web yang aman, atau sering disebut sebagai web-safe colors. Kode warna yang aman hanya menggunakan kombinasi FFCC00336699 untuk penulisan kode dengan 6 karakter, atau kombinasi FC0369 untuk penulisan kode dengan 3 karakter. Misalnya, warna putih bisa ditulis #FFFFFF atau #FFF saja, demikian juga warna hitam bisa ditulis #000000 atau #000 saja.

Tabel berikut ini menampilkan daftar kode HTML warna yang aman (web-safe) dengan menggunakan kombinasi 6 karakter, beserta contoh hasil warnanya.

#000000#330000#660000#990000#CC0000#FF0000
#000033#330033#660033#990033#CC0033#FF0033
#000066#330066#660066#990066#CC0066#FF0066
#000099#330099#660099#990099#CC0099#FF0099
#0000CC#3300CC#6600CC#9900CC#CC00CC#FF00CC
#0000FF#3300FF#6600FF#9900FF#CC00FF#FF00FF
#003300#333300#663300#993300#CC3300#FF3300
#003333#333333#663333#993333#CC3333#FF3333
#003366#333366#663366#993366#CC3366#FF3366
#003399#333399#663399#993399#CC3399#FF3399
#0033CC#3333CC#6633CC#9933CC#CC33CC#FF33CC
#0033FF#3333FF#6633FF#9933FF#CC33FF#FF33FF
#006600#336600#666600#996600#CC6600#FF6600
#006633#336633#666633#996633#CC6633#FF6633
#006666#336666#666666#996666#CC6666#FF6666
#006699#336699#666699#996699#CC6699#FF6699
#0066CC#3366CC#6666CC#9966CC#CC66CC#FF66CC
#0066FF#3366FF#6666FF#9966FF#CC66FF#FF66FF
#009900#339900#669900#999900#CC9900#FF9900
#009933#339933#669933#999933#CC9933#FF9933
#009966#339966#669966#999966#CC9966#FF9966
#009999#339999#669999#999999#CC9999#FF9999
#0099CC#3399CC#6699CC#9999CC#CC99CC#FF99CC
#0099FF#3399FF#6699FF#9999FF#CC99FF#FF99FF
#00CC00#33CC00#66CC00#99CC00#CCCC00#FFCC00
#00CC33#33CC33#66CC33#99CC33#CCCC33#FFCC33
#00CC66#33CC66#66CC66#99CC66#CCCC66#FFCC66
#00CC99#33CC99#66CC99#99CC99#CCCC99#FFCC99
#00CCCC#33CCCC#66CCCC#99CCCC#CCCCCC#FFCCCC
#00CCFF#33CCFF#66CCFF#99CCFF#CCCCFF#FFCCFF
#00FF00#33FF00#66FF00#99FF00#CCFF00#FFFF00
#00FF33#33FF33#66FF33#99FF33#CCFF33#FFFF33
#00FF66#33FF66#66FF66#99FF66#CCFF66#FFFF66
#00FF99#33FF99#66FF99#99FF99#CCFF99#FFFF99
#00FFCC#33FFCC#66FFCC#99FFCC#CCFFCC#FFFFCC
#00FFFF#33FFFF#66FFFF#99FFFF#CCFFFF#FFFFFF


Tentunya penggunaan kode warna ini tidak wajib diterapkan di halaman web, semua kembali ke selera dan kebutuhan Anda.
[source]