HTML 顏色


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

顏色值

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

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

這個表格給了由三種顏色混合而成的具體效果：

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<p style="background-color:#FFFF00">
通过十六进制设置背景颜色
</p>

<p style="background-color:rgb(255,255,0)">
通过 rbg 值设置背景颜色
</p>

<p style="background-color:yellow">
通过颜色名设置背景颜色
</p>

</body>
</html>

##運行實例»點擊"運行實例" 按鈕查看線上實例

#

1600萬種不同顏色

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

在下面的色表中你會看到不同的結果，從0到255的紅色，同時設定綠色和藍色的值為0,隨著紅色的值變化，不同的值都顯示了不同的顏色。

##紅燈顏色十六進位顏色RGB  ##000000 rgb(0,0,0)## ## ##280000rgb(40,0,0) # #300000rgb(48,0,0) #380000#rgb (56,0, 0) 580000rgb(88,0,0)600000rgb(96,0,0) #680000rgb( 104,0,0) ##700000rgb(112,0,0)#780000rgb(120,0,0) rgb(128,0,0)880000rgb(136,0,0) ##900000#rgb(144,0,0) B00000rgb(176,0,0)##B8​​0000rgb(184,0,0) C00000rgb(192,0,0) #C80000 rgb(200,0,0) ## ##D80000rgb(216,0,0)  #E00000#rgb(224,0,0)  E80000rgb(232,0,0) #F00000rgb(240,0,0)#F80000rgb(248,0,0) 
080000rgb(8,0, 0)
100000rgb(16,0,0)
  #180000rgb(24,0,0)
 ##200000rgb(32 ,0,0)
400000rgb(64,0,0)
# 480000rgb(72,0,0)
 #500000 #rgb(80, 0,0)
#800000
##980000rgb(152,0,0)
##A00000#rgb(160, 0,0)
##A80000rgb(168,0,0)
D00000 rgb(208,0,0)
## ###FF0000######rgb(255,0, 0)#############

灰色暗色調

以下展示了灰色到黑色的漸層

## #101010 rgb(16,16,16) #  #181818 #202020 ## #282828 rgb(40,40,40)  #303030 rgb(48,48,48)  383838 #rgb(56, 56, 56) 404040 rgb(64,64,64)  #484848 rgb(72,72,72)  #505050 rgb(80 , 80,80)  585858 ##606060 ##686868 ##707070 ## # #787878 rgb(120,120,120)  #808080 rgb(128,128,#808080  ##888888 rgb(136,136,136)  ##909090 ## ##9090 #rgb( 144,144,144)  #####989898 ######rgb(152,152,152) ######### #### #A0A0A0 ######rgb(160,160,160) ############ #########A8A8A8 ######rgb(168,168,168) #### rgb(184,184,184)  ##C0C0C0 #rgb(192,192,192)  # rgb(200,200,200)  ##D0D0D0  ##D8D8D8 rgb(216,216,216)   rgb(224,224,224) # #F0F0F0 rgb(240,240,240) o# ##F8F8F8  (248,248,248)  ##FFFFFF rgb(255,255,255) 
灰色陰影顏色十六進位顏色RGB
 #000000 rgb(0,0,0) 
 ##080808 rgb(8,8, 8) 
## 
rgb(24,24,24)  
#rgb(32,32 ,32)
rgb(88,88,88) rgb(88,88,88) 
rgb(88,88,88) 
rgb(96,96,96)  
rgb ( 104,104,104)  
rgb(112,112,112)  
## ##9090 
 ##B0B0B0 rgb(176,176,176) 
 #B8
#C8C8C8 rgb(200,200,200) 
E0E0E0 
 ##E8E8E8 
#############################

Web安全色?

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

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

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

#000CC0000FF003300003333003366003399#0033CC0033FF006600006633#006666006699#0066CC#0066FF00993300CC33#00CCFF#00FFFF############ 330000######330033######330066######330099#######3300CC#######3300FF#######3366003366333366663366993366CC3366FF339900339933339966339999###3399CC######3399FF############################################################################################################################################################################ 33CC00######33CC33######33CC66######33CC99#####33CCCC######33CCFF############33FF00####33CCFF############33FF00# #####33FF33######33FF66######33FF99######33FFCC######33FFFF#############660000### ###660033######660066######660099######6600CC######6600FF#############663300###################663300###### # #663333######663366######663399######6633CC#######6633FF#######66FF99#66FFFF990000#9900339900669900999900CC9900FF#9933009933339933669933999933CC9933FF#996600 #996633996666#9966999966CC9966FF999900####9999###########999900#######99991 ######999966######999999######9999CC######9999FF#######CC3399CC6699##CC66FF#CC9900CC9933CC9966CC9999CC99CCCC99FFCCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFFCCFF33 ######CCFF66######CCFF99######CCFFCC######CCFFFF#######FF99FF# #FFCC00FFCC99
000000#000033000066000099#0000CC0000FF
#0066CC#0066FF 009900
0099660099990099CC0099FF00CC00
00CC6600CC9900CCCC#00CCFF#00CCCC
00FF0000FF33#00FF6600FF9900FFCC
33330033333333333663333993333CC#3333FF
6666006666336666666666996666CC6666FF
6699006699336699666699996699CC6699FF
66CC0066CC3366CC6666CC9966CCCC66CCFF
66CCCC66CCFF 66FF0066FF3366FF66
66FFCC66FFFF990000
99CC0099CC3399CC6699CC9999CCCC#99CCFF
99FF0099FF3399FF6699FF9999FFCC#99FFFF
CC0000CC0033CC0066CC0099CC00CCCC00FF
CC00CCCC00FF CC3300CC3333CC3366
CC33CCCC33FFCC6600CC66633CC6666
CC66CCCC66FF#CC9900
##CCFF00
FF0000FF0033FF0066FF0099FF00CC#FF00FF
#FF3300FF3333FF3366FF3399FF33CC#FF33FF
FF6600FF6633FF6666FF6699FF66CC#FF66FF
#FF9900 FF9933FF9966#FF9999FF99CCFF99FF
##FFCC33FFCC66
FFCCCC#FFCCFF
########### FFFF00## ###FFFF33######FFFF66######FFFF99######FFFFCC######FFFFFF################ #
←
→