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?
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.
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 |
Comments
Post a Comment