模板: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}}