HTML color Names ที่รองรับหลายเว็ปไซต์

ความรู้เกี่ยวกับ XML RML และ ภาษา Markup อื่นๆ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Before Dong
PHP VIP Members
PHP VIP Members
โพสต์: 1022
ลงทะเบียนเมื่อ: 26/06/2017 10:11 am

HTML color Names ที่รองรับหลายเว็ปไซต์

โพสต์โดย Before Dong » 27/06/2017 11:11 am

วันนี้จะมาแนะนำเป็นชื่อของสีของภาษาHTML พร้อมทั้ง Hex หรือรหัสของสี

โค้ด: เลือกทั้งหมด

<!DOCTYPE html>
<html>
<body>

<h4 style="background-color:AliceBlue ">
AliceBlue #F0F8FF
</h4>

<h4 style="background-color:AntiqueWhite  ">
AntiqueWhite  #FAEBD7
</h4>

<h4 style="background-color:Aqua ">
Aqua    #00FFFF
</h4>

<h4 style="background-color:Aquamarine ">
Aquamarine    #7FFFD4
</h4>

<h4 style="background-color:Azure ">
Azure    #F0FFFF
</h4>

<h4 style="background-color:Beige ">
Beige    #F5F5DC
</h4>

<h4 style="background-color:Bisque ">
Bisque    #FFE4C4
</h4>

<h4 style="background-color:Black;color:white ">
Black    #000000</h4>

<h4 style="background-color:BlanchedAlmond">
BlanchedAlmond    #FFEBCD
</h4>

<h4 style="background-color:Blue ">
Blue    #0000FF
</h4>

<h4 style="background-color:BlueViolet ">
BlueViolet    #8A2BE2
</h4>

<h4 style="background-color:Brown ">
Brown    #A52A2A
</h4>

<h4 style="background-color:BurlyWood ">
BurlyWood    #DEB887
</h4>

<h4 style="background-color:CadetBlue ">
CadetBlue    #5F9EA0
</h4>

<h4 style="background-color:Chartreuse ">
Chartreuse    #7FFF00
</h4>

<h4 style="background-color:Chocolate ">
Chocolate    #D2691E
</h4>

<h4 style="background-color:Coral ">
Coral    #FF7F50
</h4>

<h4 style="background-color:CornflowerBlue ">
CornflowerBlue    #6495ED
</h4>

<h4 style="background-color:Cornsilk ">
Cornsilk    #FFF8DC
</h4>

<h4 style="background-color:Crimson ">
Crimson    #DC143C
</h4>

<h4 style="background-color:Cyan ">
Cyan    #00FFFF
</h4>

<h4 style="background-color:DarkBlue ">
DarkBlue    #00008B
</h4>

<h4 style="background-color:DarkCyan ">
DarkCyan    #008B8B
</h4>

<h4 style="background-color:DarkGoldenRod ">
DarkGoldenRod    #B8860B
</h4>

<h4 style="background-color:DarkGray ">
DarkGray    #A9A9A9
</h4>

<h4 style="background-color:DarkGreen ">
DarkGreen    #006400
</h4>

<h4 style="background-color:DarkKhaki ">
DarkKhaki    #BDB76B
</h4>

<h4 style="background-color:DarkMagenta ">
DarkMagenta    #8B008B
</h4>

<h4 style="background-color:DarkOliveGreen ">
DarkOliveGreen    #556B2F
</h4>

<h4 style="background-color:DarkOrange ">
DarkOrange    #FF8C00
</h4>

<h4 style="background-color:DarkOrchid ">
DarkOrchid    #9932CC
</h4>

<h4 style="background-color:DarkRed ">
DarkRed    #8B0000
</h4>

<h4 style="background-color:DarkSalmon ">
DarkSalmon    #E9967A
</h4>

<h4 style="background-color:DarkSeaGreen ">
DarkSeaGreen    #8FBC8F
</h4>

<h4 style="background-color:DarkSlateBlue ">
DarkSlateBlue    #483D8B
</h4>

<h4 style="background-color:DarkSlateGray ">
DarkSlateGray    #2F4F4F
</h4>

<h4 style="background-color:DarkTurquoise ">
DarkTurquoise    #00CED1
</h4>

<h4 style="background-color:DarkViolet ">
DarkViolet    #9400D3
</h4>

<h4 style="background-color:DeepPink ">
DeepPink    #FF1493
</h4>

<h4 style="background-color:DeepSkyBlue ">
DeepSkyBlue    #00BFFF
</h4>

<h4 style="background-color:DimGray ">
DimGray    #696969
</h4>

<h4 style="background-color:DodgerBlue ">
DodgerBlue    #1E90FF
</h4>

<h4 style="background-color:FireBrick ">
FireBrick    #B22222
</h4>

<h4 style="background-color:FloralWhite ">
FloralWhite    #FFFAF0
</h4>

<h4 style="background-color:ForestGreen ">
ForestGreen    #228B22
</h4>

<h4 style="background-color:Fuchsia ">
Fuchsia    #FF00FF
</h4>

<h4 style="background-color:Gainsboro ">
Gainsboro    #DCDCDC
</h4>

<h4 style="background-color:GhostWhite ">
GhostWhite    #F8F8FF
</h4>

<h4 style="background-color:Gold ">
Gold    #FFD700
</h4>

<h4 style="background-color:GoldenRod ">
GoldenRod    #DAA520
</h4>

<h4 style="background-color:Gray ">
Gray    #808080
</h4>

<h4 style="background-color:Green ">
Green    #008000
</h4>

<h4 style="background-color:GreenYellow ">
GreenYellow    #ADFF2F
</h4>

<h4 style="background-color:HoneyDew ">
HoneyDew    #F0FFF0
</h4>

<h4 style="background-color:HotPink ">
HotPink    #FF69B4
</h4>

<h4 style="background-color:IndianRed ">
IndianRed     #CD5C5C
</h4>

<h4 style="background-color:Indigo ">
Indigo     #4B0082
</h4>

<h4 style="background-color:Ivory ">
Ivory    #FFFFF0
</h4>

<h4 style="background-color:Khaki ">
Khaki    #F0E68C
</h4>

<h4 style="background-color:Lavender ">
Lavender    #E6E6FA
</h4>

<h4 style="background-color:LavenderBlush ">
LavenderBlush    #FFF0F5
</h4>

<h4 style="background-color:LawnGreen ">
LawnGreen    #7CFC00
</h4>

<h4 style="background-color:LemonChiffon ">
LemonChiffon    #FFFACD
</h4>

<h4 style="background-color:LightBlue ">
LightBlue    #ADD8E6
</h4>

<h4 style="background-color:LightCoral ">
LightCoral    #F08080
</h4>

<h4 style="background-color:LightCyan ">
LightCyan    #E0FFFF
</h4>

<h4 style="background-color:LightGoldenRodYellow ">
LightGoldenRodYellow    #FAFAD2
</h4>

<h4 style="background-color:LightGray ">
LightGray    #D3D3D3
</h4>

<h4 style="background-color:LightGreen ">
LightGreen    #90EE90
</h4>

<h4 style="background-color:LightPink ">
LightPink    #FFB6C1
</h4>

<h4 style="background-color:LightSalmon ">
LightSalmon    #FFA07A
</h4>

<h4 style="background-color:LightSeaGreen ">
LightSeaGreen    #20B2AA
</h4>

<h4 style="background-color:LightSkyBlue ">
LightSkyBlue    #87CEFA
</h4>

<h4 style="background-color:LightSlateGray ">
LightSlateGray    #778899
</h4>

<h4 style="background-color:LightSteelBlue ">
LightSteelBlue    #B0C4DE
</h4>

<h4 style="background-color:LightYellow ">
LightYellow    #FFFFE0
</h4>

<h4 style="background-color:Lime ">
Lime    #00FF00
</h4>

<h4 style="background-color:LimeGreen ">
LimeGreen    #32CD32
</h4>

<h4 style="background-color:Linen ">
Linen    #FAF0E6
</h4>

<h4 style="background-color:Magenta ">
Magenta    #FF00FF
</h4>

<h4 style="background-color:Maroon ">
Maroon    #800000
</h4>

<h4 style="background-color:MediumAquaMarine ">
MediumAquaMarine    #66CDAA
</h4>

<h4 style="background-color:MediumBlue ">
MediumBlue    #0000CD
</h4>

<h4 style="background-color:MediumOrchid ">
MediumOrchid    #BA55D3
</h4>

<h4 style="background-color:MediumPurple ">
MediumPurple    #9370DB
</h4>

<h4 style="background-color:MediumSeaGreen ">
MediumSeaGreen    #3CB371
</h4>

<h4 style="background-color:MediumSlateBlue ">
MediumSlateBlue    #7B68EE
</h4>

<h4 style="background-color:MediumSpringGreen ">
MediumSpringGreen    #00FA9A
</h4>

<h4 style="background-color:MediumTurquoise ">
MediumTurquoise    #48D1CC
</h4>

<h4 style="background-color:MediumVioletRed ">
MediumVioletRed    #C71585
</h4>

<h4 style="background-color:MidnightBlue ">
MidnightBlue    #191970
</h4>

<h4 style="background-color:MintCream ">
MintCream    #F5FFFA
</h4>

<h4 style="background-color:MistyRose ">
MistyRose    #FFE4E1
</h4>

<h4 style="background-color:Moccasin ">
Moccasin    #FFE4B5
</h4>

<h4 style="background-color:NavajoWhite ">
NavajoWhite    #FFDEAD
</h4>

<h4 style="background-color:Navy ">
Navy    #000080
</h4>

<h4 style="background-color:OldLace ">
OldLace    #FDF5E6
</h4>

<h4 style="background-color:Olive ">
Olive    #808000
</h4>

<h4 style="background-color:OliveDrab ">
OliveDrab    #6B8E23
</h4>

<h4 style="background-color:Orange ">
Orange    #FFA500
</h4>

<h4 style="background-color:OrangeRed ">
OrangeRed    #FF4500
</h4>

<h4 style="background-color:Orchid ">
Orchid    #DA70D6
</h4>

<h4 style="background-color:PaleGoldenRod ">
PaleGoldenRod    #EEE8AA
</h4>

<h4 style="background-color:PaleGreen ">
PaleGreen    #98FB98
</h4>

<h4 style="background-color:PaleTurquoise ">
PaleTurquoise    #AFEEEE
</h4>

<h4 style="background-color:PaleVioletRed ">
PaleVioletRed    #DB7093
</h4>

<h4 style="background-color:PapayaWhip ">
PapayaWhip    #FFEFD5
</h4>

<h4 style="background-color:PeachPuff ">
PeachPuff    #FFDAB9
</h4>

<h4 style="background-color:Peru ">
Peru    #CD853F
</h4>

<h4 style="background-color:Pink ">
Pink    #FFC0CB
</h4>

<h4 style="background-color:Plum ">
Plum    #DDA0DD
</h4>

<h4 style="background-color:PowderBlue ">
PowderBlue    #B0E0E6
</h4>

<h4 style="background-color:Purple ">
Purple    #800080
</h4>

<h4 style="background-color:RebeccaPurple ">
RebeccaPurple    #663399
</h4>

<h4 style="background-color:Red ">
Red    #FF0000
</h4>

<h4 style="background-color:RosyBrown ">
RosyBrown    #BC8F8F
</h4>

<h4 style="background-color:RoyalBlue ">
RoyalBlue    #4169E1
</h4>

<h4 style="background-color:SaddleBrown ">
SaddleBrown    #8B4513
</h4>

<h4 style="background-color:Salmon ">
Salmon    #FA8072
</h4>

<h4 style="background-color:SandyBrown ">
SandyBrown    #F4A460
</h4>

<h4 style="background-color:SeaGreen ">
SeaGreen    #2E8B57
</h4>

<h4 style="background-color:SeaShell ">
SeaShell    #FFF5EE
</h4>

<h4 style="background-color:Sienna ">
Sienna    #A0522D
</h4>

<h4 style="background-color:Silver ">
Silver    #C0C0C0
</h4>

<h4 style="background-color:SkyBlue ">
SkyBlue    #87CEEB
</h4>

<h4 style="background-color:SlateBlue ">
SlateBlue    #6A5ACD
</h4>

<h4 style="background-color:SlateGray ">
SlateGray    #708090
</h4>

<h4 style="background-color:Snow ">
Snow    #FFFAFA
</h4>

<h4 style="background-color:SpringGreen ">
SpringGreen    #00FF7F
</h4>

<h4 style="background-color:SteelBlue ">
SteelBlue    #4682B4
</h4>

<h4 style="background-color:Tan ">
Tan    #D2B48C
</h4>

<h4 style="background-color:Teal ">
Teal    #008080
</h4>

<h4 style="background-color:Thistle ">
Thistle    #D8BFD8
</h4>

<h4 style="background-color:Tomato ">
Tomato    #FF6347
</h4>

<h4 style="background-color:Turquoise ">
Turquoise    #40E0D0
</h4>

<h4 style="background-color:Violet ">
Violet    #EE82EE
</h4>

<h4 style="background-color:Wheat ">
Wheat    #F5DEB3
</h4>

<h4 style="background-color:White ">
White    #FFFFFF
</h4>

<h4 style="background-color:WhiteSmoke ">
WhiteSmoke    #F5F5F5
</h4>

<h4 style="background-color:Yellow ">
Yellow    #FFFF00
</h4>

<h4 style="background-color:YellowGreen ">
YellowGreen    #9ACD32
</h4>


</body>
</html>


ภาพตัวอย่างแสดงผลลัพธ์ของ code ด้านบน
1.png

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 1 และ บุคคลทั่วไป 0 ท่าน