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

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

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

Before Dong
PHP VIP Members
PHP VIP Members
Posts: 1570
Joined: 26/06/2017 10:11 am

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

Post by Before Dong » 27/06/2017 11:11 am

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

Code: Select all

<!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

  • Similar Topics
    Replies
    Views
    Last post

Return to “XML Knowledge”

Who is online

Users browsing this forum: No registered users and 19 guests