萌娘百科衷心希望新型冠状病毒肺炎疫情早日结束!
关于解决“不完整”模板及分类问题的提案关于方针、指引与论述的提案正在讨论中,欢迎参与!
  • 你好~!欢迎来到萌娘百科!如果您是第一次来到这里,点这里加入萌娘百科!
  • 欢迎具有翻译能力的同学~有意者请点→Category:需要翻译的条目
  • 如果您在萌娘百科上发现某些内容错误/空缺,请勇于修正/添加!编辑萌娘百科其实很容易!
  • 觉得萌娘百科有趣的话,请推荐给朋友哦~
  • 萌娘百科群119170500欢迎加入,加入时请写明【萌娘百科+自己的ID】~
  • 萌娘百科Discord群组已经建立,请点此加入!

模板:Color

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转至: 导航搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

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

用法

{{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 模式:该模式使用红、绿、蓝三种颜色按比例混合而成,写法有二(使用RGB分别代表红、绿、蓝三种颜色的比例):
    • #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%)

注意:此模板仅可用于行内内容,不可跨行使用!

参见