模板:Color/doc
跳至導覽
跳至搜尋
這個模板用於為文字設定顏色。
用法
{{color|<color>|<text>}}
為<text>設定顏色<color>,<color>的格式如下[1]:
- 一個 顏色關鍵字 單詞。
現有的關鍵字如下: - black
- silver
- gray / grey
- white
- maroon
- red
- purple
- fuchsia / magenta
- green
- lime
- olive
- yellow
- navy
- blue
- teal
- aqua / cyan
- orange
- aliceblue
- antiquewhite
- aquamarine
- azure
- beige
- bisque
- blanchedalmond
- blueviolet
- brown
- burlywood
- cadetblue
- chartreuse
- chocolate
- coral
- cornflowerblue
- cornsilk
- crimson
- darkblue
- darkcyan
- darkgoldenrod
- darkgray / darkgrey
- darkgreen
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray / darkslategrey
- darkturquoise
- darkviolet
- deeppink
- deepskyblue
- dimgray / dimgrey
- dodgerblue
- firebrick
- floralwhite
- forestgreen
- gainsboro
- ghostwhite
- gold
- goldenrod
- greenyellow
- honeydew
- hotpink
- indianred
- indigo
- ivory
- khaki
- lavender
- lavenderblush
- lawngreen
- lemonchiffon
- lightblue
- lightcoral
- lightcyan
- lightgoldenrodyellow
- lightgray / lightgrey
- lightgreen
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray / lightslategrey
- lightsteelblue
- lightyellow
- limegreen
- linen
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumspringgreen
- mediumturquoise
- mediumvioletred
- midnightblue
- mintcream
- mistyrose
- moccasin
- navajowhite
- oldlace
- olivedrab
- orangered
- orchid
- palegoldenrod
- palegreen
- paleturquoise
- palevioletred
- papayawhip
- peachpuff
- peru
- pink
- plum
- powderblue
- rosybrown
- royalblue
- saddlebrown
- salmon
- sandybrown
- seagreen
- seashell
- sienna
- skyblue
- slateblue
- slategray / slategrey
- snow
- springgreen
- steelblue
- tan
- thistle
- tomato
- turquoise
- violet
- wheat
- whitesmoke
- yellowgreen
- rebeccapurple
transparent
關鍵字,該關鍵字在舊的CSS顏色標準中由於不支持透明度是一種虛擬顏色,但在第三版開始為透明色rgba(0, 0, 0, 0)
的簡寫。currentColor
關鍵字,該關鍵字主要用於其他顏色屬性(如背景色、邊框顏色)以使用當前或父輩元素的color
顏色,但也可以用於此處以繼承父輩元素的顏色。- RGB 模式:該模式使用紅、綠、藍三種顏色按比例混合而成,寫法有二(使用
R
、G
、B
分別代表紅、綠、藍三種顏色的比例):#RRGGBB
/#RGB
,此處所有顏色均只能填入兩位或一位16進制整數數值,按實際數值與255(FF
)的比值計算比例。- 其中所有顏色要麼均使用兩位16進制整數數值(此時實際數值即為該數值),要麼均使用一位16進制整數數值(此時按兩位相同數字數值計算實際數值,例如
#CBA
按#CCBBAA
計算)。
- 其中所有顏色要麼均使用兩位16進制整數數值(此時實際數值即為該數值),要麼均使用一位16進制整數數值(此時按兩位相同數字數值計算實際數值,例如
rgb(RR, GG, BB)
,此處所有顏色要麼兩位16進制整數數值,按實際數值與255(FF
)的比值計算比例,要麼直接填入百分比比例(0% 到 100%,只可使用整數數值,下同)(例如rgb(100%, 0%, 20%)
)。
- hsl模式:該模式使用色相、飽和度、明度三種參數計算顏色,其中:
- 色相使用無單位角度,數值為整數,取除以 360 後的餘數計算實際數值,該數值指代分散到一個圓的周長上的顏色(例如 0 指代紅色, 120 指代綠色,240 指代藍色)
- 飽和度使用百分比比例,越高色彩越純,低則逐漸變灰。
- 明度使用百分比比例,越高色彩越偏白,100% 時不論色相和飽和度如何均為純白,越低色彩越偏黑,0% 時為純黑。
hsl(0, 100%, 50%)
等。 - RGBA 和 hsla 模式:該模式為上述兩種模式的擴展,關鍵點在於追加了新的 alpha 通道以支持透明度,擴展後的寫法如下:
- RGBA
-
#RRGGBBAA
/#RGBA
,此處 alpha 通道的位數與其他顏色的位數一致,後者中 alpha 通道也同其他顏色一樣按兩位相同數字數值計算實際數值(例如#CBA9
按#CCBBAA99
計算)。rgba(RR, GG, BB, AA)
,此處 alpha 通道的位數與其他顏色的寫法一致,要麼均為兩位16進制整數數值要麼均為百分比比例。
- hsla
- 寫法形如
hsla(0, 100%, 50%, 37%)
注意:此模板僅可用於行內內容,不可跨行使用!
參見
- Help:顏色列表
- {{ColorOps}}
- {{Coloredlink}}
- {{Background color}}
|