Assalamualaikum wr.wb,selamat malam dan salam sejahtera
bagi kita semu.untuk seasen kali ini saya ingin berbicara tentang kode warna di
blog dan web,ahh dua duanya sama aja,oke,..Jika sahabat 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 yangaman (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.
Oke sekian dulu ea,..thanks,.wasalam