Skip to main content

Daftar Kode HTML Warna Web yang Aman

By
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

Comments

Post a Comment

Popular posts from this blog

Lagu Soundtrack Iklan Air Asia

By
agu yang dipakai soundtrack iklan Air Asia yang sebagian liriknya " Here we go, come with me " . Lagu ini dinyanyikan oleh Far East Movement feat. Ryan Tedder. Nah lirik lagu lengkapnya ini Here we go, come with me There's a world out there that we should see Take my hand, close your eyes With you right here, I'm a rocketeer Let's fly (fly,fly,fly,fly) Up, up here we go, go Up, up here we go, go Let's fly (fly,fly,fly,fly) Up, up here we go, go Where we stop nobody knows, knows Where we go we don't need roads, roads Where we stop nobody knows, knows To the stars if you really want it Got, got a jetpack with your name on it Above the clouds in the atmosphere, phere Just say the words and we outta here, outta here Hold my hand if you feeling scared, scared We flying up, up outta here Here we go, come with me There's a world out there that we should see Take my hand, close your eyes With you right here, I...
Post a Comment
Read more

kisah cinta kupu-kupu malam dengan laki-laki brondong (kisah nyata)

By
" Karena sekeras apapun aku berpikir tentangmu-hanya ada satu hal yang bisa kupahami bahwa kaulah hal terindah yang pernah kumiliki dalam hidup ini" agnesdavonardiangkat dari sebuah kisah nyata cinta seorang pria dengan PSK (info : penulis diminta sendiri loh sama narasumber, jadi kalau di kaskus ada yang sama kisahnya ya karena sumbernya sama :) tapi untuk kepentingan naskah agar mudah dicerna penulis mengubah sedikit saja , selama membaca...) Malam itu, seharusnya bukan jadi malam milik gua. Malam yang sesungguhnya bukanlah yang gua harapkan. Adit, temen kecil gua. Entah harus bagaimana gua mengatakan? Tiba-tiba ketika habis pulang dari hang out di kafe, mengarahkan motornya ke sebuah tempat yang mungkin baru dalam hidup gua. Tempat pelacuran, ya.. semua juga tau kalau daerah yang sedang gua injakkan kaki ini adalah daerah protistusi. Gua sempat protes sama Adit, kenapa tiba-tiba ngajak gua ke tempat kayak ginian. Umur gua kan masih 17 tahun dan baru aja dapat ktp resmi ...
Post a Comment
Read more

Making Animation Ball Using Adobe Photoshop

By
Lets create an animation using adobe photoshop .. its really simple and fun.. First way.. create new document.. Create a rectangle using rectangle marquee tool. Click Select>inverse and then fill the selection part with black . Click Edit > fill > black Now .. create a little circle with elliptical marquee tool .  ( press shift button to make the perfect circle ) Fill the circle with gradient tool .. Gradient color black to white or as you want. Now we will make the ball move.. Click window > animation, to appear animation bar ( animation window ) Click Duplicate selected frame to create a new frame Move the ball on frame 2 to center of the left side Then … Click tween animation frame to make ball move smoothly.. if you want the ball move more smooth just make a lot of frame.. but for example I use 5 frame only. Here is the result… Click play button to try With same way .. Create new frame with duplicate selected frame ( ...
Post a Comment
Read more