这个文档嵌入自模板:Color/doc。
简介
本模板用于为文字设定颜色。
参数
参数名 | 说明 |
---|---|
匿名函数1 | 要设置的颜色 |
匿名函数2 | 文字内容 |
匿名函数1的格式如下:
- 颜色关键字:
现有的颜色关键字 |
---|
|
transparent
关键字:完全透明色,类比rgba(0,0,0,0)
。currentColor
关键字:继承父类元素颜色。- RGB颜色:颜色可以使用红-绿-蓝(red-green-blue (RGB))模式的两种方式被定义:
- 十六进制符号:
#RRGGBB
/#RRGGBBAA
/#RGB
/#RGBA
- R(红)G(绿)B(蓝)和 A(alpha,透明度)是十六进制字符(0–9、A–F)。A是可选的。
- 其中所有颜色要么均使用两位16进制整数数值(此时实际数值即为该数值),要么均使用一位16进制整数数值(此时按两位相同数字数值计算实际数值,例如 #CBA 按 #CCBBAA 计算)。
- 十六进制符号:
#RRGGBB
/#RRGGBBAA
/#RGB
/#RGBA
- 函数符号:
rgb(R,G,B)
/rgba(R,G,B,A)
- RGB可以是数字,也可以是百分比,数字的255相当于百分比的100%。
- 十六进制符号:
- HSL颜色:H(色相)S(饱和度)L(亮度)是一种将RGB色彩模型中的点在圆柱坐标系中的表示法。这两种表示法试图做到比基于笛卡尔坐标系的几何结构RGB更加直观。
hsl(H,S,L)
/hsla(H,S,L,A)
- 色相使用无单位角度,数值为整数,取除以 360 后的余数计算实际数值,该数值指代分散到一个圆的周长上的颜色(例如 0 指代红色,120 指代绿色,240 指代蓝色)
- 饱和度使用百分比比例,越高色彩越纯,低则逐渐变灰。
- 明度使用百分比比例,越高色彩越偏白,100% 时不论色相和饱和度如何均为纯白,越低色彩越偏黑,0% 时为纯黑。
- alpha值越低代表颜色越透明,0 / 00 / 0%时为全透明,越高代表颜色越不透明,F / FF /100%时为全不透明(rgb(无a)和hsl(无a)模式可以理解为 alpha 值为 100%)
示例
源代码 | 效果 |
---|---|
{{color|red|我是红色的}} | 我是红色的 |
{{color|#ff0000|我也是红色的}} | 我也是红色的 |
{{color|#f00|我还是红色的}} | 我还是红色的 |
{{color|rgba(255,0,0,0.5)|我变透明了}} | 我变透明了 |
{{color|hsl(120,100%,50%)|我是什么颜色?}} | 我是什么颜色? |
{{color|transparent|你现在看不到我啦}} | 你现在看不到我啦 |
说明
此模板仅可用于行内内容,不可跨行使用。