HTML 顏色

顏色由紅色、綠色、藍色混合而成。

顏色值

顏色由一個十六進位符號來定義，這個符號由紅色、綠色和藍色的值組成（ RGB）。

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

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

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

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

#? ? ?顏色Color	#顏色十六進位(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#卷#

實例

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

程式運行結果：

1600萬種不同顏色

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

在下面的色表中你會看到不同的結果，從0到255的紅色（部分），同時設定綠色和藍色的值為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)

? ? ?紅燈	? ? ?顏色十六進位	?顏色十六進位

#? ??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)############################################################################################################################################################################# 從##########

灰暗色調

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

? ? ?灰色陰影	? ? ? ?顏色十六進位	#? ? ?顏色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ù)年以前，當大多數(shù)電腦只支援256 種顏色的時候，一系列216 種Web 安全色作為Web 標準被建議使用。其中的原因是，微軟和 Mac 作業(yè)系統(tǒng)使用了 40 種不同的保留的固定係統(tǒng)顏色（雙方大約各使用 20 種）。

我們不確定如今這麼做的意義有多大，因為越來越多的電腦有能力處理數(shù)百萬種顏色，不過做選擇還是你自己。

最初，216 跨平臺 web 安全色被用來確保：當電腦使用 256 色調色板時，所有的電腦能夠正確地顯示所有的顏色。

HTML?顏色名稱和顏色值

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

141個顏色名稱是在HTML和CSS顏色規(guī)範定義的（17標準顏色，再加124）。

顏色值由十六進位來表示紅、綠、藍（RGB）。

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

十六進位值的寫法為#號後面接三個或六個十六進位字元。

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

?提示:?17標準顏色：黑色，藍色，水，紫紅色，灰色，綠色，石灰，栗色，海軍，橄欖，橙，紫，紅，白，銀，藍綠色，黃色。

下表列出了部分顏色的值，包括十六進位值。

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

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

? ??#000000? ??#000080

? ? ?顏色名稱	? ?十六進位色彩值	#? ? ?顏色
? ??Black?	? ??#000000


H		#? ??Navy?

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

???藍色?

???#0000FF

#???深綠色?

##???# 006400

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

? ??深天藍?	? ??#00BFFF
? ??深綠色松石色
		##? ??#00FA9A
##of		? ??#00FF00
		? ??#00FF7F

##########? ??午夜藍?

???水色?	???#00FFFF
#???青色?	# 00FFFF
#? ??午夜藍?
	191970
##? ??道奇藍?	? ??#1E90FF

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

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

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

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


		#. ? ??# 4169E1

#########? ??鋼藍色?######? ??#4682B4############# ###### ##? ??深石藍?######? ??#483D8B########################? ??中綠松石色###? ??#48D1CC######### ###############?#?#? ??# 556B2F##????CadetBlue?#? ??矢車菊藍?

? ??靛藍??	#? ??#4B0082
##? ??深橄欖綠色加		#? ??深橄欖綠色

		???#5F9EA0
		卷66CDAA

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

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


	##? ??LightSlateGray?	#1

###???LawnGreen?

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

	##C # 7CFC00

#? ??黃綠?

#####? ??黃綠?######? ??#7FFF00################### #### ##??海藍寶石?######???#7FFFD4######################???栗色?######???####???栗色?######???#100000#### ###### ##################### 繼續(xù)學習

新建檔案

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

提交重置程式碼

自動運行

教程列表

獲取幫助