-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
, 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?
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
FF,
CC,
00,
33,
66,
99 untuk penulisan kode dengan 6 karakter, atau kombinasi
F,
C,
0,
3,
6,
9
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.