模板:Color

模板文档  

这个文档嵌入自Template:Color/doc。

本模板已应用于76000+页面。
为避免大规模的破坏及不必要的服务器负荷，任何改动均应先在该模板对应的沙盒页面或您自己的用户页下进行测试，并将测试无误的代码一次性地改动至本模板。
为尊重其他用户，任何功能/兼容性改动在生效前都应先在讨论页进行讨论。

这个模板用于为文字设定颜色。

用法

{{color|<color>|<text>}}

为<text>设定颜色<color>，<color>的格式如下：

• 一个 颜色关键字 单词。

  现有的关键字如下：

  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 计算）。
  • 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%）

注意：此模板仅可用于行内内容，不可跨行使用！

参见

• Help:颜色列表
• {{ColorOps}}
• {{Coloredlink}}
• {{Background color}}