模板:Color
本页面之全部或部分原来自萌娘百科的模板:Color,依 CC BY-NC-SA 3.0 CN 授权引入;原贡献者可以在这里看到。 |
这个模板用于为文字设定颜色。
用法
{{Color|<color>|<text>}}
为<text>设定颜色<color>,<color>的格式如下[1]:
- 一个 颜色关键字 单词。
现有的关键字如下: - black
- silver
- gray
- white
- maroon
- red
- purple
- fuchsia
- green
- lime
- olive
- yellow
- navy
- blue
- teal
- aqua
- orange
- aliceblue
- antiquewhite
- aquamarine
- azure
- beige
- bisque
- blanchedalmond
- blueviolet
- brown
- burlywood
- cadetblue
- chartreuse
- chocolate
- coral
- cornflowerblue
- cornsilk
- crimson
- darkblue
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkgrey
- 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
- grey
- honeydew
- hotpink
- indianred
- indigo
- ivory
- khaki
- lavender
- lavenderblush
- lawngreen
- lemonchiffon
- lightblue
- lightcoral
- lightcyan
- lightgoldenrodyellow
- lightgray
- lightgreen
- lightgrey
- 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}}
|