Komputer
menyediakan jutaan warna yang bisa kita gunakan hanya dengan menuliskan kode
tertentu yang sesuai dengan warna yang diinginkan.
Warna-warna
ini bisa digunakan untuk membuat tampilan website atau blog menjadi lebih
menarik. Warna yang umum mudah untuk di ingat yaitu merah, kuning, hijau, biru
dan warna-warna utama lainnya. Sedangkan variasi dari warna-warna tersebut
sulit untuk dihafalkan.
Nama warna
(Foto via blog.luminoso.com)
Untuk
menentukan warna pada halaman web dengan css biasanya kita menggunakan kode
warna seperti #ff0000 untuk warna merah, atau #fff000 untuk warna kuning.
Implementasinya
juga mudah dengan css, misal untuk memberikan warna merah pada tag H1
h1{ color: #ff0000 }
atau bisa
langsung menuliskan nama warnanya seperti ini
h1{ color: red }
atau jika
ingin lansung di tag h1 nya
<h1 style="color:#ff0000">Selamat
Datang</h1>
Berikut ini
kode warna lain yang bisa Anda gunakan
Tabel Kode Warna Untuk HTML dan CSS
#EEEEEE
|
#DDDDDD
|
#CCCCCC
|
#BBBBBB
|
#AAAAAA
|
#999999
|
||||||
#888888
|
#777777
|
#666666
|
#555555
|
#444444
|
#333333
|
||||||
#000000
|
#000033
|
#000066
|
#000099
|
#0000CC
|
#0000FF
|
||||||
#330000
|
#330033
|
#330066
|
#330099
|
#3300CC
|
#3300FF
|
||||||
#660000
|
#660033
|
#660066
|
#660099
|
#6600CC
|
#6600FF
|
||||||
#990000
|
#990033
|
#990066
|
#990099
|
#9900CC
|
#9900FF
|
||||||
#CC0000
|
#CC0033
|
#CC0066
|
#CC0099
|
#CC00CC
|
#CC00FF
|
||||||
#FF0000
|
#FF0033
|
#FF0066
|
#FF0099
|
#FF00CC
|
#FF00FF
|
||||||
#003300
|
#003333
|
#003366
|
#003399
|
#0033CC
|
#0033FF
|
||||||
#333300
|
#333333
|
#333366
|
#333399
|
#3333CC
|
#3333FF
|
||||||
#663300
|
#663333
|
#663366
|
#663399
|
#6633CC
|
#6633FF
|
||||||
#993300
|
#993333
|
#993366
|
#993399
|
#9933CC
|
#9933FF
|
||||||
#CC3300
|
#CC3333
|
#CC3366
|
#CC3399
|
#CC33CC
|
#CC33FF
|
||||||
#FF3300
|
#FF3333
|
#FF3366
|
#FF3399
|
#FF33CC
|
#FF33FF
|
||||||
#006600
|
#006633
|
#006666
|
#006699
|
#0066CC
|
#0066FF
|
||||||
#336600
|
#336633
|
#336666
|
#336699
|
#3366CC
|
#3366FF
|
||||||
#666600
|
#666633
|
#666666
|
#666699
|
#6666CC
|
#6666FF
|
||||||
#996600
|
#996633
|
#996666
|
#996699
|
#9966CC
|
#9966FF
|
||||||
#CC6600
|
#CC6633
|
#CC6666
|
#CC3399
|
#CC66CC
|
#CC66FF
|
||||||
#FF6600
|
#FF6633
|
#FF6666
|
#FF6699
|
#FF66CC
|
#FF66FF
|
||||||
#009900
|
#009933
|
#009966
|
#009999
|
#0099CC
|
#0099FF
|
||||||
#339900
|
#339933
|
#339966
|
#339999
|
#3399CC
|
#3399FF
|
||||||
#669900
|
#669933
|
#669966
|
#669999
|
#6699CC
|
#6699FF
|
||||||
#999900
|
#999933
|
#999966
|
#999999
|
#9999CC
|
#9999FF
|
||||||
#CC9900
|
#CC9933
|
#CC9966
|
#CC9999
|
#CC99CC
|
#CC99FF
|
||||||
#FF9900
|
#FF9933
|
#FF9966
|
#FF9999
|
#FF99CC
|
#FF99FF
|
||||||
#00CC00
|
#00CC33
|
#00CC66
|
#00CC99
|
#00CCCC
|
#00CCFF
|
||||||
#33CC00
|
#33CC33
|
#33CC66
|
#33CC99
|
#33CCCC
|
#33CCFF
|
||||||
#66CC00
|
#66CC33
|
#66CC66
|
#66CC99
|
#66CCCC
|
#66CCFF
|
||||||
#99CC00
|
#99CC33
|
#99CC66
|
#99CC99
|
#99CCCC
|
#99CCFF
|
||||||
#CCCC00
|
#CCCC33
|
#CCCC66
|
#CCCC99
|
#CCCCCC
|
#CCCCFF
|
||||||
#FFCC00
|
#FFCC33
|
#FFCC66
|
#FFCC99
|
#FFCCCC
|
#FFCCFF
|
||||||
#00FF00
|
#00FF33
|
#00FF66
|
#00FF99
|
#00FFCC
|
#00FFFF
|
||||||
#33FF00
|
#33FF33
|
#33FF66
|
#33FF99
|
#33FFCC
|
#33FFFF
|
||||||
#66FF00
|
#66FF33
|
#66FF66
|
#66FF99
|
#66FFCC
|
#66FFFF
|
||||||
#99FF00
|
#99FF33
|
#99FF66
|
#99FF99
|
#99FFCC
|
#99FFFF
|
||||||
#CCFF00
|
#CCFF33
|
#CCFF66
|
#CCFF99
|
#CCFFCC
|
#CCFFFF
|
||||||
#FFFF00
|
#FFFF33
|
#FFFF66
|
#FFFF99
|
#FFFFCC
|
#FFFFFF
|
Tabel Nama Warna Untuk HTML dan CSS
Aliceblue
#F0F8FF |
Antiquewhite
#FAEBD7 |
Aqua
#00FFFF |
|||
Aquamarine
#7FFFD4 |
Azure
#F0FFFF |
Beige
#F5F5DC |
|||
Bisque
#FFE4C4 |
Black
#000000 |
Blanchedalmond
#FFEBCD |
|||
Blue
#0000FF |
Blueviolet
#8A2BE2 |
Brown
#A52A2A |
|||
Burlywood
#DEB887 |
Cadetblue
#5F9EA0 |
Chartreuse
#7FFF00 |
|||
Chocolate
#D2691E |
Coral
#FF7F50 |
Cornflowerblue
#6495ED |
|||
Cornsilk
#FFF8DC |
Crimson
#DC143C |
Cyan
#00FFFF |
|||
Darkblue
#00008B |
Darkcyan
#008B8B |
Darkgoldenrod
#B8860B |
|||
Darkgray
#A9A9A9 |
Darkgreen
#006400 |
Darkkhaki
#BDB76B |
|||
Darkmagenta
#8B008B |
Darkolivegreen
#556B2F |
Darkorange
#FF8C00 |
|||
Darkorchid
#9932CC |
Darkred
#8B0000 |
Darksalmon
#E9967A |
|||
Darkseagreen
#8FBC8F |
Darkslateblue
#483D8B |
Darkslategray
#2F4F4F |
|||
Darkturquoise
#00CED1 |
Darkviolet
#9400D3 |
Deeppink
#FF1493 |
|||
Deepskyblue
#00BFFF |
Dimgray
#696969 |
Dodgerblue
#1E90FF |
|||
Firebrick
#B22222 |
Floralwhite
#FFFAF0 |
Forestgreen
#228B22 |
|||
Fuchsia
#FF00FF |
Gainsboro
#DCDCDC |
Ghostwhite
#F8F8FF |
|||
Gold
#FFD700 |
Goldenrod
#DAA520 |
Gray
#808080 |
|||
Green
#008000 |
Greenyellow
#ADFF2F |
Honeydew
#F0FFF0 |
|||
Hotpink
#FF69B4 |
Indianred
#CD5C5C |
Indigo
#4B0082 |
|||
Ivory
#FFFFF0 |
Khaki
#F0E68C |
Lavender
#E6E6FA |
|||
Lavenderblush
#FFF0F5 |
Lawngreen
#7CFC00 |
Lemonchiffon
#FFFACD |
|||
Lightblue
#ADD8E6 |
Lightcoral
#F08080 |
Lightcyan
#E0FFFF |
|||
Lightgoldenrodyellow
#FAFAD2 |
Lightgreen
#90EE90 |
Lightgrey
#D3D3D3 |
|||
Lightpink
#FFB6C1 |
Lightsalmon
#FFA07A |
Lightseagreen
#20B2AA |
|||
Lightskyblue
#87CEFA |
Lightslategray
#778899 |
Lightsteelblue
#B0C4DE |
|||
Lightyellow
#FFFFE0 |
Lime
#00FF00 |
Limegreen
#32CD32 |
|||
Linen
#FAF0E6 |
Magenta
#FF00FF |
Maroon
#800000 |
|||
Mediumaquamarine
#66CDAA |
Mediumblue
#0000CD |
Mediumorchid
#BA55D3 |
|||
Mediumpurple
#9370D8 |
Mediumseagreen
#3CB371 |
Mediumslateblue
#7B68EE |
|||
Mediumspringgreen
#00FA9A |
Mediumturquoise
#48D1CC |
Mediumvioletred
#C71585 |
|||
Midnightblue
#191970 |
Mintcream
#F5FFFA |
Mistyrose
#FFE4E1 |
|||
Moccasin
#FFE4B5 |
Navajowhite
#FFDEAD |
Navy
#000080 |
|||
Oldlace
#FDF5E6 |
Olive
#808000 |
Olivedrab
#688E23 |
|||
Orange
#FFA500 |
Orangered
#FF4500 |
Orchid
#DA70D6 |
|||
Palegoldenrod
#EEE8AA |
Palegreen
#98FB98 |
Paleturquoise
#AFEEEE |
|||
Palevioletred
#D87093 |
Papayawhip
#FFEFD5 |
Peachpuff
#FFDAB9 |
|||
Peru
#CD853F |
Pink
#FFC0CB |
Plum
#DDA0DD |
|||
Powderblue
#B0E0E6 |
Purple
#800080 |
Red
#FF0000 |
|||
Rosybrown
#BC8F8F |
Royalblue
#4169E1 |
Saddlebrown
#8B4513 |
|||
Salmon
#FA8072 |
Sandybrown
#F4A460 |
Seagreen
#2E8B57 |
|||
Seashell
#FFF5EE |
Sienna
#A0522D |
Silver
#C0C0C0 |
|||
Skyblue
#87CEEB |
Slateblue
#6A5ACD |
Slategray
#708090 |
|||
Snow
#FFFAFA |
Springgreen
#00FF7F |
Steelblue
#4682B4 |
|||
Tan
#D2B48C |
Teal
#008080 |
Thistle
#D8BFD8 |
|||
Tomato
#FF6347 |
Turquoise
#40E0D0 |
Violet
#EE82EE |
|||
Wheat
#F5DEB3 |
White
#FFFFFF |
Whitesmoke
#F5F5F5 |
|||
Yellow
#FFFF00 |
YellowGreen
#9ACD32 |
Warna-warna
diatas bisa digunakan untuk berbagai keperluan desain web seperti memberikan
warna pada tulisan, pada latar belakang atau backround, warna garis dan
lainnya.
Masih banyak
kode warna lain yang bisa digunakan, seperti disebutkan diatas, warna pada komputer
ada jutaan
Tidak ada komentar:
Posting Komentar