HTML - ชื่อสี
ตารางต่อไปนี้แสดงชื่อสี 16 สีที่แนะนำใน HTML 3.2 -
| ชื่อสี | ค่า Hex | สี | แสดง |
|---|---|---|---|
| น้ำ | # 00ffff | การสาธิต | |
| สีดำ | # 000000 | การสาธิต | |
| สีน้ำเงิน | # 0000ff | การสาธิต | |
| บานเย็น | # ff00ff | การสาธิต | |
| เขียว | # 008000 | การสาธิต | |
| สีเทา | # 808080 | การสาธิต | |
| มะนาว | # 00ff00 | การสาธิต | |
| สีน้ำตาลแดง | # 800000 | การสาธิต | |
| กองทัพเรือ | # 000080 | การสาธิต | |
| มะกอก | # 808000 | การสาธิต | |
| สีม่วง | # 800080 | การสาธิต | |
| สีแดง | # ff0000 | การสาธิต | |
| เงิน | # c0c0c0 | การสาธิต | |
| นกเป็ดน้ำ | # 008080 | การสาธิต | |
| สีขาว | #ffffff | การสาธิต | |
| สีเหลือง | # ffff00 | การสาธิต |
มีสีอื่น ๆ ที่ไม่ได้เป็นส่วนหนึ่งของ HTML หรือ XHTML แต่ได้รับการสนับสนุนโดยเบราว์เซอร์หลักส่วนใหญ่
| ชื่อสี | ค่า Hex | สี | แสดง |
|---|---|---|---|
| aliceblue | # f0f8ff | การสาธิต | |
| โบราณวัตถุ | # faebd7 | การสาธิต | |
| อะความารีน | # 7fffd4 | การสาธิต | |
| สีฟ้า | # f0ffff | การสาธิต | |
| สีเบจ | # f5f5dc | การสาธิต | |
| บิสก์ | # ffe4c4 | การสาธิต | |
| อัลมอนด์ลวก | #ffebcd | การสาธิต | |
| บลูไวโอเลต | # 8a2be2 | การสาธิต | |
| สีน้ำตาล | # a52a2a | การสาธิต | |
| เบอร์ลีวูด | # deb887 | การสาธิต | |
| นักเรียนนายร้อยสีฟ้า | # 5f9ea0 | การสาธิต | |
| แผนภูมิ | # 7fff00 | การสาธิต | |
| ช็อคโกแลต | # d2691e | การสาธิต | |
| ปะการัง | # ff7f50 | การสาธิต | |
| ดอกไม้ชนิดหนึ่ง | # 6495ed | การสาธิต | |
| cornsilk | # fff8dc | การสาธิต | |
| สีแดงเข้ม | # dc143c | การสาธิต | |
| สีฟ้า | # 00ffff | การสาธิต | |
| น้ำเงิน | # 00008b | การสาธิต | |
| มืด | # 008b8b | การสาธิต | |
| มืด | # b8860b | การสาธิต | |
| ดาร์กเกรย์ | # a9a9a9 | การสาธิต | |
| เขียวเข้ม | # 006400 | การสาธิต | |
| ดาร์คคากี้ | # bdb76b | การสาธิต | |
| darkmagenta | # 8b008b | การสาธิต | |
| สีเขียวเข้ม | # 556b2f | การสาธิต | |
| darkorange | # ff8c00 | การสาธิต | |
| ดาร์ก | # 9932cc | การสาธิต | |
| ดำแดง | # 8b0000 | การสาธิต | |
| Darksalmon | # e9967a | การสาธิต | |
| darkseagreen | # 8fbc8f | การสาธิต | |
| darkslateblue | # 483d8b | การสาธิต | |
| ความมืด | # 2f4f4f | การสาธิต | |
| มืด | # 00ced1 | การสาธิต | |
| ดาร์กไวโอเล็ต | # 9400d3 | การสาธิต | |
| deeppink | # ff1493 | การสาธิต | |
| deepskyblue | # 00bfff | การสาธิต | |
| Dimgray | # 696969 | การสาธิต | |
| dodgerblue | # 1e90ff | การสาธิต | |
| ไฟไหม้ | # b22222 | การสาธิต | |
| ดอกไม้สีขาว | # fffaf0 | การสาธิต | |
| ป่าไม้ | # 228b22 | การสาธิต | |
| Gainsboro | #dcdcdc | การสาธิต | |
| โกสต์ไวท์ | # f8f8ff | การสาธิต | |
| ทอง | # ffd700 | การสาธิต | |
| โกลเด้นรอด | # daa520 | การสาธิต | |
| สีเทา | # 808080 | การสาธิต | |
| เขียวเหลือง | # adff2f | การสาธิต | |
| น้ำหวาน | # f0fff0 | การสาธิต | |
| hotpink | # ff69b4 | การสาธิต | |
| อินเดียแดง | # cd5c5c | การสาธิต | |
| คราม | # 4b0082 | การสาธิต | |
| งาช้าง | # fffff0 | การสาธิต | |
| กากี | # f0e68c | การสาธิต | |
| ลาเวนเดอร์ | # e6e6fa | การสาธิต | |
| ลาเวนเดอร์ | # fff0f5 | การสาธิต | |
| สนามหญ้า | # 7cfc00 | การสาธิต | |
| มะนาวชิฟฟ่อน | #fffacd | การสาธิต | |
| ฟ้าอ่อน | # add8e6 | การสาธิต | |
| แสง | # f08080 | การสาธิต | |
| แสง | # e0ffff | การสาธิต | |
| แสงสีทอง | # fafad2 | การสาธิต | |
| สีเขียวอ่อน | # 90ee90 | การสาธิต | |
| แสงสีเทา | # d3d3d3 | การสาธิต | |
| ชมพูอ่อน | # ffb6c1 | การสาธิต | |
| ปลาแซลมอน | # ffa07a | การสาธิต | |
| แสงสีเขียว | # 20b2aa | การสาธิต | |
| ไฟสกายบลู | # 87cefa | การสาธิต | |
| ไฟประเภท | # 778899 | การสาธิต | |
| lightsteelblue | # b0c4de | การสาธิต | |
| แสงสีเหลือง | # ffffe0 | การสาธิต | |
| มะนาวเขียว | # 32cd32 | การสาธิต | |
| ผ้าลินิน | # faf0e6 | การสาธิต | |
| ม่วงแดง | # ff00ff | การสาธิต | |
| mediumblue | # 0000cd | การสาธิต | |
| ปานกลาง | # ba55d3 | การสาธิต | |
| ปานกลาง | # 9370db | การสาธิต | |
| เที่ยงคืน | # 191970 | การสาธิต | |
| Mistyrose | # ffe4e1 | การสาธิต | |
| แตะ | # ffe4b5 | การสาธิต | |
| oldlace | # fdf5e6 | การสาธิต | |
| ส้ม | # ffa500 | การสาธิต | |
| กล้วยไม้ | # da70d6 | การสาธิต | |
| พีชพัฟ | # ffdab9 | การสาธิต | |
| เปรู | # cd853f | การสาธิต | |
| สีชมพู | # ffc0cb | การสาธิต | |
| พลัม | # dda0dd | การสาธิต | |
| สีม่วง | # 800080 | การสาธิต | |
| กุหลาบสีน้ำตาล | # bc8f8f | การสาธิต | |
| รอยัลบลู | # 4169e1 | การสาธิต | |
| แซลมอน | # fa8072 | การสาธิต | |
| น้ำตาลทราย | # f4a460 | การสาธิต | |
| ทะเลเขียว | # 2e8b57 | การสาธิต | |
| เซียนน่า | # a0522d | การสาธิต | |
| ท้องฟ้าสีคราม | # 87ceeb | การสาธิต | |
| กระดานชนวน | # 6a5acd | การสาธิต | |
| เหล็กสีน้ำเงิน | # 4682b4 | การสาธิต | |
| ผิวสีแทน | # d2b48c | การสาธิต | |
| หนาม | # d8bfd8 | การสาธิต | |
| มะเขือเทศ | # ff6347 | การสาธิต | |
| ม่วง | # ee82ee | การสาธิต | |
| ข้าวสาลี | # f5deb3 | การสาธิต | |
| ขาว | # f5f5f5 | การสาธิต | |
| สีเหลือง | # ffff00 | การสาธิต | |
| เหลืองเขียว | # 9acd32 | การสาธิต |
เอนทิตี HTML
อักขระบางตัวถูกสงวนไว้ใน HTML และมีความหมายพิเศษเมื่อใช้ในเอกสาร HTML ตัวอย่างเช่นคุณไม่สามารถใช้เครื่องหมายมากกว่าและน้อยกว่าหรือวงเล็บมุมภายในข้อความ HTML ของคุณได้เนื่องจากเบราว์เซอร์จะปฏิบัติต่อสิ่งเหล่านี้แตกต่างกันและจะพยายามดึงความหมายที่เกี่ยวข้องกับแท็ก HTML
ตัวประมวลผล HTML ต้องรองรับอักขระพิเศษห้าตัวต่อไปนี้ที่แสดงในตารางที่ตามมา
| สัญลักษณ์ | คำอธิบาย | ชื่อเอนทิตี | รหัสตัวเลข |
|---|---|---|---|
| " | เครื่องหมายคำพูด | & quot; | & # 34; |
| ' | เครื่องหมายวรรคตอน | & apos; | & # 39; |
| & | เครื่องหมายและ | & amp; | & # 38; |
| < | น้อยกว่า | & lt; | & # 60; |
| > | มากกว่า | & gt; | & # 62; |
ตัวอย่าง
หากคุณต้องการเขียน <div id = "character"> เป็นรหัสคุณจะต้องเขียนดังนี้ -
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -
นอกจากนี้ยังมีรายการอักขระพิเศษแบบยาวใน HTML 4.0 เพื่อให้สิ่งเหล่านี้ปรากฏในเอกสารของคุณคุณสามารถใช้รหัสตัวเลขหรือชื่อเอนทิตีก็ได้ ตัวอย่างเช่นในการแทรกสัญลักษณ์ลิขสิทธิ์คุณสามารถใช้สิ่งใดสิ่งหนึ่งต่อไปนี้ -
© 2007
or
© 2007ISO 8859-1 สัญลักษณ์เอนทิตี
| ผลลัพธ์ | คำอธิบาย | ชื่อเอนทิตี | รหัสตัวเลข |
|---|---|---|---|
| พื้นที่ไม่ทำลาย | & nbsp; | & # 160; | |
| ¡ | เครื่องหมายอัศเจรีย์กลับด้าน | & iexcl; | & # 161; |
| ¤ | สกุลเงิน | & curren; | & # 164; |
| ¢ | เซ็นต์ | & ร้อย; | & # 162; |
| £ | ปอนด์ | &ปอนด์; | & # 163; |
| ¥ | เยน | &เยน; | & # 165; |
| ¦ | แถบแนวตั้งหัก | & brvbar; | & # 166; |
| § | มาตรา | &นิกาย; | & # 167; |
| ¨ | diaeresis ระยะห่าง | & uml; | & # 168; |
| © | ลิขสิทธิ์ | &สำเนา; | & # 169; |
| ª | ตัวบ่งชี้ลำดับผู้หญิง | & ordf; | & # 170; |
| « | เครื่องหมายคำพูดมุม (ซ้าย) | & laquo; | & # 171; |
| ¬ | การปฏิเสธ | &ไม่; | & # 172; |
| | ยัติภังค์อ่อน | &อาย; | & # 173; |
| ® | เครื่องหมายการค้าจดทะเบียน | & reg; | & # 174; |
| ™ | เครื่องหมายการค้า | & ค้า; | & # 8482; |
| ¯ | macron ระยะห่าง | & macr; | & # 175; |
| ° | ระดับ | & deg; | & # 176; |
| ± | บวกหรือลบ | & plusmn; | & # 177; |
| ² | ตัวยก 2 | & sup2; | & # 178; |
| ³ | ตัวยก 3 | & sup3; | & # 179; |
| ´ | ระยะห่างเฉียบพลัน | & เฉียบพลัน; | & # 180; |
| µ | ไมโคร | & ไมโคร; | & # 181; |
| ¶ | ย่อหน้า | & พารา; | & # 182; |
| · | จุดกลาง | & middot; | & # 183; |
| ¸ | ระยะห่างของ cedilla | & cedil; | & # 184; |
| ¹ | ตัวยก 1 | & sup1; | & # 185; |
| º | ตัวบ่งชี้ลำดับความเป็นชาย | & ordm; | & # 186; |
| » | เครื่องหมายคำพูดมุม (ขวา) | & raquo; | & # 187; |
| ¼ | เศษ 1/4 | & frac14; | & # 188; |
| ½ | เศษ 1/2 | & frac12; | & # 189; |
| ¾ | เศษ 3/4 | & frac34; | & # 190; |
| ¿ | เครื่องหมายคำถามกลับหัว | & iquest; | & # 191; |
| × | การคูณ | & ครั้ง; | & # 215; |
| ÷ | แผนก | &การแบ่ง; | & # 247; |
ISO 8859-1 อักขระเอนทิตี
| ผลลัพธ์ | คำอธิบาย | ชื่อเอนทิตี | รหัสตัวเลข |
|---|---|---|---|
| À | เมืองหลวงสำเนียงที่รุนแรง | & Agrave; | & # 192; |
| Á | เมืองหลวงสำเนียงเฉียบพลัน | & Aacute; | & # 193; |
| ว | ทุน a สำเนียงเซอร์คัมเฟลกซ์ | & Acirc; | & # 194; |
| Ã | ทุน a, ทิลเดอ | & Atilde; | & # 195; |
| Ä | ตัวพิมพ์ใหญ่เครื่องหมาย umlaut | & อั้ม; | & # 196; |
| Å | ทุน a แหวน | &แหวน; | & # 197; |
| Æ | ทุน ae | & AElig; | & # 198; |
| ค | ทุน c, cedilla | & Ccedil; | & # 199; |
| È | e ทุนสำเนียงร้ายแรง | & Egrave; | & # 200; |
| É | e ทุนสำเนียงเฉียบพลัน | & Eacute; | & # 201; |
| Ê | e ทุนสำเนียงเซอร์คัมเฟลกซ์ | & Ecirc; | & # 202; |
| Ë | e ทุนเครื่องหมาย umlaut | & Euml; | & # 203; |
| ผม | เมืองหลวงฉันสำเนียงที่รุนแรง | & อิเกรฟ; | & # 204; |
| ผม | เมืองหลวงฉันสำเนียงเฉียบพลัน | & iacute; | & # 205; |
| ผม | เมืองหลวงฉันสำเนียงเซอร์คัมเฟลกซ์ | & Icirc; | & # 206; |
| ผม | เมืองหลวงฉันเครื่องหมาย umlaut | & Iuml; | & # 207; |
| Ð | เมืองหลวงเอ ธ ไอซ์แลนด์ | & ETH; | & # 208; |
| Ñ | n ทุน, ทิลเดอ | & Ntilde; | & # 209; |
| Ò | ทุน o สำเนียงร้ายแรง | & Ograve; | & # 210; |
| Ó | ทุน o สำเนียงเฉียบพลัน | & Oacute; | & # 211; |
| Ô | ทุน o สำเนียงเซอร์คัมเฟลกซ์ | & Ocirc; | & # 212; |
| Õ | o ทุนทิลเดอ | & Otilde; | & # 213; |
| Ö | ทุน o เครื่องหมาย umlaut | & Ouml; | & # 214; |
| Ø | o ทุนเฉือน | & Oslash; | & # 216; |
| ยู | ทุน u สำเนียงที่รุนแรง | & Ugrave; | & # 217; |
| ยู | ทุน u สำเนียงเฉียบพลัน | & uacute; | & # 218; |
| ยู | ทุน u สำเนียงเซอร์คัมเฟลกซ์ | & Ucirc; | & # 219; |
| ยู | ทุน u เครื่องหมาย umlaut | & Uuml; | & # 220; |
| Ý | เมืองหลวง y สำเนียงเฉียบพลัน | & Yacute; | & # 221; |
| Þ | เมืองหลวง THORN ไอซ์แลนด์ | &หนาม; | & # 222; |
| ß | เล็กคมเยอรมัน | & szlig; | & # 223; |
| à | a เล็กสำเนียงร้ายแรง | & agrave; | & # 224; |
| á | a เล็กสำเนียงเฉียบพลัน | & aacute; | & # 225; |
| â | a เล็กสำเนียงเซอร์คัมเฟลกซ์ | & acirc; | & # 226; |
| ã | ตัวเล็ก a ตัวหนอน | & atilde; | & # 227; |
| ä | เครื่องหมาย a ขนาดเล็ก umlaut | & auml; | & # 228; |
| å | แหวนขนาดเล็ก | &แหวน; | & # 229; |
| æ | ae ขนาดเล็ก | & aelig; | & # 230; |
| ค | c ขนาดเล็ก cedilla | & ccedil; | & # 231; |
| è | อีเล็กสำเนียงร้ายแรง | & egrave; | & # 232; |
| é | e เล็กสำเนียงเฉียบพลัน | & eacute; | & # 233; |
| ê | อีเล็กสำเนียงเซอร์คัมเฟลกซ์ | & ecirc; | & # 234; |
| ë | e ขนาดเล็กเครื่องหมาย umlaut | & euml; | & # 235; |
| ผม | ฉันตัวเล็กสำเนียงที่รุนแรง | & igrave; | & # 236; |
| ผม | ฉันตัวเล็กสำเนียงเฉียบพลัน | & iacute; | & # 237; |
| ผม | ฉันตัวเล็กสำเนียงเซอร์คัมเฟลกซ์ | & icirc; | & # 238; |
| ผม | ฉันตัวเล็กเครื่องหมาย umlaut | & iuml; | & # 239; |
| ð | eth ขนาดเล็กไอซ์แลนด์ | & eth; | & # 240; |
| ñ | n เล็กทิลเดอ | & ntilde; | & # 241; |
| ò | o เล็กสำเนียงที่ร้ายแรง | & ograve; | & # 242; |
| ó | o เล็กสำเนียงเฉียบพลัน | & oacute; | & # 243; |
| ô | o เล็กสำเนียงเซอร์คัมเฟลกซ์ | & ocirc; | & # 244; |
| õ | ตัวเล็กตัวหนอน | & otilde; | & # 245; |
| ö | o ขนาดเล็กเครื่องหมาย umlaut | & ouml; | & # 246; |
| ø | o เล็กเฉือน | & oslash; | & # 248; |
| ยู | คุณเล็กสำเนียงร้ายแรง | & ugrave; | & # 249; |
| ยู | คุณเล็กสำเนียงเฉียบพลัน | & uacute; | & # 250; |
| ยู | คุณเล็กสำเนียงเซอร์คัมเฟลกซ์ | & ucirc; | & # 251; |
| ยู | คุณเล็กเครื่องหมาย umlaut | & uuml; | & # 252; |
| ý | y ตัวเล็กสำเนียงเฉียบพลัน | & yacute; | & # 253; |
| þ | หนามเล็ก ๆ ไอซ์แลนด์ | &หนาม; | & # 254; |
| ÿ | y ตัวเล็กเครื่องหมาย umlaut | & ยำ; | & # 255; |
เอนทิตีอื่น ๆ ที่รองรับโดยเบราว์เซอร์ HTML
| ผลลัพธ์ | คำอธิบาย | ชื่อเอนทิตี | รหัสตัวเลข |
|---|---|---|---|
| Œ | การรวมทุน OE | & OElig; | & # 338; |
| œ | oe มัดเล็ก | & oelig; | & # 339; |
| Š | ทุน S กับ caron | & สการอน; | & # 352; |
| š | S ขนาดเล็กกับ caron | & Scaron; | & # 353; |
| Ÿ | ทุน Y พร้อมไดเออร์ | & Yuml; | & # 376; |
| ˆ | ตัวปรับแต่งสำเนียงเซอร์คัมเฟลกซ์ | & หมุนเวียน; | & # 710; |
| ˜ | ทิลเดอขนาดเล็ก | & tilde; | & # 732; |
| en space | & ensp; | & # 8194; | |
| em space | & emsp; | & # 8195; | |
| พื้นที่บาง ๆ | & thinsp; | & # 8201; | |
| | ตัวเชื่อมที่ไม่ใช่ความกว้างเป็นศูนย์ | & zwnj; | & # 8204; |
| | ช่างไม้ความกว้างศูนย์ | & zwj; | & # 8205; |
| | จากซ้ายไปขวา | & lrm; | & # 8206; |
| | ขวาไปซ้าย | & rlm; | & # 8207; |
| - | th dash | & ndash; | & # 8211; |
| - | em dash | & mdash; | & # 8212; |
| ' | ซ้ายเครื่องหมายคำพูดเดียว | & lsquo; | & # 8216; |
| ' | เครื่องหมายคำพูดเดียวที่ถูกต้อง | & rsquo; | & # 8217; |
| ‚ | เครื่องหมายคำพูดต่ำ 9 เดียว | & sbquo; | & # 8218; |
| “ | เครื่องหมายคำพูดคู่ซ้าย | & ldquo; | & # 8220; |
| ” | เครื่องหมายคำพูดคู่ขวา | & rdquo; | & # 8221; |
| “ | เครื่องหมายคำพูดต่ำ 9 คู่ | & bdquo; | & # 8222; |
| † | กริช | &กริช; | & # 8224; |
| ‡ | กริชคู่ | &กริช; | & # 8225; |
| … | จุดไข่ปลาแนวนอน | & hellip; | & # 8230; |
| ‰ | ต่อล้าน | & อนุญาต; | & # 8240; |
| ‹ | ใบเสนอราคามุมชี้ซ้ายเดียว | & lsaquo; | & # 8249; |
| › | ใบเสนอราคามุมขวาชี้เดียว | & rsaquo; | & # 8250; |
| โ€ | ยูโร | &ยูโร; | & # 8364; |