今日提醒
2025年4月14日星期一

报名提醒

  • 「排位赛」 距开始分组报名4小时+


新工具上线

  • 淬炼模拟测试版已经上线,没有经过大量测试,大佬们有空可以玩一玩,发现bug可在页面下方留言

注:若不希望弹窗提醒可在设置页面关闭全站弹窗
今日不再提醒
bugfix250107.1
全站通知:

模板:Color

来自咸鱼之王WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

关联模板

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

参数

{{color|<颜色>|<文本>|<背景色>|style=<其他样式>}}

用法

为<text>设定颜色<color>或<background color>,<color>/<background color>可以是一个合法的CSS颜色名称、以“#”开头的六位十六进制数,或者形为rgb($$$,$$$,$$$)的颜色值(“$$$”为0-255的十进制数字),格式如下

  • 一个 颜色关键字 单词。
    现有的关键词如下
    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 模式:该模式使用红、绿、蓝三种颜色按比例混合而成,写法有二(使用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%)

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

参见


所有模板列表