置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:Color

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

這個模板用於為文字設定顏色。

用法

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

為<text>設定顏色<color>,<color>的格式如下[1]

  • 一個 顏色關鍵字 單詞。
    現有的關鍵字如下:
    • 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%)

注意:此模板僅可用於行內內容,不可跨行使用!

參見