HTML 顏色
顏色由紅色、綠色、藍色混合而成。
顏色值
顏色由一個十六進位符號來定義,這個符號由紅色、綠色和藍色的值組成( RGB)。
每種顏色的最小值是0(十六進位:#00)。最大值是255(十六進位:#FF)。
對於一些最常用的顏色(例如白色、黑色、紅色、蘭色、綠色及黃色等),你也可以使用它們的英文名稱
這個表格給出了由三種顏色混合而成的特定效果:
# 顏色Color | #顏色十六進位(Color HEX) | #顏色RGB(Color RGB) |
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | ||
實例
<!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(0000000 | ||
# #100000 | ||
#400000 | rgb(64,0,0) | |
# #600000 | # rgb(96,0,0) | |
#700000 | rgb(112,0,000 | rgb(112,0,0) |
#900000 | rgb(144,0,0) | |
# #A00000 | rgb(160,0,0) | |
## #B00000 | ||
## rgb(176,0,0) | ||
#C00000 | rgb(192,00000 |
| ||
灰暗色調
以下展示了灰色到黑色的漸層(部分)
灰色陰影 | 顏色十六進位 | # 顏色RGB |
#000000 | ,0) | |
#080808 | rgb(8,8,8) | |
#303030 | ||
rgb(48,48,48) | ||
## #404040 |
#787878 | rgb(120,120,120) | |
rgb(128,128,128) | ||
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 |
顏色名稱 | 十六進位色彩值 | # 顏色 |
Black | #000000 | |
H | # Navy |
藍色 | #0000FF | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
# 深綠色 | ## # 006400 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
# # 00CED1 中春綠 #00FA9A# 青檸色 # 春綠
||
1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE html> <html> <head> <meta charset ="utf -8"> <title >php中文 网(php .cn )</titl e> </head> <body> <p style ="backgr ound -color :#403bff "> 通过十六进 制设置背 景颜色 </p> <p style ="backgr ound -color :rgb(255 ,255,0)" >
課件暫不提供下載,工作人員正在整理中,後期請多關注該課程~
|