HTML 顏色

顏色由紅色、綠色、藍(lán)色混合而成。

顏色值

顏色由一個(gè)十六進(jìn)位符號(hào)來(lái)定義，這個(gè)符號(hào)由紅色、綠色和藍(lán)色的值組成（ RGB）。

每種顏色的最小值是0（十六進(jìn)位：#00）。最大值是255（十六進(jìn)位：#FF）。

對(duì)於一些最常用的顏色（例如白色、黑色、紅色、蘭色、綠色及黃色等），你也可以使用它們的英文名稱(chēng)

這個(gè)表格給出了由三種顏色混合而成的特定效果：

#? ??#00FF00#? ??#00FF00#? ??#00FF00

#? ? ?顏色Color	#顏色十六進(jìn)位(Color HEX)	#顏色RGB(Color RGB)
	? ??#000000	? ??rgb(0,0,0)
	? ? #FF0000	? ??rgb(255,0,0)
	? ??#00FF00

####? ??#00FF00#############? ??#00FF00#############? ??#00FF00#############?. #? ??rgb(0,255,0)#####################? ??#0000FF######? ??rgb(0,0,255)######## ####? ??#00FFFF? ??rgb(0,255,255)#? ??#FF#卷#

實(shí)例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p style="background-color:#403bff">
    通過(guò)十六進(jìn)制設(shè)置背景顏色
</p>
<p style="background-color:rgb(255,255,0)">
    通過(guò) rbg 值設(shè)置背景顏色
</p>
<p style="background-color:red">
    通過(guò)顏色名設(shè)置背景顏色
</p>
</body>
</html>

程式運(yùn)行結(jié)果：

1600萬(wàn)種不同顏色

三種顏色紅，綠，藍(lán)的組合從0到255，一共有1600萬(wàn)種不同顏色(256 x 256 x 256)。

在下面的色表中你會(huì)看到不同的結(jié)果，從0到255的紅色（部分），同時(shí)設(shè)定綠色和藍(lán)色的值為0,隨著紅色的值變化，不同的數(shù)值都顯示了不同的顏色。

	? ??#FFFF00	? ??rgb(255,255,0)


##?b (255 ,0,255)
#? ??#FFFFFF	? ??rgb(255,255,255)

? ? ? ? ?顏色RGB##? ? #000000?#? ??rgb(0 ,0 ,0)? ??rgb(16,0,0)##? ??rgb(16,0,0)? ??#200000#? ??rgb(32,0,0)

? ? ?紅燈	? ? ?顏色十六進(jìn)位	?顏色十六進(jìn)位

#? ??rgb(0000000?
#? ??#100000

################################################## #? ??#300000 ######? ??rgb(48,0,0)############? ??#500000? ??rgb(80,0,0)##? ??#600001

	? ??#400000	? ??rgb(64,0,0)


#? ??#600000	#? ??rgb(96,0,0)
? ??#700000	? ??rgb(112,0,000	? ??rgb(112,0,0)

#########? ??#800000######? ??rgb(128,0,0)############???#B00000? ??rgb(192,0,00)

	? ??#900000	? ??rgb(144,0,0)
	#???#A00000	???rgb(160,0,0)
	##???#B00000
		##? ??rgb(176,0,0)
	? ??#C00000	? ??rgb(192,00000

###############? ??#D80000######? ??rgb(216,0,0)##############? ??#E80000? ??rgb(232,0,0)##???#F00000???rgb(240,0,0)##???#F80000##???#F80000???#F80000???##? ??rgb(248,0,0)

#################? ??#FF0000######? ??rgb(255,0,0)############################################################################################################################################################################# 從##########

灰暗色調(diào)

以下展示了灰色到黑色的漸層（部分）

? ? ?灰色陰影	? ? ? ?顏色十六進(jìn)位	#? ? ?顏色RGB
? ??	? ? #000000?	??,0)
	? ??#080808?	? ??rgb(8,8,8)?

##################################################################################################################################################################### ### ########? ??#181818?#######? ??rgb(24,24,24)?#######################? ?#######################? ?#################### 202020?### ###? ??rgb(32,32,32)?##############? ??#303030?? ??rgb(64,64,64)?

	? ??#303030?
? ??rgb(48,48,48)?


		##? ??#404040?

############### # ###? ??rgb(72,72,72)?######################? ??#585858?######? ??rgb(88,88,88) ## ##################卷1##? ??#808080?#? ??#A0A0A0?? ??rgb(160,160,160)?

	? ??#787878?	? ??rgb(120,120,120)?


? ??rgb(128,128,128)?

######### ###? ??#B0B0B0?######? ??rgb(176,176,176)?#############? ??rgb(248,248,248)?? ??rgb(255,255,255)?

Web安全色?

數(shù)年以前，當(dāng)大多數(shù)電腦只支援256 種顏色的時(shí)候，一系列216 種Web 安全色作為Web 標(biāo)準(zhǔn)被建議使用。其中的原因是，微軟和 Mac 作業(yè)系統(tǒng)使用了 40 種不同的保留的固定係統(tǒng)顏色（雙方大約各使用 20 種）。

我們不確定如今這麼做的意義有多大，因?yàn)樵絹?lái)越多的電腦有能力處理數(shù)百萬(wàn)種顏色，不過(guò)做選擇還是你自己。

最初，216 跨平臺(tái) web 安全色被用來(lái)確保：當(dāng)電腦使用 256 色調(diào)色板時(shí)，所有的電腦能夠正確地顯示所有的顏色。

HTML?顏色名稱(chēng)和顏色值

顏色由紅(R)、綠(G)、藍(lán)(B)組成。

141個(gè)顏色名稱(chēng)是在HTML和CSS顏色規(guī)範(fàn)定義的（17標(biāo)準(zhǔn)顏色，再加124）。

顏色值由十六進(jìn)位來(lái)表示紅、綠、藍(lán)（RGB）。

每個(gè)顏色的最低值為0(十六進(jìn)位為00)，最高值為255(十六進(jìn)位為FF)。

十六進(jìn)位值的寫(xiě)法為#號(hào)後面接三個(gè)或六個(gè)十六進(jìn)位字元。

三位數(shù)表示法為：#RGB，轉(zhuǎn)換為6位數(shù)表示為：#RRGGBB。

?提示:?17標(biāo)準(zhǔn)顏色：黑色，藍(lán)色，水，紫紅色，灰色，綠色，石灰，栗色，海軍，橄欖，橙，紫，紅，白，銀，藍(lán)綠色，黃色。

下表列出了部分顏色的值，包括十六進(jìn)位值。

	? ??#C8C8C8?	? ??rgb(200,200,200)?
	? ??#D8D8D8?	? ??rgb(216,216,216)?

#? ??#F8F8F8?
? ??#FFFFFF

? ??#000000? ??#000080

? ? ?顏色名稱(chēng)	? ?十六進(jìn)位色彩值	#? ? ?顏色
? ??Black?	? ??#000000


H		#? ??Navy?

############? ??#0arkBlue?##############? ??DarkBlue?##### #####################? ??MediumBlue?######? ??#0000CD#######################0000CD############################################################### ###? ??綠色?? ??#008000#? ??青色?? ??#008080#? ??深青色?##卷

???藍(lán)色?

???#0000FF

#???深綠色?

##???# 006400

#? ??# 00CED1? ??中春綠?? ??#00FA9A#? ??青檸色?#? ??春綠?

? ??深天藍(lán)?	? ??#00BFFF
? ??深綠色松石色
		##? ??#00FA9A
##of		? ??#00FF00
		? ??#00FF7F

##########? ??午夜藍(lán)?

???水色?	???#00FFFF
#???青色?	# 00FFFF
#? ??午夜藍(lán)?
	191970
##? ??道奇藍(lán)?	? ??#1E90FF

###? ??######### ############? ??MediumSeaGreenGreen#? ??MediumSeaGreen##?

? ??森林綠?	? ??#228B22
#? ??海綠?		##? ??##? ??# 2E8B57
	????深石灰色?	???#2F4F4F
	#? ?? 石灰綠?	? ??#32CD32

###? ??# 3CB371######### ##############?##??##?

? ??綠松石色?	#? ??#40E0D0
#? ??皇家?		#? ??皇家?


		#. ? ??# 4169E1

#########? ??鋼藍(lán)色?######? ??#4682B4############# ###### ##? ??深石藍(lán)?######? ??#483D8B########################? ??中綠松石色###? ??#48D1CC######### ###############?#?#? ??# 556B2F##????CadetBlue?#? ??矢車(chē)菊藍(lán)?

? ??靛藍(lán)??	#? ??#4B0082
##? ??深橄欖綠色加		#? ??深橄欖綠色

		???#5F9EA0
		卷66CDAA

###########? ??OliveDrab?? ??#6B8E23#? ??SlateGray???#708090#? ??LightSlateGray?

???暗灰色?	???#696969
#???SlateBlue?	???# 6A5ACD


	##? ??LightSlateGray?	#1

###???LawnGreen?

MediumSlateBlue?	???#7B68EE
##???LawnGreen?		#???LawnGreen?
		#???LawnGreen?

	##C # 7CFC00

#? ??黃綠?

#####? ??黃綠?######? ??#7FFF00################### #### ##??海藍(lán)寶石?######???#7FFFD4######################???栗色?######???####???栗色?######???#100000#### ###### ##################### 繼續(xù)學(xué)習(xí)

新建檔案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> 通過(guò)十六進(jìn)制設(shè)置背景顏色 通過(guò) rbg 值設(shè)置背景顏色 通過(guò)顏色名設(shè)置背景顏色 </body> </html>

提交重置程式碼

自動(dòng)運(yùn)行

教程列表

獲取幫助