本模板已应用于76000+页面。为避免大规模的破坏及不必要的服务器负荷,任何改动均应先在该模板对应的
沙盒页面或您自己的用户页下进行测试,并将测试无误的代码一次性地改动至本模板。
为尊重其他用户,任何功能/兼容性改动在生效前都应先在
讨论页进行讨论。
这个模板用于为文字设定颜色。
用法
{{color|<color>|<text>}}
为<text>设定颜色<color>,<color>的格式如下[1]:
- 一个 颜色关键字 单词。
transparent
关键字,该关键字在旧的CSS颜色标准中由于不支持透明度是一种虚拟颜色,但在第三版开始为透明色 rgba(0, 0, 0, 0)
的简写。
currentColor
关键字,该关键字主要用于其他颜色属性(如背景色、边框颜色)以使用当前或父辈元素的 color
颜色,但也可以用于此处以继承父辈元素的颜色。
- RGB 模式:该模式使用红、绿、蓝三种颜色按比例混合而成,写法有二(使用
R
、G
、B
分别代表红、绿、蓝三种颜色的比例):
#RRGGBB
/ #RGB
,此处所有颜色均只能填入两位或一位16进制整数数值,按实际数值与255(FF
)的比值计算比例。
- 其中所有颜色要么均使用两位16进制整数数值(此时实际数值即为该数值),要么均使用一位16进制整数数值(此时按两位相同数字数值计算实际数值,例如
#CBA
按 #CCBBAA
计算)。
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%)
alpha 值越低代表颜色越透明,0 / 00 / 0%时为全透明,越高代表颜色越不透明,F / FF /100%时为全不透明(rgb 和 hsl 模式可以理解为 alpha 值为 100%)
注意:此模板仅可用于行内内容,不可跨行使用!
参见
格式模板 |
---|
| 排版 | 元素浮动 | | | 分栏 | | | 对齐 | | | 特殊字符 | 文字连接符{{ Wj}}/ ⁠ • 零宽空格{{ Zwsp}}/ ​ • 不换行空格{{ Nbsp}}/ | | 表格 | | | 书写方向 | | | 悬停效果 | |
| | 颜色 | 文字颜色 | | | 背景颜色 | | | 文字及背景颜色 | | | 交叉颜色 | | | 阴影 | | | 渐变 | | | 颜色块 | | | 颜色操作 | |
| | 格式 | 字体 | | | 文字样式 | | | 假样式 | | | 格式化 | | | 梗 | 自动化黑幕 {{ 黑幕}} • 灰色删除线 {{ 胡话}} • 模糊文字{{ 文字模糊}} |
| | 注音 | | | 其它 | |
|