Kode Warna Untuk HTML dalam desain web
A. CSS Nama Warna
Berikut ini grafik kode warna berisi 17 nama warna CSS resmi (berdasarkan CSS 2.1 spesifikasi) bersama dengan nilai hex RGB dan nilai RGB desimal mereka.
Color Name
|
Hex Code
RGB |
Decimal Code
RGB |
Maroon
|
800000
|
128,0,0
|
Red
|
FF0000
|
255,0,0
|
Orange
|
FFA500
|
255,165,0
|
Yellow
|
FFFF00
|
255,255,0
|
Olive
|
808000
|
128,128,0
|
Green
|
008000
|
0,128,0
|
Color Name
|
Hex Code
RGB |
Decimal Code
RGB |
Purple
|
800080
|
128,0,128
|
Fuchsia
|
FF00FF
|
255,0,255
|
Lime
|
00FF00
|
0,255,0
|
Teal
|
008080
|
0,128,128
|
Aqua
|
00FFFF
|
0,255,255
|
Blue
|
0000FF
|
0,0,255
|
Hex Code
RGB |
Decimal Code
RGB |
|
Navy
|
000080
|
0,0,128
|
Black
|
000000
|
0,0,0
|
Gray
|
808080
|
128,128,128
|
Silver
|
C0C0C0
|
192,192,192
|
White
|
FFFFFF
|
255,255,255
|
B. X11 Warna
Berikut ini adalah tabel warna X11.
Ini didukung oleh semua browser utama:
Color Name
|
Hex Code
RGB |
Decimal Code
RGB |
Reds
|
||
IndianRed
|
CD5C5C
|
205,92,92
|
LightCoral
|
F08080
|
240,128,128
|
Salmon
|
FA8072
|
250,128,114
|
DarkSalmon
|
E9967A
|
233,150,122
|
LightSalmon
|
FFA07A
|
255,160,122
|
Crimson
|
DC143C
|
220,20,60
|
Red
|
FF0000
|
255,0,0
|
FireBrick
|
B22222
|
178,34,34
|
DarkRed
|
8B0000
|
139,0,0
|
Pinks
|
||
Pink
|
FFC0CB
|
255,192,203
|
LightPink
|
FFB6C1
|
255,182,193
|
HotPink
|
FF69B4
|
255,105,180
|
DeepPink
|
FF1493
|
255,20,147
|
MediumVioletRed
|
C71585
|
199,21,133
|
PaleVioletRed
|
DB7093
|
219,112,147
|
Oranges
|
||
LightSalmon
|
FFA07A
|
255,160,122
|
Coral
|
FF7F50
|
255,127,80
|
Tomato
|
FF6347
|
255,99,71
|
OrangeRed
|
FF4500
|
255,69,0
|
DarkOrange
|
FF8C00
|
255,140,0
|
Orange
|
FFA500
|
255,165,0
|
Yellows
|
||
Gold
|
FFD700
|
255,215,0
|
Yellow
|
FFFF00
|
255,255,0
|
LightYellow
|
FFFFE0
|
255,255,224
|
LemonChiffon
|
FFFACD
|
255,250,205
|
LightGoldenrodYellow
|
FAFAD2
|
250,250,210
|
PapayaWhip
|
FFEFD5
|
255,239,213
|
Moccasin
|
FFE4B5
|
255,228,181
|
PeachPuff
|
FFDAB9
|
255,218,185
|
PaleGoldenrod
|
EEE8AA
|
238,232,170
|
Khaki
|
F0E68C
|
240,230,140
|
DarkKhaki
|
BDB76B
|
189,183,107
|
Purples
|
||
Lavender
|
E6E6FA
|
230,230,250
|
Thistle
|
D8BFD8
|
216,191,216
|
Plum
|
DDA0DD
|
221,160,221
|
Violet
|
EE82EE
|
238,130,238
|
Orchid
|
DA70D6
|
218,112,214
|
Fuchsia
|
FF00FF
|
255,0,255
|
Magenta
|
FF00FF
|
255,0,255
|
MediumOrchid
|
BA55D3
|
186,85,211
|
MediumPurple
|
9370DB
|
147,112,219
|
Amethyst
|
9966CC
|
153,102,204
|
BlueViolet
|
8A2BE2
|
138,43,226
|
DarkViolet
|
9400D3
|
148,0,211
|
DarkOrchid
|
9932CC
|
153,50,204
|
DarkMagenta
|
8B008B
|
139,0,139
|
Purple
|
800080
|
128,0,128
|
Indigo
|
4B0082
|
75,0,130
|
SlateBlue
|
6A5ACD
|
106,90,205
|
DarkSlateBlue
|
483D8B
|
72,61,139
|
MediumSlateBlue
|
7B68EE
|
123,104,238
|
Color Name
|
Hex Code
RGB |
Decimal Code
RGB |
Greens
|
||
GreenYellow
|
ADFF2F
|
173,255,47
|
Chartreuse
|
7FFF00
|
127,255,0
|
LawnGreen
|
7CFC00
|
124,252,0
|
Lime
|
00FF00
|
0,255,0
|
LimeGreen
|
32CD32
|
50,205,50
|
PaleGreen
|
98FB98
|
152,251,152
|
LightGreen
|
90EE90
|
144,238,144
|
MediumSpringGreen
|
00FA9A
|
0,250,154
|
SpringGreen
|
00FF7F
|
0,255,127
|
MediumSeaGreen
|
3CB371
|
60,179,113
|
SeaGreen
|
2E8B57
|
46,139,87
|
ForestGreen
|
228B22
|
34,139,34
|
Green
|
008000
|
0,128,0
|
DarkGreen
|
006400
|
0,100,0
|
YellowGreen
|
9ACD32
|
154,205,50
|
OliveDrab
|
6B8E23
|
107,142,35
|
Olive
|
808000
|
128,128,0
|
DarkOliveGreen
|
556B2F
|
85,107,47
|
MediumAquamarine
|
66CDAA
|
102,205,170
|
DarkSeaGreen
|
8FBC8F
|
143,188,143
|
LightSeaGreen
|
20B2AA
|
32,178,170
|
DarkCyan
|
008B8B
|
0,139,139
|
Teal
|
008080
|
0,128,128
|
Blues/Cyans
|
||
Aqua
|
00FFFF
|
0,255,255
|
Cyan
|
00FFFF
|
0,255,255
|
LightCyan
|
E0FFFF
|
224,255,255
|
PaleTurquoise
|
AFEEEE
|
175,238,238
|
Aquamarine
|
7FFFD4
|
127,255,212
|
Turquoise
|
40E0D0
|
64,224,208
|
MediumTurquoise
|
48D1CC
|
72,209,204
|
DarkTurquoise
|
00CED1
|
0,206,209
|
CadetBlue
|
5F9EA0
|
95,158,160
|
SteelBlue
|
4682B4
|
70,130,180
|
LightSteelBlue
|
B0C4DE
|
176,196,222
|
PowderBlue
|
B0E0E6
|
176,224,230
|
LightBlue
|
ADD8E6
|
173,216,230
|
SkyBlue
|
87CEEB
|
135,206,235
|
LightSkyBlue
|
87CEFA
|
135,206,250
|
DeepSkyBlue
|
00BFFF
|
0,191,255
|
DodgerBlue
|
1E90FF
|
30,144,255
|
CornflowerBlue
|
6495ED
|
100,149,237
|
MediumSlateBlue
|
7B68EE
|
123,104,238
|
RoyalBlue
|
4169E1
|
65,105,225
|
Blue
|
0000FF
|
0,0,255
|
MediumBlue
|
0000CD
|
0,0,205
|
DarkBlue
|
00008B
|
0,0,139
|
Navy
|
000080
|
0,0,128
|
MidnightBlue
|
191970
|
25,25,112
|
Color Name
|
Hex Code
RGB |
Decimal Code
RGB |
Browns
|
||
Cornsilk
|
FFF8DC
|
255,248,220
|
BlanchedAlmond
|
FFEBCD
|
255,235,205
|
Bisque
|
FFE4C4
|
255,228,196
|
NavajoWhite
|
FFDEAD
|
255,222,173
|
Wheat
|
F5DEB3
|
245,222,179
|
BurlyWood
|
DEB887
|
222,184,135
|
Tan
|
D2B48C
|
210,180,140
|
RosyBrown
|
BC8F8F
|
188,143,143
|
SandyBrown
|
F4A460
|
244,164,96
|
Goldenrod
|
DAA520
|
218,165,32
|
DarkGoldenrod
|
B8860B
|
184,134,11
|
Peru
|
CD853F
|
205,133,63
|
Chocolate
|
D2691E
|
210,105,30
|
SaddleBrown
|
8B4513
|
139,69,19
|
Sienna
|
A0522D
|
160,82,45
|
Brown
|
A52A2A
|
165,42,42
|
Maroon
|
800000
|
128,0,0
|
Whites
|
||
White
|
FFFFFF
|
255,255,255
|
Snow
|
FFFAFA
|
255,250,250
|
Honeydew
|
F0FFF0
|
240,255,240
|
MintCream
|
F5FFFA
|
245,255,250
|
Azure
|
F0FFFF
|
240,255,255
|
AliceBlue
|
F0F8FF
|
240,248,255
|
GhostWhite
|
F8F8FF
|
248,248,255
|
WhiteSmoke
|
F5F5F5
|
245,245,245
|
Seashell
|
FFF5EE
|
255,245,238
|
Beige
|
F5F5DC
|
245,245,220
|
OldLace
|
FDF5E6
|
253,245,230
|
FloralWhite
|
FFFAF0
|
255,250,240
|
Ivory
|
FFFFF0
|
255,255,240
|
AntiqueWhite
|
FAEBD7
|
250,235,215
|
Linen
|
FAF0E6
|
250,240,230
|
LavenderBlush
|
FFF0F5
|
255,240,245
|
MistyRose
|
FFE4E1
|
255,228,225
|
Greys
|
||
Gainsboro
|
DCDCDC
|
220,220,220
|
LightGrey
|
D3D3D3
|
211,211,211
|
Silver
|
C0C0C0
|
192,192,192
|
DarkGray
|
A9A9A9
|
169,169,169
|
Gray
|
808080
|
128,128,128
|
DimGray
|
696969
|
105,105,105
|
LightSlateGray
|
778899
|
119,136,153
|
SlateGray
|
708090
|
112,128,144
|
DarkSlateGray
|
2F4F4F
|
47,79,79
|
Black
|
000000
|
0,0,0
|
C. Web Warna Aman
Di bawah ini adalah grafik yang
meliputi nilai warna heksadesimal 216 dari web palet aman. Gunakan tabel
berikut ini jika Anda memilih untuk menggunakan warna dari palet web yang aman.
#FFFFFF
|
#FFFFCC
|
#FFFF99
|
#FFCCFF
|
#FFCCCC
|
#FFCC99
|
#FF99FF
|
#FF99CC
|
#FF9999
|
#FF66FF
|
#FF66CC
|
#FF6699
|
#FF33FF
|
#FF33CC
|
#FF3399
|
#FF00FF
|
#FF00CC
|
#FF0099
|
#CCFFFF
|
#CCFFCC
|
#CCFF99
|
#CCCCFF
|
#CCCCCC
|
#CCCC99
|
#CC99FF
|
#CC99CC
|
#CC9999
|
#CC66FF
|
#CC66CC
|
#CC6699
|
#CC33FF
|
#CC33CC
|
#CC3399
|
#CC00FF
|
#CC00CC
|
#CC0099
|
#99FFFF
|
#99FFCC
|
#99FF99
|
#99CCFF
|
#99CCCC
|
#99CC99
|
#9999FF
|
#9999CC
|
#999999
|
#9966FF
|
#9966CC
|
#996699
|
#9933FF
|
#9933CC
|
#993399
|
#9900FF
|
#9900CC
|
#990099
|
#66FFFF
|
#66FFCC
|
#66FF99
|
#66CCFF
|
#66CCCC
|
#66CC99
|
#6699FF
|
#6699CC
|
#669999
|
#6666FF
|
#6666CC
|
#666699
|
#6633FF
|
#6633CC
|
#663399
|
#6600FF
|
#6600CC
|
#660099
|
#33FFFF
|
#33FFCC
|
#33FF99
|
#33CCFF
|
#33CCCC
|
#33CC99
|
#3399FF
|
#3399CC
|
#339999
|
#3366FF
|
#3366CC
|
#336699
|
#3333FF
|
#3333CC
|
#333399
|
#3300FF
|
#3300CC
|
#330099
|
#00FFFF
|
#00FFCC
|
#00FF99
|
#00CCFF
|
#00CCCC
|
#00CC99
|
#0099FF
|
#0099CC
|
#009999
|
#0066FF
|
#0066CC
|
#006699
|
#0033FF
|
#0033CC
|
#003399
|
#0000FF
|
#0000CC
|
#000099
|
#FFFF66
|
#FFFF33
|
#FFFF00
|
#FFCC66
|
#FFCC33
|
#FFCC00
|
#FF9966
|
#FF9933
|
#FF9900
|
#FF6666
|
#FF6633
|
#FF6600
|
#FF3366
|
#FF3333
|
#FF3300
|
#FF0066
|
#FF0033
|
#FF0000
|
#CCFF66
|
#CCFF33
|
#CCFF00
|
#CCCC66
|
#CCCC33
|
#CCCC00
|
#CC9966
|
#CC9933
|
#CC9900
|
#CC6666
|
#CC6633
|
#CC6600
|
#CC3366
|
#CC3333
|
#CC3300
|
#CC0066
|
#CC0033
|
#CC0000
|
#99FF66
|
#99FF33
|
#99FF00
|
#99CC66
|
#99CC33
|
#99CC00
|
#999966
|
#999933
|
#999900
|
#996666
|
#996633
|
#996600
|
#993366
|
#993333
|
#993300
|
#990066
|
#990033
|
#990000
|
#66FF66
|
#66FF33
|
#66FF00
|
#66CC66
|
#66CC33
|
#66CC00
|
#669966
|
#669933
|
#669900
|
#666666
|
#666633
|
#666600
|
#663366
|
#663333
|
#663300
|
#660066
|
#660033
|
#660000
|
#33FF66
|
#33FF33
|
#33FF00
|
#33CC66
|
#33CC33
|
#33CC00
|
#339966
|
#339933
|
#339900
|
#336666
|
#336633
|
#336600
|
#333366
|
#333333
|
#333300
|
#330066
|
#330033
|
#330000
|
#00FF66
|
#00FF33
|
#00FF00
|
#00CC66
|
#00CC33
|
#00CC00
|
#009966
|
#009933
|
#009900
|
#006666
|
#006633
|
#006600
|
#003366
|
#003333
|
#003300
|
#000066
|
#000033
|
#000000
|
Untuk menggunakan kode warna
tersebut, silahkan salin kodenya gan..
0 Feed back:
Post a Comment