https://free.utcwiki.com/%E6%A8%A1%E6%9D%BF:Color/doc/history?feed=atom 模板:Color/doc - 版本历史 2026-06-24T04:15:54Z 本wiki上该页面的版本历史 MediaWiki 1.43.8 https://free.utcwiki.com/index.php?title=%E6%A8%A1%E6%9D%BF:Color/doc&diff=203&oldid=prev 僵尸君呀：​导入1个版本 2023-08-18T15:14:44Z <p>导入1个版本</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">2023年8月18日 (五) 23:14的版本</td> </tr><tr><td colspan="2" class="diff-notice" lang="zh-Hans-CN"><div class="mw-diff-empty">（没有差异）</div> </td></tr></table> 僵尸君呀 https://free.utcwiki.com/index.php?title=%E6%A8%A1%E6%9D%BF:Color/doc&diff=202&oldid=prev 2022年8月21日 (日) 13:27 僵尸君呀 2022-08-21T13:27:01Z <p></p> <p><b>新页面</b></p><div>== 简介 ==<br /> 本模板用于为文字设定颜色。<br /> == 参数 ==<br /> {| class=&quot;wikitable doc&quot;<br /> |-<br /> ! 参数名<br /> ! 说明<br /> |-<br /> |匿名函数1<br /> |要设置的颜色<br /> |-<br /> |匿名函数2<br /> |文字内容<br /> |}<br /> 匿名函数1的格式如下:<br /> *颜色关键字:<br /> &lt;li class=&quot;colorBlock&quot;&gt;<br /> {{Hide|标题=现有的颜色关键字|内容=&lt;templatestyles src=&quot;Color/doc.css&quot; /&gt;<br /> {{columns-list|6|2=&lt;nowiki/&gt;<br /> * &lt;span style=&quot;background-color: black;&quot;&gt;&lt;/span&gt; black<br /> * &lt;span style=&quot;background-color: silver;&quot;&gt;&lt;/span&gt; silver<br /> * &lt;span style=&quot;background-color: gray;&quot;&gt;&lt;/span&gt; gray<br /> * &lt;span style=&quot;background-color: white;&quot;&gt;&lt;/span&gt; white<br /> * &lt;span style=&quot;background-color: maroon;&quot;&gt;&lt;/span&gt; maroon<br /> * &lt;span style=&quot;background-color: red;&quot;&gt;&lt;/span&gt; red<br /> * &lt;span style=&quot;background-color: purple;&quot;&gt;&lt;/span&gt; purple<br /> * &lt;span style=&quot;background-color: fuchsia;&quot;&gt;&lt;/span&gt; fuchsia<br /> * &lt;span style=&quot;background-color: green;&quot;&gt;&lt;/span&gt; green<br /> * &lt;span style=&quot;background-color: lime;&quot;&gt;&lt;/span&gt; lime<br /> * &lt;span style=&quot;background-color: olive;&quot;&gt;&lt;/span&gt; olive<br /> * &lt;span style=&quot;background-color: yellow;&quot;&gt;&lt;/span&gt; yellow<br /> * &lt;span style=&quot;background-color: navy;&quot;&gt;&lt;/span&gt; navy<br /> * &lt;span style=&quot;background-color: blue;&quot;&gt;&lt;/span&gt; blue<br /> * &lt;span style=&quot;background-color: teal;&quot;&gt;&lt;/span&gt; teal<br /> * &lt;span style=&quot;background-color: aqua;&quot;&gt;&lt;/span&gt; aqua<br /> * &lt;span style=&quot;background-color: orange;&quot;&gt;&lt;/span&gt; orange<br /> * &lt;span style=&quot;background-color: aliceblue;&quot;&gt;&lt;/span&gt; aliceblue<br /> * &lt;span style=&quot;background-color: antiquewhite;&quot;&gt;&lt;/span&gt; antiquewhite<br /> * &lt;span style=&quot;background-color: aquamarine;&quot;&gt;&lt;/span&gt; aquamarine<br /> * &lt;span style=&quot;background-color: azure;&quot;&gt;&lt;/span&gt; azure<br /> * &lt;span style=&quot;background-color: beige;&quot;&gt;&lt;/span&gt; beige<br /> * &lt;span style=&quot;background-color: bisque;&quot;&gt;&lt;/span&gt; bisque<br /> * &lt;span style=&quot;background-color: blanchedalmond;&quot;&gt;&lt;/span&gt; blanchedalmond<br /> * &lt;span style=&quot;background-color: blueviolet;&quot;&gt;&lt;/span&gt; blueviolet<br /> * &lt;span style=&quot;background-color: brown;&quot;&gt;&lt;/span&gt; brown<br /> * &lt;span style=&quot;background-color: burlywood;&quot;&gt;&lt;/span&gt; burlywood<br /> * &lt;span style=&quot;background-color: cadetblue;&quot;&gt;&lt;/span&gt; cadetblue<br /> * &lt;span style=&quot;background-color: chartreuse;&quot;&gt;&lt;/span&gt; chartreuse<br /> * &lt;span style=&quot;background-color: chocolate;&quot;&gt;&lt;/span&gt; chocolate<br /> * &lt;span style=&quot;background-color: coral;&quot;&gt;&lt;/span&gt; coral<br /> * &lt;span style=&quot;background-color: cornflowerblue;&quot;&gt;&lt;/span&gt; cornflowerblue<br /> * &lt;span style=&quot;background-color: cornsilk;&quot;&gt;&lt;/span&gt; cornsilk<br /> * &lt;span style=&quot;background-color: crimson;&quot;&gt;&lt;/span&gt; crimson<br /> * &lt;span style=&quot;background-color: darkblue;&quot;&gt;&lt;/span&gt; darkblue<br /> * &lt;span style=&quot;background-color: darkcyan;&quot;&gt;&lt;/span&gt; darkcyan<br /> * &lt;span style=&quot;background-color: darkgoldenrod;&quot;&gt;&lt;/span&gt; darkgoldenrod<br /> * &lt;span style=&quot;background-color: darkgray;&quot;&gt;&lt;/span&gt; darkgray<br /> * &lt;span style=&quot;background-color: darkgreen;&quot;&gt;&lt;/span&gt; darkgreen<br /> * &lt;span style=&quot;background-color: darkgrey;&quot;&gt;&lt;/span&gt; darkgrey<br /> * &lt;span style=&quot;background-color: darkkhaki;&quot;&gt;&lt;/span&gt; darkkhaki<br /> * &lt;span style=&quot;background-color: darkmagenta;&quot;&gt;&lt;/span&gt; darkmagenta<br /> * &lt;span style=&quot;background-color: darkolivegreen;&quot;&gt;&lt;/span&gt; darkolivegreen<br /> * &lt;span style=&quot;background-color: darkorange;&quot;&gt;&lt;/span&gt; darkorange<br /> * &lt;span style=&quot;background-color: darkorchid;&quot;&gt;&lt;/span&gt; darkorchid<br /> * &lt;span style=&quot;background-color: darkred;&quot;&gt;&lt;/span&gt; darkred<br /> * &lt;span style=&quot;background-color: darksalmon;&quot;&gt;&lt;/span&gt; darksalmon<br /> * &lt;span style=&quot;background-color: darkseagreen;&quot;&gt;&lt;/span&gt; darkseagreen<br /> * &lt;span style=&quot;background-color: darkslateblue;&quot;&gt;&lt;/span&gt; darkslateblue<br /> * &lt;span style=&quot;background-color: darkslategray;&quot;&gt;&lt;/span&gt; darkslategray<br /> * &lt;span style=&quot;background-color: darkslategrey;&quot;&gt;&lt;/span&gt; darkslategrey<br /> * &lt;span style=&quot;background-color: darkturquoise;&quot;&gt;&lt;/span&gt; darkturquoise<br /> * &lt;span style=&quot;background-color: darkviolet;&quot;&gt;&lt;/span&gt; darkviolet<br /> * &lt;span style=&quot;background-color: deeppink;&quot;&gt;&lt;/span&gt; deeppink<br /> * &lt;span style=&quot;background-color: deepskyblue;&quot;&gt;&lt;/span&gt; deepskyblue<br /> * &lt;span style=&quot;background-color: dimgray;&quot;&gt;&lt;/span&gt; dimgray<br /> * &lt;span style=&quot;background-color: dimgrey;&quot;&gt;&lt;/span&gt; dimgrey<br /> * &lt;span style=&quot;background-color: dodgerblue;&quot;&gt;&lt;/span&gt; dodgerblue<br /> * &lt;span style=&quot;background-color: firebrick;&quot;&gt;&lt;/span&gt; firebrick<br /> * &lt;span style=&quot;background-color: floralwhite;&quot;&gt;&lt;/span&gt; floralwhite<br /> * &lt;span style=&quot;background-color: forestgreen;&quot;&gt;&lt;/span&gt; forestgreen<br /> * &lt;span style=&quot;background-color: gainsboro;&quot;&gt;&lt;/span&gt; gainsboro<br /> * &lt;span style=&quot;background-color: ghostwhite;&quot;&gt;&lt;/span&gt; ghostwhite<br /> * &lt;span style=&quot;background-color: gold;&quot;&gt;&lt;/span&gt; gold<br /> * &lt;span style=&quot;background-color: goldenrod;&quot;&gt;&lt;/span&gt; goldenrod<br /> * &lt;span style=&quot;background-color: greenyellow;&quot;&gt;&lt;/span&gt; greenyellow<br /> * &lt;span style=&quot;background-color: grey;&quot;&gt;&lt;/span&gt; grey<br /> * &lt;span style=&quot;background-color: honeydew;&quot;&gt;&lt;/span&gt; honeydew<br /> * &lt;span style=&quot;background-color: hotpink;&quot;&gt;&lt;/span&gt; hotpink<br /> * &lt;span style=&quot;background-color: indianred;&quot;&gt;&lt;/span&gt; indianred<br /> * &lt;span style=&quot;background-color: indigo;&quot;&gt;&lt;/span&gt; indigo<br /> * &lt;span style=&quot;background-color: ivory;&quot;&gt;&lt;/span&gt; ivory<br /> * &lt;span style=&quot;background-color: khaki;&quot;&gt;&lt;/span&gt; khaki<br /> * &lt;span style=&quot;background-color: lavender;&quot;&gt;&lt;/span&gt; lavender<br /> * &lt;span style=&quot;background-color: lavenderblush;&quot;&gt;&lt;/span&gt; lavenderblush<br /> * &lt;span style=&quot;background-color: lawngreen;&quot;&gt;&lt;/span&gt; lawngreen<br /> * &lt;span style=&quot;background-color: lemonchiffon;&quot;&gt;&lt;/span&gt; lemonchiffon<br /> * &lt;span style=&quot;background-color: lightblue;&quot;&gt;&lt;/span&gt; lightblue<br /> * &lt;span style=&quot;background-color: lightcoral;&quot;&gt;&lt;/span&gt; lightcoral<br /> * &lt;span style=&quot;background-color: lightcyan;&quot;&gt;&lt;/span&gt; lightcyan<br /> * &lt;span style=&quot;background-color: lightgoldenrodyellow;&quot;&gt;&lt;/span&gt; lightgoldenrodyellow<br /> * &lt;span style=&quot;background-color: lightgray;&quot;&gt;&lt;/span&gt; lightgray<br /> * &lt;span style=&quot;background-color: lightgreen;&quot;&gt;&lt;/span&gt; lightgreen<br /> * &lt;span style=&quot;background-color: lightgrey;&quot;&gt;&lt;/span&gt; lightgrey<br /> * &lt;span style=&quot;background-color: lightpink;&quot;&gt;&lt;/span&gt; lightpink<br /> * &lt;span style=&quot;background-color: lightsalmon;&quot;&gt;&lt;/span&gt; lightsalmon<br /> * &lt;span style=&quot;background-color: lightseagreen;&quot;&gt;&lt;/span&gt; lightseagreen<br /> * &lt;span style=&quot;background-color: lightskyblue;&quot;&gt;&lt;/span&gt; lightskyblue<br /> * &lt;span style=&quot;background-color: lightslategray;&quot;&gt;&lt;/span&gt; lightslategray<br /> * &lt;span style=&quot;background-color: lightslategrey;&quot;&gt;&lt;/span&gt; lightslategrey<br /> * &lt;span style=&quot;background-color: lightsteelblue;&quot;&gt;&lt;/span&gt; lightsteelblue<br /> * &lt;span style=&quot;background-color: lightyellow;&quot;&gt;&lt;/span&gt; lightyellow<br /> * &lt;span style=&quot;background-color: limegreen;&quot;&gt;&lt;/span&gt; limegreen<br /> * &lt;span style=&quot;background-color: linen;&quot;&gt;&lt;/span&gt; linen<br /> * &lt;span style=&quot;background-color: mediumaquamarine;&quot;&gt;&lt;/span&gt; mediumaquamarine<br /> * &lt;span style=&quot;background-color: mediumblue;&quot;&gt;&lt;/span&gt; mediumblue<br /> * &lt;span style=&quot;background-color: mediumorchid;&quot;&gt;&lt;/span&gt; mediumorchid<br /> * &lt;span style=&quot;background-color: mediumpurple;&quot;&gt;&lt;/span&gt; mediumpurple<br /> * &lt;span style=&quot;background-color: mediumseagreen;&quot;&gt;&lt;/span&gt; mediumseagreen<br /> * &lt;span style=&quot;background-color: mediumslateblue;&quot;&gt;&lt;/span&gt; mediumslateblue<br /> * &lt;span style=&quot;background-color: mediumspringgreen;&quot;&gt;&lt;/span&gt; mediumspringgreen<br /> * &lt;span style=&quot;background-color: mediumturquoise;&quot;&gt;&lt;/span&gt; mediumturquoise<br /> * &lt;span style=&quot;background-color: mediumvioletred;&quot;&gt;&lt;/span&gt; mediumvioletred<br /> * &lt;span style=&quot;background-color: midnightblue;&quot;&gt;&lt;/span&gt; midnightblue<br /> * &lt;span style=&quot;background-color: mintcream;&quot;&gt;&lt;/span&gt; mintcream<br /> * &lt;span style=&quot;background-color: mistyrose;&quot;&gt;&lt;/span&gt; mistyrose<br /> * &lt;span style=&quot;background-color: moccasin;&quot;&gt;&lt;/span&gt; moccasin<br /> * &lt;span style=&quot;background-color: navajowhite;&quot;&gt;&lt;/span&gt; navajowhite<br /> * &lt;span style=&quot;background-color: oldlace;&quot;&gt;&lt;/span&gt; oldlace<br /> * &lt;span style=&quot;background-color: olivedrab;&quot;&gt;&lt;/span&gt; olivedrab<br /> * &lt;span style=&quot;background-color: orangered;&quot;&gt;&lt;/span&gt; orangered<br /> * &lt;span style=&quot;background-color: orchid;&quot;&gt;&lt;/span&gt; orchid<br /> * &lt;span style=&quot;background-color: palegoldenrod;&quot;&gt;&lt;/span&gt; palegoldenrod<br /> * &lt;span style=&quot;background-color: palegreen;&quot;&gt;&lt;/span&gt; palegreen<br /> * &lt;span style=&quot;background-color: paleturquoise;&quot;&gt;&lt;/span&gt; paleturquoise<br /> * &lt;span style=&quot;background-color: palevioletred;&quot;&gt;&lt;/span&gt; palevioletred<br /> * &lt;span style=&quot;background-color: papayawhip;&quot;&gt;&lt;/span&gt; papayawhip<br /> * &lt;span style=&quot;background-color: peachpuff;&quot;&gt;&lt;/span&gt; peachpuff<br /> * &lt;span style=&quot;background-color: peru;&quot;&gt;&lt;/span&gt; peru<br /> * &lt;span style=&quot;background-color: pink;&quot;&gt;&lt;/span&gt; pink<br /> * &lt;span style=&quot;background-color: plum;&quot;&gt;&lt;/span&gt; plum<br /> * &lt;span style=&quot;background-color: powderblue;&quot;&gt;&lt;/span&gt; powderblue<br /> * &lt;span style=&quot;background-color: rosybrown;&quot;&gt;&lt;/span&gt; rosybrown<br /> * &lt;span style=&quot;background-color: royalblue;&quot;&gt;&lt;/span&gt; royalblue<br /> * &lt;span style=&quot;background-color: saddlebrown;&quot;&gt;&lt;/span&gt; saddlebrown<br /> * &lt;span style=&quot;background-color: salmon;&quot;&gt;&lt;/span&gt; salmon<br /> * &lt;span style=&quot;background-color: sandybrown;&quot;&gt;&lt;/span&gt; sandybrown<br /> * &lt;span style=&quot;background-color: seagreen;&quot;&gt;&lt;/span&gt; seagreen<br /> * &lt;span style=&quot;background-color: seashell;&quot;&gt;&lt;/span&gt; seashell<br /> * &lt;span style=&quot;background-color: sienna;&quot;&gt;&lt;/span&gt; sienna<br /> * &lt;span style=&quot;background-color: skyblue;&quot;&gt;&lt;/span&gt; skyblue<br /> * &lt;span style=&quot;background-color: slateblue;&quot;&gt;&lt;/span&gt; slateblue<br /> * &lt;span style=&quot;background-color: slategray;&quot;&gt;&lt;/span&gt; slategray<br /> * &lt;span style=&quot;background-color: slategrey;&quot;&gt;&lt;/span&gt; slategrey<br /> * &lt;span style=&quot;background-color: snow;&quot;&gt;&lt;/span&gt; snow<br /> * &lt;span style=&quot;background-color: springgreen;&quot;&gt;&lt;/span&gt; springgreen<br /> * &lt;span style=&quot;background-color: steelblue;&quot;&gt;&lt;/span&gt; steelblue<br /> * &lt;span style=&quot;background-color: tan;&quot;&gt;&lt;/span&gt; tan<br /> * &lt;span style=&quot;background-color: thistle;&quot;&gt;&lt;/span&gt; thistle<br /> * &lt;span style=&quot;background-color: tomato;&quot;&gt;&lt;/span&gt; tomato<br /> * &lt;span style=&quot;background-color: turquoise;&quot;&gt;&lt;/span&gt; turquoise<br /> * &lt;span style=&quot;background-color: violet;&quot;&gt;&lt;/span&gt; violet<br /> * &lt;span style=&quot;background-color: wheat;&quot;&gt;&lt;/span&gt; wheat<br /> * &lt;span style=&quot;background-color: whitesmoke;&quot;&gt;&lt;/span&gt; whitesmoke<br /> * &lt;span style=&quot;background-color: yellowgreen;&quot;&gt;&lt;/span&gt; yellowgreen<br /> * &lt;span style=&quot;background-color: rebeccapurple;&quot;&gt;&lt;/span&gt; rebeccapurple<br /> }}}}<br /> &lt;/li&gt;<br /> *&lt;code&gt;transparent&lt;/code&gt;关键字：完全透明色，类比&lt;code&gt;rgba(0,0,0,0)&lt;/code&gt;。<br /> *&lt;code&gt;currentColor&lt;/code&gt;关键字：继承父类元素颜色。<br /> *RGB颜色：颜色可以使用红-绿-蓝（red-green-blue (RGB)）模式的两种方式被定义：<br /> **十六进制符号：&lt;code&gt;#RRGGBB&lt;/code&gt;/&lt;code&gt;#RRGGBBAA&lt;/code&gt;/&lt;code&gt;#RGB&lt;/code&gt;/&lt;code&gt;#RGBA&lt;/code&gt;<br /> ***R（红）G（绿）B（蓝）和 A（alpha，透明度）是十六进制字符（0–9、A–F）。A是可选的。<br /> ***其中所有颜色要么均使用两位16进制整数数值（此时实际数值即为该数值），要么均使用一位16进制整数数值（此时按两位相同数字数值计算实际数值，例如 #CBA 按 #CCBBAA 计算）。<br /> ***十六进制符号：&lt;code&gt;#RRGGBB&lt;/code&gt;/&lt;code&gt;#RRGGBBAA&lt;/code&gt;/&lt;code&gt;#RGB&lt;/code&gt;/&lt;code&gt;#RGBA&lt;/code&gt;<br /> **函数符号：&lt;code&gt;rgb(R,G,B)&lt;/code&gt;/&lt;code&gt;rgba(R,G,B,A)&lt;/code&gt;<br /> ***RGB可以是数字，也可以是百分比，数字的255相当于百分比的100%。<br /> *HSL颜色：H（色相）S（饱和度）L（亮度）是一种将RGB色彩模型中的点在圆柱坐标系中的表示法。这两种表示法试图做到比基于笛卡尔坐标系的几何结构RGB更加直观。&lt;code&gt;hsl(H,S,L)&lt;/code&gt;/&lt;code&gt;hsla(H,S,L,A)&lt;/code&gt;<br /> **色相使用无单位角度，数值为整数，取除以 360 后的余数计算实际数值，该数值指代分散到一个圆的周长上的颜色（例如 0 指代红色，120 指代绿色，240 指代蓝色）<br /> **饱和度使用百分比比例，越高色彩越纯，低则逐渐变灰。<br /> **明度使用百分比比例，越高色彩越偏白，100% 时不论色相和饱和度如何均为纯白，越低色彩越偏黑，0% 时为纯黑。<br /> **alpha值越低代表颜色越透明，0 / 00 / 0%时为全透明，越高代表颜色越不透明，F / FF /100%时为全不透明（rgb（无a）和hsl（无a）模式可以理解为 alpha 值为 100%）<br /> == 示例 ==<br /> {| class=&quot;wikitable doc&quot;<br /> |-<br /> ! 源代码<br /> ! 效果<br /> |-<br /> |&lt;nowiki&gt;{{color|red|我是红色的}}&lt;/nowiki&gt;<br /> |{{color|red|我是红色的}}<br /> |-<br /> |&lt;nowiki&gt;{{color|#ff0000|我也是红色的}}&lt;/nowiki&gt;<br /> |{{color|#ff0000|我也是红色的}}<br /> |-<br /> |&lt;nowiki&gt;{{color|#f00|我还是红色的}}&lt;/nowiki&gt;<br /> |{{color|#f00|我还是红色的}}<br /> |-<br /> |&lt;nowiki&gt;{{color|rgba(255,0,0,0.5)|我变透明了}}&lt;/nowiki&gt;<br /> |{{color|rgba(255,0,0,0.5)|我变透明了}}<br /> |-<br /> |&lt;nowiki&gt;{{color|hsl(120,100%,50%)|我是什么颜色？}}&lt;/nowiki&gt;<br /> |{{color|hsl(120,100%,50%)|我是什么颜色？}}<br /> |-<br /> |&lt;nowiki&gt;{{color|transparent|你现在看不到我啦}}&lt;/nowiki&gt;<br /> |{{color|transparent|你现在看不到我啦}}<br /> |}<br /> == 说明 ==<br /> 此模板仅可用于行内内容，不可跨行使用。<br /> &lt;noinclude&gt;[[分类:模板文档页面]]&lt;/noinclude&gt;</div> 僵尸君呀