Pengguna:Anashir/Kode warna: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Tidak ada ringkasan suntingan |
kTidak ada ringkasan suntingan |
||
(4 revisi perantara oleh pengguna yang sama tidak ditampilkan) | |||
Baris 1:
{{Pengguna:Anashir/Navigasi}}
== Triplet RGB ==
{| class="wikitable" style="text-align:center;"
!rowspan="2" width="100"|Warna
!rowspan="2" width="120"|Triplet Heksadesimal
!colspan
!colspan
|-
!width="40"|R
!width="40"|G
!width="40"|B
!width="40"|R
!width="40"|G
!width="40"|B
|-
|style="background:#000000;"|
|#000000
|00
|00
|00
|0
|0
|0
|-
|style="background:#FFFFFF;"|
|#FFFFFF
|FF
|FF
|FF
|255
|255
|255
|-
|style="background:#0000FF;"|
|#0000FF
|00
|00
|FF
|0
|0
|255
|-
|style="background:#00FF00;"|
|#00FF00
|00
|FF
|00
|0
|255
|0
|-
|style="background:#FF0000;"|
|#FF0000
|FF
|00
|00
|255
|0
|0
|-
|
|#F0F8FF
|F0
|F8
|FF
|240
|248
|255
|-
|style="background:#F5DEB3;"|
|#F5DEBB3
|F5
|DE
|B3
|245
|222
|179
|-
|
|#DB7093
|DB
|70
|93
|219
|112
|147
|-
|}
==Nama warna-warna HTML==
{| class="wikitable" style="text-align:center;"
!width="100"|Warna
!width="60"|Nomor [[VGA]]
!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;"|
|#FF00FF
|fuchsia
|-
|style="background:#ffff00;"|
|#FFFF00
|yellow
|-
|style="background:#ffffff;"|
|#FFFFFF
|white
|-
|}
|