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 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.

 Selamat mencoba sob..
Thanks.
by: yudanunindra.wordpress.com

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s