HTML 顏色
顏色由紅色、綠色、藍色混合而成。
顏色值
顏色由一個十六進制符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB)。
每種顏色的最小值是0(十六進制:#00)。最大值是255(十六進制:#FF)。
對于一些最常用的顏色(比如白色、黑色、紅色、蘭色、綠色及黃色等),你還可以使用它們的英語名稱
這個表格給出了由三種顏色混合而成的具體效果:
? ? ?顏色Color | 顏色十六進制(Color HEX) | 顏色RGB(Color RGB) |
? ??#000000 | ? ??rgb(0,0,0) | |
? ? #FF0000 | ? ??rgb(255,0,0) | |
? ??#00FF00 | ? ??rgb(0,255,0) | |
? ??#0000FF | ? ??rgb(0,0,255) |
? ??#FFFF00 | ? ??rgb(255,255,0) | |
? ??#00FFFF | ? ??rgb(0,255, 255) | |
???#FF00FF | ???rgb(255,0,255) | |
? ??#C0C0C0 | ? ??rgb(192,192,192) | |
? ??#FFFFFF | ? ??rgb(255,255) ,255) |
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p style="background-color:#403bff"> 通過十六進制設(shè)置背景顏色 </p> <p style="background-color:rgb(255,255,0)"> 通過 rbg 值設(shè)置背景顏色 </p> <p style="background-color:red"> 通過顏色名設(shè)置背景顏色 </p> </body> </html>
程序運行結(jié)果:
1600萬種不同顏色
三種顏色 紅,綠,藍的組合從0到255,一共有1600萬種不同顏色(256 x 256 x 256)。
在下面的顏色表中你會看到不同的結(jié)果,從0到255的紅色(部分),同時設(shè)置綠色和藍色的值為0,隨著紅色的值變化,不同的值都顯示了不同的顏色。
? ? 紅光 | ? ? ?顏色 HEX | ? ? 顏色 RGB |
? ? #000000? | ? ??rgb(0,0,0) | |
? ??#100000 | ? ??rgb(16,0,0) | |
? ??#200000 | ? ??rgb(32,0,0) | |
| ? ??#300000 | ? ??rgb(48,0, 0) |
? ??#400000 | ? ??rgb(64,0,0) | |
? ??#500000 | ? ??rgb(80,0, 0) | |
??#600000 | ???rgb (96,0,0) | |
???#700000 | ???rgb(112,0,0) | |
???#800000 | ??r GB(128,0,0) |
? ??#900000 | ? ??rgb(144,0,0) | |
? ??#A00000 | ? ??rgb(160, 0,0) | |
???#B00000 | ???rgb (176,0,0) | |
? ??#C00000 | ? ??rgb(192,0,0) | |
? ??#D80000 | ? ??RGB(216,0,0) |
? ??#E80000 | ? ??rgb(232,0,0) | |
? ??#F00000 | ? ??rgb(240, 0,0) | |
???#F80000 | ???rgb (248,0,0) | |
???#FF0000 | ???rgb(255,0,0) |
灰暗色調(diào)
以下展示了灰色到黑色的漸變(部分)
? ? ?灰色陰影 | ? ? ?顏色十六進制 | ? ? ?顏色RGB |
??? | ? ? #000000? | ? ??rgb(0,0,0)? |
? ??#080808? | ? ??rgb(8,8,8)? | |
??#181818? | ? ??rgb(24,24,24)? | |
| ? ??#202020? | ? ??rgb(32,32,32 )? |
? ??#303030? | ? ??rgb(48,48,48)? | |
? ??#404040? | ? ??rgb( 64,64,64)? | |
???#484848? | ???rgb (72,72,72)? | |
? ??#585858? | ? ??rgb(88,88,88)? | |
? ??#686868? | ? ??rgb(104,104,104)? |
? ??#787878? | ? ??rgb(120,120,120)? | |
???#808080? | ??r GB(128,128,128)? | |
???#909090? | ???RGB(144,144,144)? | |
? ??#A0A0A0? | ? ??rgb(160,160,160)? | |
? ??#B0B0B0? | ? ??rgb(176,176,176)? |
? ??#C8C8C8? | ? ??rgb(200,200,200)? | |
? ??#D8D8D8? | ? r GB(216,216,216)? | |
???#F0F0F0? | ???RGB(240,240,240)? | |
? ??#F8F8F8? | ? ??rgb(248,248,248)? | |
? ??#FFFFFF | ? ??rgb(255,255,255)? |
Web安全色?
數(shù)年以前,當大多數(shù)計算機僅支持 256 種顏色的時候,一系列 216 種 Web 安全色作為 Web 標準被建議使用。其中的原因是,微軟和 Mac 操作系統(tǒng)使用了 40 種不同的保留的固定系統(tǒng)顏色(雙方大約各使用 20 種)。
我們不確定如今這么做的意義有多大,因為越來越多的計算機有能力處理數(shù)百萬種顏色,不過做選擇還是你自己。
最初,216 跨平臺 web 安全色被用來確保:當計算機使用 256 色調(diào)色板時,所有的計算機能夠正確地顯示所有的顏色。
HTML?顏色名和顏色值
顏色由紅(R)、綠(G)、藍(B)組成。
141個顏色名稱是在HTML和CSS顏色規(guī)范定義的(17標準顏色,再加124)。
顏色值由十六進制來表示紅、綠、藍(RGB)。
每個顏色的最低值為0(十六進制為00),最高值為255(十六進制為FF)。
十六進制值的寫法為#號后跟三個或六個十六進制字符。
三位數(shù)表示法為:#RGB,轉(zhuǎn)換為6位數(shù)表示為:#RRGGBB。
?提示:?17標準顏色:黑色,藍色,水,紫紅色,灰色,綠色,石灰,栗色,海軍,橄欖,橙,紫,紅,白,銀,藍綠色,黃色。
下表列出了部分顏色的值,包括十六進制值。
? ? ?顏色名 | ? ?十六進制顏色值 | ? ? ?顏色 |
? ??Black? | ? ??#000000 | |
? ??Navy? | ? ??#000080 | |
? ??DarkBlue? | ? ??#00008B | |
? ??MediumBlue? | ? ??#0000CD |
? ??藍色? | ? ??#0000FF | |
? ??深綠色? | ? ??#006400 | |
? ??綠色? | ? ??#008000 | |
? ??青色? | ? ??#008080 | |
? ??深青色? | ? ??#008B8B |
? ??深天藍? | ? ??#00BFFF | |
??深綠松石色? | ? ??#00CED1 | |
? ??中春綠色? | ? ??#00FA9A | |
? 青檸色? | ? ??#00FF00 | |
? ??春綠 | ? ??#00FF7F |
? ??水色? | ? ??#00FFFF | |
? ??青色? | ? ??#00FFFF | |
???午夜藍? | ? ??#191970 | |
? ??道奇藍? | ? ??#1E90FF | |
???淺海綠 | ???#20B2AA |
? ??森林綠? | ? ??#228B22 | |
? ??海綠? | ? ??#2E8B57 | |
? ??深石灰色? | ? ??#2F4F4F | |
? 石灰綠? | ? ??#32CD32 | |
? ??中海綠 | ? ??#3CB371 |
???綠松石色? | ???#40E0D0 | |
??皇家藍? | ???#4169E1 | |
? ??鋼藍色? | ? ??#4682B4 | |
? ??深石板藍? | ? ??#483D8B | |
? ??中綠松石色? | ? ??#48D1CC |
???靛藍?? | ???#4B0082 | |
??深橄欖綠? | ???#556B2F | |
? ??學(xué)員藍? | ? ??#5F9EA0 | |
? ??矢車菊藍? | ? ??#6495ED | |
? ??中號AquaMarine | ? ??#66CDAA |
? ??暗灰色? | ? ??#696969 | |
? 石板藍? | ? ??#6A5ACD | |
? ??OliveDrab? | ? ??#6B8E23 | |
? ??板巖灰 | ? ??#708090 | |
? ??LightSlateGray? | ? ??#778899 |
MediumSlateBlue? | ???#7B68EE | |
???LawnGreen? | ???#7CFC00 | |
? ??黃綠色? | ? ??#7FFF00 | |
? 海藍寶石? | ? ??#7FFFD4 | |
? ??栗色? | ? ??#800000 |