สีที่ใช้ในเว็บ

สีที่ใช้ในเว็บ หรือ สีเว็บ มีหลักการอ้างอิงถึงในลักษณะสองแบบ คือ อ้างอิงตามเลขฐานสิบหก ในรูปแบบ RGB รหัสผสมสีของสีแดง สีเขียว และสีน้ำเงิน หรืออ้างอิงตามชื่อสีภาษาอังกฤษ
== รูปแบบสี ==
รูปแบบสีที่ใช้ในHTML CSS และโปรแกรมคอมพิวเตอร์ตัวอื่นๆ ใช้ในลักษณะของเลขฐานสิบหก ในแต่ละหลักแสดงถึงส่วนประกอบของแม่สีแสงได้แก่ สีแดง สีเขียว และสีน้ำเงิน ซึ่งทุกสีสามารถประกอบขึ้นได้จากปริมาณที่แตกต่างกันของแม่สีแสงทั้งสาม มีการนำเสนอสองรูปแบบคือ
เลขฐานสิบหก 3 หลัก แต่ละหลักมีค่า 0 ถึง F (15) จำนวนสีทั้งหมดที่สามารถแสดงได้คือ 163 = 4,096 สี
เลขฐานสิบหก 6 หลัก ทุกๆ 2 หลักจะมีค่าตั้งแต่ 00 ถึง FF (255) จำนวนสีทั้งหมดที่สามารถแสดงได้คือ 2563 = 16,777,216 สี
ยกตัวอย่างเช่น กำหนดให้ สีแดง=36 สีเขียว=104 และสีน้ำเงิน=160 จะใช้เลขฐานสิบหก 6 หลัก มีค่าเท่ากับ 24, 68, A0 ตามลำดับ (อักษรตัวเล็กตัวใหญ่ไม่มีผล) โดยนำมาจัดเรียงติดกันโดยไม่เว้นวรรค แล้วนำหน้าด้วยเครื่องหมายนัมเบอร์ # รวมเป็น #2468A0 ซึ่งจะแสดงสีน้ำเงินอ่อนออกมา ██ ส่วนแบบ 3 หลักที่ใกล้เคียงสีนี้มากที่สุดคือ #269 ██
== สีมาตรฐานของ HTML ==
สีมาตรฐาน 16 สีที่ ตามมาตรฐาน HTML 4.01 โดยแสดงชื่อสีมาตรฐานในภาษาอังกฤษ (อักษรตัวเล็กตัวใหญ่ไม่มีผล เช่นกัน) และรหัสสีในเลขฐานสิบหก ได้แก่
{| border="0"
!ชื่อ
!รหัสสี
!ชื่อ
!รหัสสี
!ชื่อ
!รหัสสี
!ชื่อ
!รหัสสี
|-
|black
| style = "background:#000000; color:#ffffff; font-family:monospace;"|#000000
|silver
| style = "background:#c0c0c0; color:#000000; font-family:monospace;"|#c0c0c0
|maroon (color)|maroon
| style = "background:#800000; color:#ffffff; font-family:monospace;"|#800000
|red
| style = "background:#ff0000; color:#ffffff; font-family:monospace;"|#ff0000
|-
|navy
| style = "background:#000080; color:#ffffff; font-family:monospace;"|#000080
|blue
| style = "background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff
|purple
| style = "background:#800080; color:#ffffff; font-family:monospace;"|#800080
|fuchsia
| style = "background:#ff00ff; color:#000000; font-family:monospace;"|#ff00ff
|-
|green
| style = "background:#008000; color:#ffffff; font-family:monospace;"|#008000
|lime
| style = "background:#00ff00; color:#000000; font-family:monospace;"|#00ff00
|olive
| style = "background:#808000; color:#ffffff; font-family:monospace;"|#808000
|yellow
| style = "background:#ffff00; color:#000000; font-family:monospace;"|#ffff00
|-
|teal
| style = "background:#008080; color:#ffffff; font-family:monospace;"|#008080
|aqua
| style = "background:#00ffff; color:#000000; font-family:monospace;"|#00ffff
|gray
| style = "background:#808080; color:#ffffff; font-family:monospace;"|#808080
|white
| style = "background:#ffffff; color:#000000; font-family:monospace;"|#ffffff
|}
== ชื่อสีตาม X11 ==
ระบบสีอื่นที่พัฒนาออกมาต่างหาก ที่ไม่ได้กำหนดเป็นมาตรฐาน ซึ่งเบราว์เซอร์ บางตัวไม่สามารถเรียกใช้สีเหล่านี้ได้ทั้งหมด อย่างไรก็ตามสีเหล่านี้เป็นสีมาตรฐานของ SVG ชื่อสีในภาษาอังกฤษ และ รหัสสีในเลขฐานสิบหก แสดงตามตัวอย่างข้างล่าง
{| border="0"
|-
!ชื่อสี
!รหัสสี(เลขฐานสิบหก)R G B
!ชื่อสี
!รหัสสี(เลขฐานสิบหก)R G B
|-
|indianred
| style = "background:#cd5c5c; color:#ffffff; font-family:monospace;"|#cd5c5c
|darksalmon
| style = "background:#e9967a; color:#ffffff; font-family:monospace;"|#e9967a
|-
|lightcoral
| style = "background:#f08080; color:#ffffff; font-family:monospace;"|#f08080
|salmon
| style = "background:#fa8072; color:#ffffff; font-family:monospace;"|#fa8072
|-
|orangered
| style = "background:#ff4500; color:#ffffff; font-family:monospace;"|#ff4500
|red
| style = "background:#ff0000; color:#ffffff; font-family:monospace;"|#ff0000
|-
|crimson
| style = "background:#dc143c; color:#ffffff; font-family:monospace;"|#dc143c
|firebrick
| style = "background:#b22222; color:#ffffff; font-family:monospace;"|#b22222
|-
|darkred
| style = "background:#8b0000; color:#ffffff; font-family:monospace;"|#8b0000
|mediumvioletred
| style = "background:#c71585; color:#ffffff; font-family:monospace;"|#c71585
|-
|pink
| style = "background:#ffc0cb; font-family:monospace;"|#ffc0cb
|lightpink
| style = "background:#ffb6c1; font-family:monospace;"|#ffb6c1
|-
|hotpink
| style = "background:#ff69b4; font-family:monospace;"|#ff69b4
|deeppink
| style = "background:#ff1493; font-family:monospace;"|#ff1493
|-
|palevioletred
| style = "background:#db7093; font-family:monospace;"|#db7093
|darkkhaki
| style = "background:#bdb76b; font-family:monospace;"|#bdb76b
|-
|khaki
| style = "background:#f0e68c; font-family:monospace;"|#f0e68c
|palegoldenrod
| style = "background:#eee8aa; font-family:monospace;"|#eee8aa
|-
|lightgoldenrodyellow
| style = "background:#fafad2; font-family:monospace;"|#fafad2
|lightyellow
| style = "background:#ffffe0; font-family:monospace;"|#ffffe0
|-
|lemonchiffon
| style = "background:#fffacd; font-family:monospace;"|#fffacd
|yellow
| style = "background:#ffff00; font-family:monospace;"|#ffff00
|-
|gold
| style = "background:#ffd700; font-family:monospace;"|#ffd700
|papayawhip
| style = "background:#ffefd5; font-family:monospace;"|#ffefd5
|-
|Thai bmist golo
|#ffe4c9
|
|
|-
|
|
|
|
|-
|moccasin
| style = "background:#ffe4b5; font-family:monospace;"|#ffe4b5
|peachpuff
| style = "background:#ffdab9; font-family:monospace;"|#ffdab9
|-
|cyan
| style = "background:#00ffff; font-family:monospace;"|#00ffff
|aqua
| style = "background:#00ffff; font-family:monospace;"|#00ffff
|-
|aquamarine
| style = "background:#7fffd4; font-family:monospace;"|#7fffd4
|turquoise
| style = "background:#40e0d0; font-family:monospace;"|#40e0d0
|-
|mediumturquoise
| style = "background:#48d1cc; font-family:monospace;"|#48d1cc
|darkturquoise
| style = "background:#00ced1; font-family:monospace;"|#00ced1
|-
|cadetblue
| style = "background:#5f9ea0; color:#ffffff; font-family:monospace;"|#5f9ea0
|slategray
| style = "background:#708090; color:#ffffff; font-family:monospace;"|#708090
|-
|lightcyan
| style = "background:#e0ffff; font-family:monospace;"|#e0ffff
|paleturquoise
| style = "background:#afeeee; font-family:monospace;"|#afeeee
|-
|powderblue
| style = "background:#b0e0e6; font-family:monospace;"|#b0e0e6
|lightsteelblue
| style = "background:#b0c4de; font-family:monospace;"|#b0c4de
|-
|steelblue
| style = "background:#4682b4; color:#ffffff; font-family:monospace;"|#4682b4
|lightblue
| style = "background:#add8e6; font-family:monospace;"|#add8e6
|-
|skyblue
| style = "background:#87ceeb; font-family:monospace;"|#87ceeb
|lightskyblue
| style = "background:#87cefa; font-family:monospace;"|#87cefa
|-
|deepskyblue
| style = "background:#00bfff; font-family:monospace;"|#00bfff
|cornflowerblue
| style = "background:#6495ed; font-family:monospace;"|#6495ed
|-
|royalblue
| style = "background:#4169e1; font-family:monospace;"|#4169e1
|mediumslateblue
| style = "background:#7b68ee; font-family:monospace;"|#7b68ee
|-
|dodgerblue
| style = "background:#1e90ff; font-family:monospace;"|#1e90ff
|blue
| style = "background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff
|-
|mediumblue
| style = "background:#0000cd; color:#ffffff; font-family:monospace;"|#0000cd
|darkblue
| style = "background:#00008b; color:#ffffff; font-family:monospace;"|#00008b
|-
|navy
| style = "background:#000080; color:#ffffff; font-family:monospace;"|#000080
|midnightblue
| style = "background:#191970; color:#ffffff; font-family:monospace;"|#191970
|-
|lightsalmon
| style = "background:#ffa07a; font-family:monospace;"|#ffa07a
|orange
| style = "background:#ffa500; font-family:monospace;"|#ffa500
|-
|darkorange
| style = "background:#ff8c00; font-family:monospace;"|#ff8c00
|coral
| style = "background:#ff7f50; font-family:monospace;"|#ff7f50
|-
|tomato
| style = "background:#ff6347; font-family:monospace;"|#ff6347
|orangered
| style = "background:#ff4500; font-family:monospace;"|#ff4500
|-
|aquamarine
| style = "background:#7fffd4; font-family:monospace;"|#7fffd4
|mediumspringgreen
| style = "background:#00fa9a; font-family:monospace;"|#00fa9a
|-
|springgreen
| style = "background:#00ff7f; font-family:monospace;"|#00ff7f
|palegreen
| style = "background:#98fb98; font-family:monospace;"|#98fb98
|-
|greenyellow
| style = "background:#adff2f; font-family:monospace;"|#adff2f
|chartreuse
| style = "background:#7fff00; font-family:monospace;"|#7fff00
|-
|lawngreen
| style = "background:#7cfc00; font-family:monospace;"|#7cfc00
|lime
| style = "background:#00ff00; font-family:monospace;"|#00ff00
|-
|lightgreen
| style = "background:#90ee90; font-family:monospace;"|#90ee90
|yellowgreen
| style = "background:#9acd32; font-family:monospace;"|#9acd32
|-
|limegreen
| style = "background:#32cd32; font-family:monospace;"|#32cd32
|mediumseagreen
| style = "background:#3cb371; font-family:monospace;"|#3cb371
|-
|darkseagreen
| style = "background:#8fbc8f; font-family:monospace;"|#8fbc8f
|forestgreen
| style = "background:#228b22; color:#ffffff; font-family:monospace;"|#228b22
|-
|seagreen
| style = "background:#2e8b57; color:#ffffff; font-family:monospace;"|#2e8b57
|green
| style = "background:#008000; color:#ffffff; font-family:monospace;"|#008000
|-
|olivedrab
| style = "background:#6b8e23; color:#ffffff; font-family:monospace;"|#6b8e23
|olive
| style = "background:#808000; color:#ffffff; font-family:monospace;"|#808000
|-
|darkolivegreen
| style = "background:#556b2f; color:#ffffff; font-family:monospace;"|#556b2f
|darkgreen
| style = "background:#006400; color:#ffffff; font-family:monospace;"|#006400
|-
|mediumaquamarine
| style = "background:#66cdaa; font-family:monospace;"|#66cdaa
|turquoise
| style = "background:#40e0d0; font-family:monospace;"|#40e0d0
|-
|lightseagreen
| style = "background:#20b2aa; font-family:monospace;"|#20b2aa
|darkcyan
| style = "background:#008b8b; color:#ffffff; font-family:monospace;"|#008b8b
|-
|teal
| style = "background:#008080; color:#ffffff; font-family:monospace;"|#008080
|lavender
| style = "background:#e6e6fa; font-family:monospace;"|#e6e6fa
|-
|thistle
| style = "background:#d8bfd8; font-family:monospace;"|#d8bfd8
|plum
| style = "background:#dda0dd; font-family:monospace;"|#dda0dd
|-
|violet
| style = "background:#ee82ee; font-family:monospace;"|#ee82ee
|fuchsia
| style = "background:#ff00ff; font-family:monospace;"|#ff00ff
|-
|magenta
| style = "background:#ff00ff; font-family:monospace;"|#ff00ff
|orchid
| style = "background:#da70d6; font-family:monospace;"|#da70d6
|-
|mediumorchid
| style = "background:#ba55d3; font-family:monospace;"|#ba55d3
|darkorchid
| style = "background:#9932cc; color:#ffffff; font-family:monospace;"|#9932cc
|-
|blueviolet
| style = "background:#8a2be2; color:#ffffff; font-family:monospace;"|#8a2be2
|darkviolet
| style = "background:#9400d3; color:#ffffff; font-family:monospace;"|#9400d3
|-
|mediumpurple
| style = "background:#9370db; color:#ffffff; font-family:monospace;"|#9370db
|slateblue
| style = "background:#6a5acd; color:#ffffff; font-family:monospace;"|#6a5acd
|-
|purple
| style = "background:#800080; color:#ffffff; font-family:monospace;"|#800080
|darkmagenta
| style = "background:#8b008b; color:#ffffff; font-family:monospace;"|#8b008b
|-
|darkslateblue
| style = "background:#483d8b; color:#ffffff; font-family:monospace;"|#483d8b
|indigo
| style = "background:#4b0082; color:#ffffff; font-family:monospace;"|#4b0082
|-
|honeydew
| style = "background:#f0fff0; font-family:monospace;"|#f0fff0
|mintcream
| style = "background:#f5fffa; font-family:monospace;"|#f5fffa
|-
|azure
| style = "background:#f0ffff; font-family:monospace;"|#f0ffff
|aliceblue
| style = "background:#f0f8ff; font-family:monospace;"|#f0f8ff
|-
|ghostwhite
| style = "background:#f8f8ff; font-family:monospace;"|#f8f8ff
|whitesmoke
| style = "background:#f5f5f5; font-family:monospace;"|#f5f5f5
|-
|lavenderblush
| style = "background:#fff0f5; font-family:monospace;"|#fff0f5
|mistyrose
| style = "background:#ffe4e1; font-family:monospace;"|#ffe4e1
|-
|antiquewhite
| style = "background:#faebd7; font-family:monospace;"|#faebd7
|seashell
| style = "background:#fff5ee; font-family:monospace;"|#fff5ee
|-
|snow
| style = "background:#fffafa; font-family:monospace;"|#fffafa
|white
| style = "background:#ffffff; font-family:monospace;"|#ffffff
|-
|beige
| style = "background:#f5f5dc; font-family:monospace;"|#f5f5dc
|linen
| style = "background:#faf0e6; font-family:monospace;"|#faf0e6
|-
|oldlace
| style = "background:#fdf5e6; font-family:monospace;"|#fdf5e6
|floralwhite
| style = "background:#fffaf0; font-family:monospace;"|#fffaf0
|-
|ivory
| style = "background:#fffff0; font-family:monospace;"|#fffff0
|gainsboro
| style = "background:#dcdcdc; font-family:monospace;"|#dcdcdc
|-
|lightgrey
| style = "background:#d3d3d3; font-family:monospace;"|#d3d3d3
|silver
| style = "background:#c0c0c0; font-family:monospace;"|#c0c0c0
|-
|darkgray
| style = "background:#a9a9a9; font-family:monospace;"|#a9a9a9
|gray
| style = "background:#808080; color:#ffffff; font-family:monospace;"|#808080
|-
|dimgray
| style = "background:#696969; color:#ffffff; font-family:monospace;"|#696969
|darkslategray
| style = "background:#2f4f4f; color:#ffffff; font-family:monospace;"|#2f4f4f
|-
|lightslategray
| style = "background:#778899; color:#ffffff; font-family:monospace;"|#778899
|slategray
| style = "background:#708090; color:#ffffff; font-family:monospace;"|#708090
|-
|cornsilk
| style = "background:#fff8dc; font-family:monospace;"|#fff8dc
|blanchedalmond
| style = "background:#ffebcd; font-family:monospace;"|#ffebcd
|-
|bisque
| style = "background:#ffe4c4; font-family:monospace;"|#ffe4c4
|navajowhite
| style = "background:#ffdead; font-family:monospace;"|#ffdead
|-
|wheat
| style = "background:#f5deb3; font-family:monospace;"|#f5deb3
|sandybrown
| style = "background:#f4a460; font-family:monospace;"|#f4a460
|-
|goldenrod
| style = "background:#daa520; font-family:monospace;"|#daa520
|darkgoldenrod
| style = "background:#b8860b; font-family:monospace;"|#b8860b
|-
|peru
| style = "background:#cd853f; font-family:monospace;"|#cd853f
|chocolate
| style = "background:#d2691e; font-family:monospace;"|#d2691e
|-
|maroon
| style = "background:#800000; color:#ffffff; font-family:monospace;"|#800000
|saddlebrown
| style = "background:#8b4513; color:#ffffff; font-family:monospace;"|#8b4513
|-
|brown
| style = "background:#a52a2a; color:#ffffff; font-family:monospace;"|#a52a2a
|sienna
| style = "background:#a0522d; color:#ffffff; font-family:monospace;"|#a0522d
|-
|darkred
| style = "background:#8b0000; color:#ffffff; font-family:monospace;"|#8b0000
|burlywood
| style = "background:#deb887; font-family:monospace;"|#deb887
|-
|tan
| style = "background:#d2b48c; font-family:monospace;"|#d2b48c
|rosybrown
| style = "background:#bc8f8f; font-family:monospace;"|#bc8f8f
|-
|black
| style = "background:#000000; color:#ffffff; font-family:monospace;"|#000000
|&nbsp;
|&nbsp;
|}
== สีตามการจัดโซนสี ==
{|border="0" cellpadding="0" cellspacing="2"
!ชื่อภาษาไทย!!HTMLname!!colspan="3"|R G BHex !!width="60%"|ตัวอย่างสี
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีแดง
|-
| ||Indianred      ||CD||5C||5C||style="background:indianred;"|&nbsp;
|-
| ||Lightcoral     ||F0||80||80||style="background:lightcoral;"|&nbsp;
|-
| ||Salmon||FA||80||72||style="background:salmon;"|&nbsp;
|-
| ||Darksalmon     ||E9||96||7A||style="background:darksalmon;"|&nbsp;
|-
| ||Orangered      ||FF||45||00||style="background:orangered;"|&nbsp;
|-
| ||Red            ||FF||00||00||style="background:red;"|&nbsp;
|-
| ||Crimson       ||DC||14||3C||style="background:crimson;"|&nbsp;
|-
| ||Firebrick      ||B2||22||22||style="background:firebrick;"|&nbsp;
|-
| ||Darkred        ||8B||00||00||style="background:darkred;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีชมพู
|-
| ||Pink           ||FF||C0||CB||style="background:pink;"|&nbsp;
|-
| ||Lightpink      ||FF||B6||C1||style="background:lightpink;"|&nbsp;
|-
|&nbsp;       ||Palevioletred  ||DB||70||93||style="background:palevioletred;"|&nbsp;
|-
|&nbsp;       ||Hotpink        ||FF||69||B4||style="background:hotpink;"|&nbsp;
|-
|&nbsp;       ||Deeppink       ||FF||14||93||style="background:deeppink;"|&nbsp;
|-
|&nbsp;  ||Mediumvioletred||C7||15||85||style="background:mediumvioletred;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีเหลือง
|-
|&nbsp;       ||Lightyellow    ||FF||FF||E0||style="background:lightyellow;"|&nbsp;
|-
|&nbsp;       |||Lemonchiffon  ||FF||FA||CD||style="background:lemonchiffon;"|&nbsp;
|-
|&nbsp;  ||Lightgoldenrodyellow||FA||FA||D2||style="background:lightgoldenrodyellow;"|&nbsp;
|-
|&nbsp;       ||Papayawhip     ||FF||EF||D5||style="background:papayawhip;"|&nbsp;
|-
|&nbsp;       ||Moccasin       ||FF||E4||B5||style="background:moccasin;"|&nbsp;
|-
|&nbsp;       ||Peachpuff      ||FF||DA||B9||style="background:peachpuff;"|&nbsp;
|-
|&nbsp;       ||Palegoldenrod  ||EE||E8||AA||style="background:palegoldenrod;"|&nbsp;
|-
|สีกากี       ||Khaki          ||F0||E6||8C||style="background:khaki;"|&nbsp;
|-
|&nbsp;       ||Yellow         ||FF||FF||00||style="background:yellow;"|&nbsp;
|-
|&nbsp;       ||Gold           ||FF||D7||00||style="background:gold;"|&nbsp;
|-
|&nbsp;       ||Darkkhaki      ||BD||B7||6B||style="background:darkkhaki;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีน้ำเงิน
|-
|&nbsp;       ||Lightcyan      ||E0||FF||FF||style="background:lightcyan;"|&nbsp;
|-
|&nbsp;       ||Paleturquoise  ||AF||EE||EE||style="background:paleturquoise;"|&nbsp;
|-
|&nbsp;       ||Aqua           ||00||FF||FF||style="background:aqua;"|&nbsp;
|-
|&nbsp;       ||Aquamarine    ||7F||FF||D4||style="background:aquamarine;"|&nbsp;
|-
|&nbsp;       ||Turquoise      ||40||E0||D0||style="background:turquoise;"|&nbsp;
|-
|&nbsp;      ||Mediumturquoise ||48||D1||CC||style="background:mediumturquoise;"|&nbsp;
|-
|&nbsp;       ||Darkturquoise ||00||CE||D1||style="background:darkturquoise;"|&nbsp;
|-
|&nbsp;       ||Powderblue     ||B0||E0||E6||style="background:powderblue;"|&nbsp;
|-
|&nbsp;       ||Lightsteelblue ||B0||C4||DE||style="background:lightsteelblue;"|&nbsp;
|-
|&nbsp;       ||Lightblue      ||AD||D8||E6||style="background:lightblue;"|&nbsp;
|-
|&nbsp;       ||Skyblue        ||87||CE||EB||style="background:skyblue;"|&nbsp;
|-
|&nbsp;       ||Lightskyblue ||87||CE||FA||style="background:lightskyblue;"|&nbsp;
|-
|&nbsp;       ||Deepskyblue  ||00||BF||FF||style="background:deepskyblue;"|&nbsp;
|-
|&nbsp;       ||Cornflowerblue ||64||95||ED||style="background:cornflowerblue;"|&nbsp;
|-
|&nbsp;       ||Steelblue   ||46||82||B4||style="background:steelblue;"|&nbsp;
|-
|&nbsp;       ||Cadetblue      ||5F||9E||A0||style="background:cadetblue;"|&nbsp;
|-
|&nbsp;       ||Mediumslateblue||7B||68||EE||style="background:mediumslateblue;"|&nbsp;
|-
|&nbsp;       ||Dodgerblue     ||1E||90||FF||style="background:dodgerblue;"|&nbsp;
|-
|&nbsp;       ||Royalblue      ||41||69||E1||style="background:royalblue;"|&nbsp;
|-
|สีน้ำเงิน         ||Blue           ||00||00||FF||style="background:blue;"|&nbsp;
|-
|&nbsp;       ||Mediumblue     ||00||00||CD||style="background:mediumblue;"|&nbsp;
|-
|&nbsp;       ||Darkblue       ||00||00||8B||style="background:darkblue;"|&nbsp;
|-
|&nbsp;       ||Navy           ||00||00||80||style="background:navy;"|&nbsp;
|-
|&nbsp;       ||Midnightblue   ||19||19||70||style="background:midnightblue;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีส้ม
|-
|&nbsp;       ||Lightsalmon    ||FF||A0||7A||style="background:lightsalmon;"|&nbsp;
|-
|&nbsp;       ||Orange         ||FF||A5||00||style="background:orange;"|&nbsp;
|-
|&nbsp;       ||Darkorange     ||FF||8C||00||style="background:darkorange;"|&nbsp;
|-
|&nbsp;       ||Coral||FF||7F||50||style="background:coral;"|&nbsp;
|-
|&nbsp;       ||Tomato         ||FF||63||47||style="background:tomato;"|&nbsp;
|-
|&nbsp;       ||Orangered      ||FF||45||00||style="background:orangered;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีเขียว
|-
|&nbsp;       ||Greenyellow    ||AD||FF||2F||style="background:greenyellow;"|&nbsp;
|-
|&nbsp;       ||Chartreuse     ||7F||FF||00||style="background:chartreuse;"|&nbsp;
|-
|&nbsp;       ||Lawngreen      ||7C||FC||00||style="background:lawngreen;"|&nbsp;
|-
|&nbsp;       ||Lime           ||00||FF||00||style="background:lime;"|&nbsp;
|-
|&nbsp;       ||Palegreen      ||98||FB||98||style="background:palegreen;"|&nbsp;
|-
|&nbsp;       ||Lightgreen     ||90||EE||90||style="background:lightgreen;"|&nbsp;
|-
|&nbsp;       ||Mediumspringgreen||00||FA||9A||style="background:mediumspringgreen;"|&nbsp;
|-
|&nbsp;       ||Springgreen    ||00||FF||7F||style="background:springgreen;"|&nbsp;
|-
|&nbsp;       ||Yellowgreen    ||9A||CD||32||style="background:yellowgreen;"|&nbsp;
|-
|&nbsp;       ||Limegreen      ||32||CD||32||style="background:limegreen;"|&nbsp;
|-
|&nbsp;       ||Mediumseagreen ||3C||B3||71||style="background:mediumseagreen;"|&nbsp;
|-
|&nbsp;       ||Seagreen       ||2E||8B||57||style="background:seagreen;"|&nbsp;
|-
|&nbsp;       ||Forestgreen    ||22||8B||22||style="background:forestgreen;"|&nbsp;
|-
|&nbsp;       ||Green          ||00||80||00||style="background:green;"|&nbsp;
|-
|&nbsp;       ||Olivedrab      ||6B||8E||23||style="background:olivedrab;"|&nbsp;
|-
|&nbsp;       ||Olive          ||80||80||00||style="background:olive;"|&nbsp;
|-
|&nbsp;       ||Darkolivegreen ||55||6B||2F||style="background:darkolivegreen;"|&nbsp;
|-
|&nbsp;       ||Darkgreen      ||00||64||00||style="background:darkgreen;"|&nbsp;
|-
|&nbsp;       ||Aquamarine    ||7F||FF||D4||style="background:aquamarine;"|&nbsp;
|-
|&nbsp;       ||Mediumaquamarine||66||CD||AA||style="background:mediumaquamarine;"|&nbsp;
|-
|&nbsp;       ||Darkseagreen  ||8F||BC||8F||style="background:darkseagreen;"|&nbsp;
|-
|&nbsp;       ||Lightseagreen  ||20||B2||AA||style="background:lightseagreen;"|&nbsp;
|-
|&nbsp;       ||Darkcyan       ||00||8B||8B||style="background:darkcyan;"|&nbsp;
|-
|&nbsp;       ||Teal           ||00||80||80||style="background:teal;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:black; text-align:center;"|สีม่วง
|-
|&nbsp;       ||Lavender       ||E6||E6||FA||style="background:lavender;"|&nbsp;
|-
|&nbsp;       ||Thistle ||D8||BF||D8||style="background:thistle;"|&nbsp;
|-
|&nbsp;       ||Plum           ||DD||A0||DD||style="background:plum;"|&nbsp;
|-
|&nbsp;       ||Violet         ||EE||82||EE||style="background:violet;"|&nbsp;
|-
|&nbsp;       ||Fuchsia        ||FF||00||FF||style="background:fuchsia;"|&nbsp;
|-
|&nbsp;       ||magenta||FF||00||FF||style="background:magenta;"|&nbsp;
|-
|&nbsp;       ||Orchid         ||DA||70||D6||style="background:orchid;"|&nbsp;
|-
|&nbsp;       ||Mediumorchid   ||BA||55||D3||style="background:mediumorchid;"|&nbsp;
|-
|&nbsp;       ||Mediumpurple   ||93||70||DB||style="background:mediumpurple;"|&nbsp;
|-
|&nbsp;       ||Slateblue      ||6A||5A||CD||style="background:slateblue;"|&nbsp;
|-
|&nbsp;       ||Blueviolet     ||8A||2B||E2||style="background:blueviolet;"|&nbsp;
|-
|&nbsp;       ||Darkviolet     ||94||00||D3||style="background:darkviolet;"|&nbsp;
|-
|&nbsp;       ||Darkorchid     ||99||32||CC||style="background:darkorchid;"|&nbsp;
|-
|&nbsp;       ||Darkmagenta    ||8B||00||8B||style="background:darkmagenta;"|&nbsp;
|-
|&nbsp;       ||Purple         ||80||00||80||style="background:purple;"|&nbsp;
|-
|&nbsp;       ||Darkslateblue  ||48||3D||8B||style="background:darkslateblue;"|&nbsp;
|-
|&nbsp;       ||Indigo         ||4B||00||82||style="background:indigo;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีน้ำตาล
|-
|&nbsp;       ||Cornsilk       ||FF||F8||DC||style="background:cornsilk;"|&nbsp;
|-
|&nbsp;       ||Blanchedalmond ||FF||EB||CD||style="background:blanchedalmond;"|&nbsp;
|-
|&nbsp;       ||Bisque         ||FF||E4||C4||style="background:bisque;"|&nbsp;
|-
|&nbsp;       ||Navajowhite    ||FF||DE||AD||style="background:navajowhite;"|&nbsp;
|-
|&nbsp;       ||Wheat          ||F5||DE||B3||style="background:wheat;"|&nbsp;
|-
|&nbsp;       ||Burlywood      ||DE||B8||87||style="background:burlywood;"|&nbsp;
|-
|&nbsp;       ||Tan            ||D2||B4||8C||style="background:tan;"|&nbsp;
|-
|&nbsp;       ||Rosybrown      ||BC||8F||8F||style="background:rosybrown;"|&nbsp;
|-
|&nbsp;       ||Sandybrown     ||F4||A4||60||style="background:sandybrown;"|&nbsp;
|-
|&nbsp;       ||Goldenrod      ||DA||A5||20||style="background:goldenrod;"|&nbsp;
|-
|&nbsp;       ||Darkgoldenrod  ||B8||86||0B||style="background:darkgoldenrod;"|&nbsp;
|-
|&nbsp;       ||Peru           ||CD||85||3F||style="background:peru;"|&nbsp;
|-
|&nbsp;       ||Chocolate     ||D2||69||1E||style="background:chocolate;"|&nbsp;
|-
|&nbsp;       ||Saddlebrown    ||8B||45||13||style="background:saddlebrown;"|&nbsp;
|-
|&nbsp;       ||Sienna         ||A0||52||2D||style="background:sienna;"|&nbsp;
|-
|สีน้ำตาล       ||Brown          ||A5||2A||2A||style="background:brown;"|&nbsp;
|-
|สีเลือดหมู     ||Maroon         ||80||00||00||style="background:maroon;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีขาว
|-
|&nbsp;       ||White          ||FF||FF||FF||style="background:white;"|&nbsp;
|-
|&nbsp;       ||Snow           ||FF||FA||FA||style="background:snow;"|&nbsp;
|-
|&nbsp;       ||Honeydew       ||F0||FF||F0||style="background:honeydew;"|&nbsp;
|-
|&nbsp;       ||Mintcream      ||F5||FF||FA||style="background:mintcream;"|&nbsp;
|-
|&nbsp;       ||Azure          ||F0||FF||FF||style="background:azure;"|&nbsp;
|-
|&nbsp;       ||Aliceblue      ||F0||F8||FF||style="background:aliceblue;"|&nbsp;
|-
|&nbsp;       ||Ghostwhite     ||F8||F8||FF||style="background:ghostwhite;"|&nbsp;
|-
|สีควันบุหรี่       ||Whitesmoke     ||F5||F5||F5||style="background:whitesmoke;"|&nbsp;
|-
|&nbsp;       ||Seashell       ||FF||F5||EE||style="background:seashell;"|&nbsp;
|-
|&nbsp;       ||Beige          ||F5||F5||DC||style="background:beige;"|&nbsp;
|-
|&nbsp;       ||Oldlace        ||FD||F5||E6||style="background:oldlace;"|&nbsp;
|-
|&nbsp;       ||Floralwhite    ||FF||FA||F0||style="background:floralwhite;"|&nbsp;
|-
|&nbsp;       ||Ivory          ||FF||FF||F0||style="background:ivory;"|&nbsp;
|-
|&nbsp;       ||Antiquewhite   ||FA||EB||D7||style="background:antiquewhite;"|&nbsp;
|-
|&nbsp;       ||Linen          ||FA||F0||E6||style="background:linen;"|&nbsp;
|-
|&nbsp;       ||Lavenderblush  ||FF||F0||F5||style="background:lavenderblush;"|&nbsp;
|-
|&nbsp;       ||Mistyrose      ||FF||E4||E1||style="background:mistyrose;"|&nbsp;
|-
| colspan = "6"; style="background:whitesmoke; color:slategray; text-align:center;"|สีเทา
|-
|&nbsp;       ||Gainsboro      ||DC||DC||DC||style="background:gainsboro;"|&nbsp;
|-
|&nbsp;       ||Lightgrey      ||D3||D3||D3||style="background:lightgrey;"|&nbsp;
|-
|สีเงิน     ||Silver         ||C0||C0||C0||style="background:silver;"|&nbsp;
|-
|&nbsp;       ||Darkgray       ||A9||A9||A9||style="background:darkgray;"|&nbsp;
|-
|&nbsp;       ||Gray           ||80||80||80||style="background:gray;"|&nbsp;
|-
|&nbsp;       ||Dimgray        ||69||69||69||style="background:dimgray;"|&nbsp;
|-
|&nbsp;       ||Lightslategray ||77||88||99||style="background:lightslategray;"|&nbsp;
|-
|&nbsp;       ||Slategray      ||70||80||90||style="background:slategray;"|&nbsp;
|-
|&nbsp;       ||Darkslategray  ||2F||4F||4F||style="background:darkslategray;"|&nbsp;
|-
|สีดำ       ||Black          ||00||00||00||style="background:black;"|&nbsp;
|}
== อ้างอิง ==
HTML RGB HEX Color Spectrum Chart 
รายชื่อสี