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中文网(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,隨著紅色的值變化，不同的數值都顯示了不同的顏色。

	#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安全色?

數年以前，當大多數電腦只支援256 種顏色的時候，一系列216 種Web 安全色作為Web 標準被建議使用。其中的原因是，微軟和 Mac 作業系統使用了 40 種不同的保留的固定係統顏色（雙方大約各使用 20 種）。

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

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

HTML 顏色名稱和顏色值

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

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

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

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

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

三位數表示法為：#RGB，轉換為6位數表示為：#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#### ###### #####################下一節

新建檔案

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(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>

提交重置程式碼

自動運行

全螢幕

暫無