Pengguna:Anashir/Kode warna: Perbedaan antara revisi

Konten dihapus Konten ditambahkan
Anashir (bicara | kontrib)
Anashir (bicara | kontrib)
kTidak ada ringkasan suntingan
 
(3 revisi perantara oleh pengguna yang sama tidak ditampilkan)
Baris 1:
{{Pengguna:Anashir/Navigasi}}
{|
== Triplet RGB ==
|- valign="top" width="100%"
{| class="wikitable" style="text-align:center;"
|
!rowspan="2" width="100"|Warna
{|border="0"
!rowspan="2" width="120"|Triplet Heksadesimal
!style="background:lightgrey;" | Nama Warna
!colspan=1 style="background:lightgrey;3"| kode Hex<br />RGBHeksadesimal
!colspan=1 style="background:lightgrey;3"| kode Desimal<br />RGB
|-
!width="40"|R
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Merah'''</big>
!width="40"|G
|- style="background:indianred; color:white"
!width="40"|B
|IndianRed ||CD 5C 5C|| 205 92 92
!width="40"|R
|- style="background:lightcoral; color:black;"
!width="40"|G
|LightCoral ||F0 80 80||240 128 128
!width="40"|B
|- style="background:salmon; color:black;"
|Salmon ||FA 80 72||250 128 114
|- style="background:darksalmon; color:black;"
|DarkSalmon ||E9 96 7A||233 150 122
|- style="background:lightsalmon; color:black;"
|LightSalmon ||FF A0 7A||255 160 122
|- style="background:crimson; color:white; color:white;"
|Crimson ||DC 14 3C||220 20 60
|- style="background:red; color:white;"
|Red ||FF 00 00||255 0 0
|- style="background:firebrick; color:white;"
|FireBrick ||B2 22 22||178 34 34
|- style="background:darkred; color:white;"
|DarkRed ||8B 00 00||139 0 0
|-
|style="background:#000000;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Merah Jambu'''</big>
|#000000
|- style="background:pink; color:black;"
|00
|Pink ||FF C0 CB||255 192 203
|00
|- style="background:lightpink; color:black;"
|00
|LightPink ||FF B6 C1||255 182 193
|0
|- style="background:hotpink; color:white;"
|0
|HotPink ||FF 69 B4||255 105 180
|0
|- style="background:deeppink; color:white;"
|DeepPink ||FF 14 93||255 20 147
|- style="background:mediumvioletred; color:white;"
|MediumVioletRed||C7 15 85||199 21 133
|- style="background:palevioletred; color:white;"
|PaleVioletRed ||DB 70 93||219 112 147
|-
|style="background:#FFFFFF;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Oranye'''</big>
|#FFFFFF
|- style="background:lightsalmon; color:black;"
|FF
||LightSalmon ||FF A0 7A||255 160 122
|FF
|- style="background:coral; color:white;"
|FF
|Coral ||FF 7F 50||255 127 80
|255
|- style="background:tomato; color:white;"
|255
|Tomato ||FF 63 47||255 99 71
|255
|- style="background:orangered; color:white;"
|OrangeRed ||FF 45 00||255 69 0
|- style="background:darkorange; color:white;"
|DarkOrange ||FF 8C 00||255 140 0
|- style="background:orange; color:white;"
|Orange ||FF A5 00||255 165 0
|-
|style="background:#0000FF;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Kuning'''</big>
|#0000FF
|- style="background:gold; color:black;"
|00
|Gold ||FF D7 00||255 215 0
|00
|- style="background:yellow; color:black;"
|FF
|Yellow ||FF FF 00||255 255 0
|0
|- style="background:lightyellow; color:black;"
|0
|LightYellow ||FF FF E0||255 255 224
|255
|- style="background:lemonchiffon; color:black;"
|LemonChiffon ||FF FA CD||255 250 205
|- style="background:lightgoldenrodyellow; color:black;"
|LightGoldenrodYellow||FA FA D2||250 250 210
|- style="background:papayawhip; color:black;"
|PapayaWhip ||FF EF D5||255 239 213
|- style="background:moccasin; color:black;"
|Moccasin ||FF E4 B5||255 228 181
|- style="background:peachpuff; color:black;"
|PeachPuff ||FF DA B9||255 218 185
|- style="background:palegoldenrod; color:black;"
|PaleGoldenrod ||EE E8 AA||238 232 170
|- style="background:khaki; color:black;"
|Khaki ||F0 E6 8C||240 230 140
|- style="background:darkkhaki; color:white;"
|DarkKhaki ||BD B7 6B||189 183 107
|-
|style="background:#00FF00;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Ungu'''</big>
|#00FF00
|- style="background:lavender; color:black;"
|00
|Lavender ||E6 E6 FA||230 230 250
|FF
|- style="background:thistle; color:white;"
|00
|Thistle ||D8 BF D8||216 191 216
|0
|- style="background:plum; color:white;"
|255
|Plum ||DD A0 DD||221 160 221
|0
|- style="background:violet; color:white;"
|Violet ||EE 82 EE||238 130 238
|- style="background:orchid; color:white;"
|Orchid ||DA 70 D6||218 112 214
|- style="background:fuchsia; color:white;"
|Fuchsia ||FF 00 FF||255 0 255
|- style="background:magenta; color:white;"
|Magenta||FF 00 FF||255 0 255
|- style="background:mediumorchid; color:white;"
|MediumOrchid ||BA 55 D3||186 85 211
|- style="background:mediumpurple; color:white;"
|MediumPurple ||93 70 DB||147 112 219
|- style="background:blueviolet; color:white;"
|BlueViolet ||8A 2B E2||138 43 226
|- style="background:darkviolet; color:white;"
|DarkViolet ||94 00 D3||148 0 211
|- style="background:darkorchid; color:white;"
|DarkOrchid ||99 32 CC||153 50 204
|- style="background:darkmagenta; color:white;"
|DarkMagenta ||8B 00 8B||139 0 139
|- style="background:purple; color:white;"
|Purple ||80 00 80||128 0 128
|- style="background:indigo; color:white;"
|Indigo ||4B 00 82|| 75 0 130
|- style="background:slateblue; color:white;"
|SlateBlue ||6A 5A CD||106 90 205
|- style="background:darkslateblue; color:white;"
|DarkSlateBlue ||48 3D 8B|| 72 61 139
|-
|style="background:#FF0000;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Hijau'''</big>
|#FF0000
|- style="background:greenyellow; color:black;"
|FF
|GreenYellow ||AD FF 2F||173 255 47
|00
|- style="background:chartreuse; color:black;"
|00
|Chartreuse ||7F FF 00||127 255 0
|255
|- style="background:lawngreen; color:black;"
|0
|LawnGreen ||7C FC 00||124 252 0
|0
|- style="background:lime; color:black;"
|-
|Lime ||00 FF 00|| 0 255 0
|- style="background:limegreen; color:black#F0F8FF;"|
|#F0F8FF
|LimeGreen ||32 CD 32|| 50 205 50
|F0
|- style="background:palegreen; color:black;"
|F8
|PaleGreen ||98 FB 98||152 251 152
|FF
|- style="background:lightgreen; color:black;"
|240
|LightGreen ||90 EE 90||144 238 144
|248
|- style="background:mediumspringgreen; color:black;"
|255
|MediumSpringGreen||00 FA 9A|| 0 250 154
|-
|- style="background:springgreen; color:black;"
|style="background:#F5DEB3;"|
|SpringGreen ||00 FF 7F|| 0 255 127
|#F5DEBB3
|- style="background:mediumseagreen; color:white;"
|F5
|MediumSeaGreen ||3C B3 71|| 60 179 113
|DE
|- style="background:seagreen; color:white;"
|B3
|SeaGreen ||2E 8B 57|| 46 139 87
|245
|- style="background:forestgreen; color:white;"
|222
|ForestGreen ||22 8B 22|| 34 139 34
|179
|- style="background:green; color:white;"
|-
|Green ||00 80 00|| 0 128 0
|- style="background:darkgreen; color:white#DB7093;"|
|#DB7093
|DarkGreen ||00 64 00|| 0 100 0
|DB
|- style="background:yellowgreen; color:white;"
|70
|YellowGreen ||9A CD 32||154 205 50
|93
|- style="background:olivedrab; color:white;"
|219
|OliveDrab ||6B 8E 23||107 142 35
|112
|- style="background:olive; color:white;"
|147
|Olive ||80 80 00||128 128 0
|- style="background:darkolivegreen; color:white;"
|DarkOliveGreen ||55 6B 2F|| 85 107 47
|- style="background:mediumaquamarine; color:black;"
|MediumAquamarine||66 CD AA||102 205 170
|- style="background:darkseagreen; color:white;"
|DarkSeaGreen ||8F BC 8F||143 188 143
|- style="background:lightseagreen; color:white;"
|LightSeaGreen ||20 B2 AA|| 32 178 170
|- style="background:darkcyan; color:white;"
|DarkCyan ||00 8B 8B|| 0 139 139
|- style="background:teal; color:white;"
|Teal ||00 80 80|| 0 128 128
|-
|}
==Nama warna-warna HTML==
|
 
{|
{| class="wikitable" style="text-align:center;"
!style="background:lightgrey;" | Nama Warna
!width="100"|Warna
!colspan=1 style="background:lightgrey;"| kode Hex<br />RGB
!width="60"|Nomor [[VGA]]
!colspan=1 style="background:lightgrey;"| kode Desimal<br />RGB
!Nama [[VGA]]
!Heksadesimal
!width="80"|Nama [[HTML]]
|-
|style="background:#000000;"|
|0
|black
|#000000
|black
|-
|style="background:#000080;"|
|1
|dark blue
|#000080
|navy
|-
|style="background:#008000;"|
|2
|dark green
|#008000
|green
|-
|style="background:#008080;"|
|3
|cyan
|#008080
|teal
|-
|style="background:#800000;"|
|4
|dark red
|#800000
|maroon
|-
|style="background:#800080;"|
|5
|magenta
|#800080
|purple
|-
|style="background:#808000;"|
|6
|brown
|#808000
|olive
|-
|style="background:#c0c0c0;"|
|7
|light gray
|#C0C0C0
|silver
|-
|style="background:#808080;"|
|8
|dark gray
|#808080
|gray
|-
|style="background:#0000ff;"|
|9
|light blue
|#0000FF
|blue
|-
|style="background:#00ff00;"|
|10
|light green
|#00FF00
|lime
|-
|style="background:#00ffff;"|
|11
|light cyan
|#00FFFF
|aqua
|-
|style="background:#ff0000;"|
|12
|light red
|#FF0000
|red
|-
|style="background:#ff00ff;"|
|13
|light magenta
|#FF00FF
|fuchsia
|-
|style="background:#ffff00;"|
|14
|yellow
|#FFFF00
|yellow
|-
|style="background:#ffffff;"|
|15
|intensive white
|#FFFFFF
|white
|-
|}
===Warna tambahan===
==== Warna-warna merah (9) ====
 
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:#CD5C5C;"|
|IndianRed
|#CD5C5C
|-
|style="background:#F08080;"|
|LightCoral
|#F08080
|-
|style="background:#FA8072;"|
|Salmon
|#FA8072
|-
|style="background:#E9967A;"|
|DarkSalmon
|#E9967A
|-
|style="background:#FFA07A;"|
|LightSalmon
|#FFA07A
|-
|style="background:#DC143C;"|
|Crimson
|#DC143C
|-
|style="background:#FF0000;"|
|Red
|#FF0000
|-
|style="background:#B22222;"|
|FireBrick
|#B22222
|-
|style="background:#8B0000;"|
|DarkRed
|#8B0000
|-
|}
 
==== Warna-warna pink (6) ====
 
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:Pink;"|
|Pink
|#FFC0CB
|-
|style="background:LightPink;"|
|LightPink
|#FFB6C1
|-
|style="background:HotPink;"|
|HotPink
|#FF69B4
|-
|style="background:DeepPink;"|
|DeepPink
|#FF1493
|-
|style="background:MediumVioletRed;"|
|MediumVioletRed
|#C71585
|-
|style="background:PaleVioletRed;"|
|PaleVioletRed
|#DB7093
|-
|}
 
==== Warna-warna jingga (6) ====
 
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:LightSalmon;"|
|LightSalmon
|#FFA07A
|-
|style="background:Coral;"|
|Coral
|#FF7F50
|-
|style="background:Tomato;"|
|Tomato
|#FF6347
|-
|style="background:OrangeRed;"|
|OrangeRed
|#FF4500
|-
|style="background:DarkOrange;"|
|DarkOrange
|#FF8C00
|-
|style="background:Orange;"|
|Orange
|#FFA500
|-
|}
 
==== Warna-warna kuning (11) ====
 
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:Gold;"|
|Gold
|#FFD700
|-
|style="background:Yellow;"|
|Yellow
|#FFFF00
|-
|style="background:LightYellow;"|
|LightYellow
|#FFFFE0
|-
|style="background:LemonChiffon;"|
|LemonChiffon
|#FFFACD
|-
|style="background:LightGoldenrodYellow;"|
|LightGoldenrodYellow
|#FAFAD2
|-
|style="background:PapayaWhip;"|
|PapayaWhip
|#FFEFD5
|-
|style="background:Moccasin;"|
|Moccasin
|#FFE4B5
|-
|style="background:PeachPuff;"|
|PeachPuff
|#FFDAB9
|-
|style="background:PaleGoldenrod;"|
|PaleGoldenrod
|#EEE8AA
|-
|style="background:Khaki;"|
|Khaki
|#F0E68C
|-
|style="background:DarkKhaki;"|
|DarkKhaki
|#BDB76B
|-
|}
 
==== Warna-warna ungu (17) ====
 
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:Lavender;"|
|Lavender
|#E6E6FA
|-
|style="background:Thistle;"|
|Thistle
|#D8BFD8
|-
|style="background:Plum;"|
|Plum
|#DDA0DD
|-
|style="background:Violet;"|
|Violet
|#EE82EE
|-
|style="background:Orchid;"|
|Orchid
|#DA70D6
|-
|style="background:Fuchsia;"|
|Fuchsia
|#FF00FF
|-
|style="background:Magenta;"|
|Magenta
|#FF00FF
|-
|style="background:MediumOrchid;"|
|MediumOrchid
|#BA55D3
|-
|style="background:MediumPurple;"|
|MediumPurple
|#9370DB
|-
|style="background:BlueViolet;"|
|BlueViolet
|#8A2BE2
|-
|style="background:DarkViolet;"|
|DarkViolet
|#9400D3
|-
|style="background:DarkOrchid;"|
|DarkOrchid
|#9932CC
|-
|style="background:DarkMagenta;"|
|DarkMagenta
|#8B008B
|-
|style="background:Purple;"|
|Purple
|#800080
|-
|style="background:Indigo;"|
|Indigo
|#4B0082
|-
|style="background:SlateBlue;"|
|SlateBlue
|#6A5ACD
|-
|style="background:DarkSlateBlue;"|
|DarkSlateBlue
|#483D8B
|-
|}
 
==== Warna-warna hijau (23) ====
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:GreenYellow;"|
|GreenYellow
|#ADFF2F
|-
|style="background:Chartreuse;"|
|Chartreuse
|#7FFF00
|-
|style="background:LawnGreen;"|
|LawnGreen
|#7CFC00
|-
|style="background:Lime;"|
|Lime
|#00FF00
|-
|style="background:LimeGreen;"|
|LimeGreen
|#32CD32
|-
|style="background:PaleGreen;"|
|PaleGreen
|#98FB98
|-
|style="background:LightGreen;"|
|LightGreen
|#90EE90
|-
|style="background:MediumSpringGreen;"|
|MediumSpringGreen
|#00FA9A
|-
|style="background:SpringGreen;"|
|SpringGreen
|#00FF7F
|-
|style="background:MediumSeaGreen;"|
|MediumSeaGreen
|#3CB371
|-
|style="background:SeaGreen;"|
|SeaGreen
|#2E8B57
|-
|style="background:ForestGreen;"|
|ForestGreen
|#228B22
|-
|style="background:Green;"|
|Green
|#008000
|-
|style="background:DarkGreen;"|
|DarkGreen
|#006400
|-
|style="background:YellowGreen;"|
|YellowGreen
|#9ACD32
|-
|style="background:OliveDrab;"|
|OliveDrab
|#6B8E23
|-
|style="background:Olive;"|
|Olive
|#808000
|-
|style="background:DarkOliveGreen;"|
|DarkOliveGreen
|#556B2F
|-
|style="background:MediumAquamarine;"|
|MediumAquamarine
|#66CDAA
|-
|style="background:DarkSeaGreen;"|
|DarkSeaGreen
|#8FBC8F
|-
|style="background:LightSeaGreen;"|
|LightSeaGreen
|#20B2AA
|-
|style="background:DarkCyan;"|
|DarkCyan
|#008B8B
|-
|style="background:Teal;"|
|Teal
|#008080
|-
|}
 
==== Warna-warna biru (25) ====
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:Aqua;"|
|Aqua
|#00FFFF
|-
|style="background:Cyan;"|
|Cyan
|#00FFFF
|-
|style="background:LightCyan;"|
|LightCyan
|#E0FFFF
|-
|style="background:PaleTurquoise;"|
|PaleTurquoise
|#AFEEEE
|-
|style="background:Aquamarine;"|
|Aquamarine
|#7FFFD4
|-
|style="background:Turquoise;"|
|Turquoise
|#40E0D0
|-
|style="background:MediumTurquoise;"|
|MediumTurquoise
|#48D1CC
|-
|style="background:DarkTurquoise;"|
|DarkTurquoise
|#00CED1
|-
|style="background:CadetBlue;"|
|CadetBlue
|#5F9EA0
|-
|style="background:SteelBlue;"|
|SteelBlue
|#4682B4
|-
|style="background:LightSteelBlue;"|
|LightSteelBlue
|#B0C4DE
|-
|style="background:PowderBlue;"|
|PowderBlue
|#B0E0E6
|-
|style="background:LightBlue;"|
|LightBlue
|#ADD8E6
|-
|style="background:SkyBlue;"|
|SkyBlue
|#87CEEB
|-
|style="background:LightSkyBlue;"|
|LightSkyBlue
|#87CEFA
|-
|style="background:DeepSkyBlue;"|
|DeepSkyBlue
|#00BFFF
|-
|style="background:DodgerBlue;"|
|DodgerBlue
|#1E90FF
|-
|style="background:CornflowerBlue;"|
|CornflowerBlue
|#6495ED
|-
|style="background:MediumSlateBlue;"|
|MediumSlateBlue
|#7B68EE
|-
|style="background:RoyalBlue;"|
|RoyalBlue
|#4169E1
|-
|style="background:Blue;"|
|Blue
|#0000FF
|-
|style="background:MediumBlue;"|
|MediumBlue
|#0000CD
|-
|style="background:DarkBlue;"|
|DarkBlue
|#00008B
|-
|style="background:Navy;"|
|Navy
|#000080
|-
|style="background:MidnightBlue;"|
|MidnightBlue
|#191970
|-
|}
 
==== Warna-warna coklat (17) ====
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:Cornsilk;"|
|Cornsilk
|#FFF8DC
|-
|style="background:BlanchedAlmond;"|
|BlanchedAlmond
|#FFEBCD
|-
|style="background:Bisque;"|
|Bisque
|#FFE4C4
|-
|style="background:NavajoWhite;"|
|NavajoWhite
|#FFDEAD
|-
|style="background:Wheat;"|
|Wheat
|#F5DEB3
|-
|style="background:BurlyWood;"|
|BurlyWood
|#DEB887
|-
|style="background:Tan;"|
|Tan
|#D2B48C
|-
|style="background:RosyBrown;"|
|RosyBrown
|#BC8F8F
|-
|style="background:SandyBrown;"|
|SandyBrown
|#F4A460
|-
|style="background:Goldenrod;"|
|Goldenrod
|#DAA520
|-
|style="background:DarkGoldenrod;"|
|DarkGoldenrod
|#B8860B
|-
|style="background:Peru;"|
|Peru
|#CD853F
|-
|style="background:Chocolate;"|
|Chocolate
|#D2691E
|-
|style="background:SaddleBrown;"|
|SaddleBrown
|#8B4513
|-
|style="background:Sienna;"|
|Sienna
|#A0522D
|-
|style="background:Brown;"|
|Brown
|#A52A2A
|-
|style="background:Maroon;"|
|Maroon
|#800000
|-
|}
 
==== Warna-warna putih (17) ====
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:White;"|
|White
|#FFFFFF
|-
|style="background:Snow;"|
|Snow
|#FFFAFA
|-
|style="background:Honeydew;"|
|Honeydew
|#F0FFF0
|-
|style="background:MintCream;"|
|MintCream
|#F5FFFA
|-
|style="background:Azure;"|
|Azure
|#F0FFFF
|-
|style="background:AliceBlue;"|
|AliceBlue
|#F0F8FF
|-
|style="background:GhostWhite;"|
|GhostWhite
|#F8F8FF
|-
|style="background:WhiteSmoke;"|
|WhiteSmoke
|#F5F5F5
|-
|style="background:Seashell;"|
|Seashell
|#FFF5EE
|-
|style="background:Beige;"|
|Beige
|#F5F5DC
|-
|style="background:OldLace;"|
|OldLace
|#FDF5E6
|-
|style="background:FloralWhite;"|
|FloralWhite
|#FFFAF0
|-
|style="background:Ivory;"|
|Ivory
|#FFFFF0
|-
|style="background:AntiqueWhite;"|
|AntiqueWhite
|#FAEBD7
|-
|style="background:Linen;"|
|Linen
|#FAF0E6
|-
|style="background:LavenderBlush;"|
|LavenderBlush
|#FFF0F5
|-
|style="background:MistyRose;"|
|MistyRose
|#FFE4E1
|-
|}
 
==== Warna-warna abu-abu (10) ====
{| class="wikitable"
!width="100"|[[Warna]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
|-
|style="background:Gainsboro;"|
|Gainsboro
|#DCDCDC
|-
|style="background:LightGrey;"|
|LightGrey
|#D3D3D3
|-
|style="background:Silver;"|
|Silver
|#C0C0C0
|-
|style="background:DarkGray;"|
|DarkGray
|#A9A9A9
|-
|style="background:Gray;"|
|Gray
|#808080
|-
|style="background:DimGray;"|
|DimGray
|#696969
|-
|style="background:LightSlateGray;"|
|LightSlateGray
|#778899
|-
|style="background:SlateGray;"|
|SlateGray
|#708090
|-
|style="background:DarkSlateGray;"|
|DarkSlateGray
|#2F4F4F
|-
|style="background:Black;"|
|Black
|#000000
|-
|}
== Warna-warna aman untuk web ==
{| width="80%" class="wikitable" style="color:white;width:80%;text-align:center"
|+ style="color:black"|'''Warna aman-web'''
| style="background: #000;" | <u>000</u>
| style="background: #300;" | 300
| style="background: #600;" | 600
| style="background: #900;" | 900
| style="background: #C00;" | C00
| style="background: #F00;" | F00
| style="background: #003;" | 003
| style="background: #303;" | 303
| style="background: #603;" | 603
| style="background: #903;" | 903
| style="background: #C03;" | C03
| style="background: #F03;" | F03
|-
| style="background: #006;" | 006
| style="background: #306;" | 306
| style="background: #606;" | 606
| style="background: #906;" | 906
| style="background: #C06;" | C06
| style="background: #F06;" | F06
| style="background: #009;" | 009
| style="background: #309;" | 309
| style="background: #609;" | 609
| style="background: #909;" | 909
| style="background: #C09;" | C09
| style="background: #F09;" | F09
|-
| style="background: #00C;" | 00C
| style="background: #30C;" | 30C
| style="background: #60C;" | 60C
| style="background: #90C;" | 90C
| style="background: #C0C;" | C0C
| style="background: #F0C;" | F0C
| style="background: #00F;" | 00F
| style="background: #30F;" | 30F
| style="background: #60F;" | 60F
| style="background: #90F;" | 90F
| style="background: #C0F;" | C0F
| style="background: #F0F;" | F0F
|-
| style="background: #030;" | 030
| style="background: #330;" | 330
| style="background: #630;" | 630
| style="background: #930;" | 930
| style="background: #C30;" | C30
| style="background: #F30;" | F30
| style="background: #033;" | 033
| style="background: #333;" | 333
| style="background: #633;" | 633
| style="background: #933;" | 933
| style="background: #C33;" | C33
| style="background: #F33;" | F33
|-
| style="background: #036;" | 036
| style="background: #336;" | 336
| style="background: #636;" | 636
| style="background: #936;" | 936
| style="background: #C36;" | C36
| style="background: #F36;" | F36
| style="background: #039;" | 039
| style="background: #339;" | 339
| style="background: #639;" | 639
| style="background: #939;" | 939
| style="background: #C39;" | C39
| style="background: #F39;" | F39
|-
| style="background: #03C;" | 03C
| style="background: #33C;" | 33C
| style="background: #63C;" | 63C
| style="background: #93C;" | 93C
| style="background: #C3C;" | C3C
| style="background: #F3C;" | F3C
| style="background: #03F;" | 03F
| style="background: #33F;" | 33F
| style="background: #63F;" | 63F
| style="background: #93F;" | 93F
| style="background: #C3F;" | C3F
| style="background: #F3F;" | F3F
|-
| style="background: #060;" | 060
| style="background: #360;" | 360
| style="background: #660;" | 660
| style="background: #960;" | 960
| style="background: #C60;" | C60
| style="background: #F60;" | F60
| style="background: #063;" | 063
| style="background: #363;" | 363
| style="background: #663;" | 663
| style="background: #963;" | 963
| style="background: #C63;" | C63
| style="background: #F63;" | F63
|-
| style="background: #066;" | 066
| style="background: #366;" | 366
| style="background: #666;" | 666
| style="background: #966;" | 966
| style="background: #C66;" | C66
| style="background: #F66;" | F66
| style="background: #069;" | 069
| style="background: #369;" | 369
| style="background: #669;" | 669
| style="background: #969;" | 969
| style="background: #C69;" | C69
| style="background: #F69;" | F69
|-
| style="background: #06C;" | 06C
| style="background: #36C;" | 36C
| style="background: #66C;" | 66C
| style="background: #96C;" | 96C
| style="background: #C6C;" | C6C
| style="background: #F6C;" | F6C
| style="background: #06F;" | 06F
| style="background: #36F;" | 36F
| style="background: #66F;" | 66F
| style="background: #96F;" | 96F
| style="background: #C6F;" | C6F
| style="background: #F6F;" | F6F
|-
| style="background: #090;" | 090
| style="background: #390;" | 390
| style="background: #690;" | 690
| style="background: #990;" | 990
| style="background: #C90;" | C90
| style="background: #F90;" | F90
| style="background: #093;" | 093
| style="background: #393;" | 393
| style="background: #693;" | 693
| style="background: #993;" | 993
| style="background: #C93;" | C93
| style="background: #F93;" | F93
|-
| style="background: #096;" | 096
| style="background: #396;" | 396
| style="background: #696;" | 696
| style="background: #996;" | 996
| style="background: #C96;" | C96
| style="background: #F96;" | F96
| style="background: #099;" | 099
| style="background: #399;" | 399
| style="background: #699;" | 699
| style="background: #999;" | 999
| style="background: #C99;" | C99
| style="background: #F99;" | F99
|-
| style="background: #09C;" | 09C
| style="background: #39C;" | 39C
| style="background: #69C;" | 69C
| style="background: #99C;" | 99C
| style="background: #C9C;" | C9C
| style="background: #F9C;" | F9C
| style="background: #09F;" | 09F
| style="background: #39F;" | 39F
| style="background: #69F;" | 69F
| style="background: #99F;" | 99F
| style="background: #C9F;" | C9F
| style="background: #F9F;" | F9F
|- style="color: black;"
| style="background: #0C0;" | 0C0
| style="background: #3C0;" | 3C0
| style="background: #6C0;" | 6C0
| style="background: #9C0;" | 9C0
| style="background: #CC0;" | CC0
| style="background: #FC0;" | FC0
| style="background: #0C3;" | 0C3
| style="background: #3C3;" | 3C3
| style="background: #6C3;" | 6C3
| style="background: #9C3;" | 9C3
| style="background: #CC3;" | CC3
| style="background: #FC3;" | FC3
|- style="color: black;"
| style="background: #0C6;" | 0C6
| style="background: #3C6;" | 3C6
| style="background: #6C6;" | 6C6
| style="background: #9C6;" | 9C6
| style="background: #CC6;" | CC6
| style="background: #FC6;" | FC6
| style="background: #0C9;" | 0C9
| style="background: #3C9;" | 3C9
| style="background: #6C9;" | 6C9
| style="background: #9C9;" | 9C9
| style="background: #CC9;" | CC9
| style="background: #FC9;" | FC9
|- style="color: black;"
| style="background: #0CC;" | 0CC
| style="background: #3CC;" | 3CC
| style="background: #6CC;" | 6CC
| style="background: #9CC;" | 9CC
| style="background: #CCC;" | CCC
| style="background: #FCC;" | FCC
| style="background: #0CF;" | 0CF
| style="background: #3CF;" | 3CF
| style="background: #6CF;" | 6CF
| style="background: #9CF;" | 9CF
| style="background: #CCF;" | CCF
| style="background: #FCF;" | FCF
|- style="color: black;"
| style="background: #0F0;" | 0F0
| style="background: #3F0;" | 3F0
| style="background: #6F0;" | 6F0
| style="background: #9F0;" | 9F0
| style="background: #CF0;" | CF0
| style="background: #FF0;" | FF0
| style="background: #0F3;" | 0F3
| style="background: #3F3;" | 3F3
| style="background: #6F3;" | 6F3
| style="background: #9F3;" | 9F3
| style="background: #CF3;" | CF3
| style="background: #FF3;" | FF3
|- style="color: black;"
| style="background: #0F6;" | 0F6
| style="background: #3F6;" | 3F6
| style="background: #6F6;" | 6F6
| style="background: #9F6;" | 9F6
| style="background: #CF6;" | CF6
| style="background: #FF6;" | FF6
| style="background: #0F9;" | 0F9
| style="background: #3F9;" | 3F9
| style="background: #6F9;" | 6F9
| style="background: #9F9;" | 9F9
| style="background: #CF9;" | CF9
| style="background: #FF9;" | FF9
|- style="color: black;"
| style="background: #0FC;" | 0FC
| style="background: #3FC;" | 3FC
| style="background: #6FC;" | 6FC
| style="background: #9FC;" | 9FC
| style="background: #CFC;" | CFC
| style="background: #FFC;" | FFC
| style="background: #0FF;" | 0FF
| style="background: #3FF;" | 3FF
| style="background: #6FF;" | 6FF
| style="background: #9FF;" | 9FF
| style="background: #CFF;" | CFF
| style="background: #FFF;" | FFF
|}
== Warna-warna CSS ==
{| class="wikitable" style="text-align:center;"
!width="100"|Warna
!Heksadesimal
!width="80"|Nama
|-
|style="background:#ffa500;"|
|#FFA500
|orange
|-
|style="background:#000000;"|
|#000000
|black
|-
|style="background:#000080;"|
|#000080
|navy
|-
|style="background:#008000;"|
|#008000
|green
|-
|style="background:#008080;"|
|#008080
|teal
|-
|style="background:#800000;"|
|#800000
|maroon
|-
|style="background:#800080;"|
|#800080
|purple
|-
|style="background:#808000;"|
|#808000
|olive
|-
|style="background:#c0c0c0;"|
|#C0C0C0
|silver
|-
|style="background:#808080;"|
|#808080
|gray
|-
|style="background:#0000ff;"|
|#0000FF
|blue
|-
|style="background:#00ff00;"|
|#00FF00
|lime
|-
|style="background:#00ffff;"|
|#00FFFF
|aqua
|-
|style="background:#ff0000;"|
|#FF0000
|red
|-
|style="background:#ff00ff;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Biru'''</big>
|#FF00FF
|- style="background:aqua; color:black;"
|fuchsia
|Aqua ||00 FF FF|| 0 255 255
|- style="background:cyan; color:black;"
|Cyan ||00 FF FF|| 0 255 255
|- style="background:lightcyan; color:black;"
|LightCyan ||E0 FF FF||224 255 255
|- style="background:paleturquoise; color:black;"
|PaleTurquoise ||AF EE EE||175 238 238
|- style="background:aquamarine; color:black;"
|Aquamarine ||7F FF D4||127 255 212
|- style="background:turquoise; color:black;"
|Turquoise ||40 E0 D0|| 64 224 208
|- style="background:mediumturquoise; color:white;"
|MediumTurquoise ||48 D1 CC|| 72 209 204
|- style="background:darkturquoise; color:white;"
|DarkTurquoise||00 CE D1|| 0 206 209
|- style="background:cadetblue; color:white;"
|CadetBlue ||5F 9E A0|| 95 158 160
|- style="background:steelblue; color:white;"
|SteelBlue ||46 82 B4|| 70 130 180
|- style="background:lightsteelblue; color:black;"
|LightSteelBlue ||B0 C4 DE||176 196 222
|- style="background:powderblue; color:black;"
|PowderBlue ||B0 E0 E6||176 224 230
|- style="background:lightblue; color:black;"
|LightBlue ||AD D8 E6||173 216 230
|- style="background:skyblue; color:black;"
|SkyBlue ||87 CE EB||135 206 235
|- style="background:lightskyblue; color:black;"
|LightSkyBlue||87 CE FA||135 206 250
|- style="background:deepskyblue; color:white;"
|DeepSkyBlue ||00 BF FF|| 0 191 255
|- style="background:dodgerblue; color:white;"
|DodgerBlue ||1E 90 FF|| 30 144 255
|- style="background:cornflowerblue; color:white;"
|CornflowerBlue||64 95 ED||100 149 237
|- style="background:mediumslateblue; color:white;"
|MediumSlateBlue||7B 68 EE||123 104 238
|- style="background:royalblue; color:white;"
|RoyalBlue ||41 69 E1|| 65 105 225
|- style="background:blue; color:white;"
|Blue ||00 00 FF|| 0 0 255
|- style="background:mediumblue; color:white;"
|MediumBlue ||00 00 CD|| 0 0 205
|- style="background:darkblue; color:white;"
|DarkBlue ||00 00 8B|| 0 0 139
|- style="background:navy; color:white;"
|Navy ||00 00 80|| 0 0 128
|- style="background:midnightblue; color:white;"
|MidnightBlue ||19 19 70|| 25 25 112
|-
|style="background:#ffff00;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Coklat'''</big>
|#FFFF00
|- style="background:cornsilk; color:black;"
|yellow
|Cornsilk ||FF F8 DC||255 248 220
|- style="background:blanchedalmond; color:black;"
|BlanchedAlmond ||FF EB CD||255 235 205
|- style="background:bisque; color:black;"
|Bisque ||FF E4 C4||255 228 196
|- style="background:navajowhite; color:black;"
|NavajoWhite ||FF DE AD||255 222 173
|- style="background:wheat; color:black;"
|Wheat ||F5 DE B3||245 222 179
|- style="background:burlywood; color:white;"
|BurlyWood ||DE B8 87||222 184 135
|- style="background:tan; color:white;"
|Tan ||D2 B4 8C||210 180 140
|- style="background:rosybrown; color:white;"
|RosyBrown ||BC 8F 8F||188 143 143
|- style="background:sandybrown; color:white;"
|SandyBrown ||F4 A4 60||244 164 96
|- style="background:goldenrod; color:white;"
|Goldenrod ||DA A5 20||218 165 32
|- style="background:darkgoldenrod; color:white;"
|DarkGoldenrod ||B8 86 0B||184 134 11
|- style="background:peru; color:white;"
|Peru ||CD 85 3F||205 133 63
|- style="background:chocolate; color:white;"
|Chocolate ||D2 69 1E||210 105 30
|- style="background:saddlebrown; color:white;"
|SaddleBrown ||8B 45 13||139 69 19
|- style="background:sienna; color:white;"
|Sienna ||A0 52 2D||160 82 45
|- style="background:brown; color:white;"
|Brown ||A5 2A 2A||165 42 42
|- style="background:maroon; color:white;"
|Maroon ||80 00 00||128 0 0
|-
|style="background:#ffffff;"|
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Putih'''</big>
|#FFFFFF
|- style="background:white; color:black;"
|white
|White ||FF FF FF||255 255 255
|- style="background:snow; color:black;"
|Snow ||FF FA FA||255 250 250
|- style="background:honeydew; color:black;"
|Honeydew ||F0 FF F0||240 255 240
|- style="background:mintcream; color:black;"
|MintCream ||F5 FF FA||245 255 250
|- style="background:azure; color:black;"
|Azure ||F0 FF FF||240 255 255
|- style="background:aliceblue; color:black;"
|AliceBlue ||F0 F8 FF||240 248 255
|- style="background:ghostwhite; color:black;"
|GhostWhite ||F8 F8 FF||248 248 255
|- style="background:whitesmoke; color:black;"
|WhiteSmoke ||F5 F5 F5||245 245 245
|- style="background:seashell; color:black;"
|Seashell ||FF F5 EE||255 245 238
|- style="background:beige; color:black;"
|Beige ||F5 F5 DC||245 245 220
|- style="background:oldlace; color:black;"
|OldLace ||FD F5 E6||253 245 230
|- style="background:floralwhite; color:black;"
|FloralWhite ||FF FA F0||255 250 240
|- style="background:ivory; color:black;"
|Ivory ||FF FF F0||255 255 240
|- style="background:antiquewhite; color:black;"
|AntiqueWhite ||FA EB D7||250 235 215
|- style="background:linen; color:black;"
|Linen ||FA F0 E6||250 240 230
|- style="background:lavenderblush; color:black;"
|LavenderBlush ||FF F0 F5||255 240 245
|- style="background:mistyrose; color:black;"
|MistyRose ||FF E4 E1||255 228 225
|-
|colspan=3; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Warna dasar Abu-abu'''</big>
|- style="background:gainsboro; color:black;"
|Gainsboro ||DC DC DC||220 220 220
|- style="background:lightgrey; color:black;"
|LightGrey ||D3 D3 D3||211 211 211
|- style="background:silver; color:black;"
|Silver ||C0 C0 C0||192 192 192
|- style="background:darkgray; color:black;"
|DarkGray ||A9 A9 A9||169 169 169
|- style="background:gray; color:white;"
|Gray ||80 80 80||128 128 128
|- style="background:dimgray; color:white;"
|DimGray ||69 69 69||105 105 105
|- style="background:lightslategray; color:white;"
|LightSlateGray ||77 88 99||119 136 153
|- style="background:slategray; color:white;"
|SlateGray ||70 80 90||112 128 144
|- style="background:darkslategray; color:white;"
|DarkSlateGray ||2F 4F 4F|| 47 79 79
|- style="background:black; color:white;"
|Black ||00 00 00|| 0 0 0
|}