模板:Color/doc - 版本历史

2022年8月21日 (日) 13:27 僵尸君呀

2022-08-21T13:27:01Z

←上一版本		2022年8月21日 (日) 21:27的版本
第206行：		第206行：
	== 说明 ==		== 说明 ==
	此模板仅可用于行内内容，不可跨行使用。		此模板仅可用于行内内容，不可跨行使用。
	<noinclude>{{Documentation}}</noinclude>
	<noinclude>[[分类:模板文档页面]]</noinclude>		<noinclude>[[分类:模板文档页面]]</noinclude>

2022年8月21日 (日) 10:51 僵尸君呀

2022-08-21T10:51:30Z

←上一版本		2022年8月21日 (日) 18:51的版本
第206行：		第206行：
	== 说明 ==		== 说明 ==
	此模板仅可用于行内内容，不可跨行使用。		此模板仅可用于行内内容，不可跨行使用。
			<noinclude>{{Documentation}}</noinclude>
			<noinclude>[[分类:模板文档页面]]</noinclude>

2022年8月21日 (日) 10:50 僵尸君呀

2022-08-21T10:50:35Z

@@ 第1行： / 第1行： @@
-这个模板用于为文字设定颜色。
+本模板用于为文字设定颜色。
 {{columns-list|6|2=<nowiki/>
 * <span style="background-color: black;"></span> black
@@ 第159行： / 第166行： @@
 }}}}
 </li>
-<li><code><nowiki>transparent</nowiki></code> 关键字，该关键字在旧的CSS颜色标准中由于不支持透明度是一种虚拟颜色，但在第三版开始为透明色 <code><nowiki>rgba(0, 0, 0, 0)</nowiki></code> 的简写。</li>
+*<code>transparent</code>关键字：完全透明色，类比<code>rgba(0,0,0,0)</code>。
-<li><code><nowiki>currentColor</nowiki></code> 关键字，该关键字主要用于其他颜色属性（如背景色、边框颜色）以使用当前或父辈元素的 <code><nowiki>color</nowiki></code> 颜色，但也可以用于此处以继承父辈元素的颜色。</li>
+*<code>currentColor</code>关键字：继承父类元素颜色。
-* <code><nowiki>rgb(RR, GG, BB)</nowiki></code>，此处所有颜色要么两位16进制整数数值，按实际数值与255（<code><nowiki>FF</nowiki></code>）的比值计算比例，要么直接填入百分比比例（0% 到 100%，只可使用整数数值，下同）（例如 <code><nowiki>rgb(100%, 0%, 20%)</nowiki></code>）。
+***其中所有颜色要么均使用两位16进制整数数值（此时实际数值即为该数值），要么均使用一位16进制整数数值（此时按两位相同数字数值计算实际数值，例如 #CBA 按 #CCBBAA 计算）。

2022年5月23日 (一) 03:22 Bot

2022-05-23T03:22:01Z

←上一版本		2022年5月23日 (一) 11:22的版本
第1行：		第1行：
			<noinclude>{{萌娘百科}}</noinclude>
	这个模板用于为文字设定颜色。		这个模板用于为文字设定颜色。

2022年3月20日 (日) 05:36 僵尸君呀

2022-03-20T05:36:12Z

←上一版本		2022年3月20日 (日) 13:36的版本
第181行：		第181行：
	</ul>		</ul>
	注意：此模板仅可用于行内内容，不可跨行使用！		注意：此模板仅可用于行内内容，不可跨行使用！

	== 参见 ==
	*[[Help:颜色列表]]
	*{{tl\|ColorOps}}
	*{{tl\|Coloredlink}}
	*{{tl\|Background color}}
	<references/>
	{{Template:格式模板}}
	<noinclude>[[分类:模板说明文件]]</noinclude>

僵尸君呀：创建页面，内容为“这个模板用于为文字设定颜色。 == 用法 == {{Code|{{Color||}}}} 为设定颜色，的格式如下https://developer.mozilla.org/zh-CN/docs/Web/CSS/color 、https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value：

一个 ''颜色关键字'' 单词。 {{Hide|标题=现有的关键字如下：|内容=…”

2022-02-19T12:39:43Z

创建页面，内容为“这个模板用于为文字设定颜色。 == 用法 == {{Code|<nowiki>{{Color|<color>|<text>}}</nowiki>}} <nowiki>为<text>设定颜色<color>，<color></nowiki>的格式如下<ref>https://developer.mozilla.org/zh-CN/docs/Web/CSS/color 、https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value</ref>： <ul> <li class="colorBlock">一个 ''颜色关键字'' 单词。 {{Hide|标题=现有的关键字如下：|内容=<templatestyles src="Color/doc.css" />…”

新页面

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

== 用法 ==

{{Code|<nowiki>{{Color|<color>|<text>}}</nowiki>}}

<nowiki>为<text>设定颜色<color>，<color></nowiki>的格式如下<ref>https://developer.mozilla.org/zh-CN/docs/Web/CSS/color 、https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value</ref>：
<ul>
<li class="colorBlock">一个 ''颜色关键字'' 单词。
{{Hide|标题=现有的关键字如下：|内容=<templatestyles src="Color/doc.css" />
{{columns-list|6|2=<nowiki/>
* 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
}}}}
</li>
<li><code><nowiki>transparent</nowiki></code> 关键字，该关键字在旧的CSS颜色标准中由于不支持透明度是一种虚拟颜色，但在第三版开始为透明色 <code><nowiki>rgba(0, 0, 0, 0)</nowiki></code> 的简写。</li>
<li><code><nowiki>currentColor</nowiki></code> 关键字，该关键字主要用于其他颜色属性（如背景色、边框颜色）以使用当前或父辈元素的 <code><nowiki>color</nowiki></code> 颜色，但也可以用于此处以继承父辈元素的颜色。</li>
<li>RGB 模式：该模式使用红、绿、蓝三种颜色按比例混合而成，写法有二（使用<code><nowiki>R</nowiki></code>、<code><nowiki>G</nowiki></code>、<code><nowiki>B</nowiki></code>分别代表红、绿、蓝三种颜色的比例）：
* <code><nowiki>#RRGGBB</nowiki></code> / <code><nowiki>#RGB</nowiki></code>，此处所有颜色均只能填入两位或一位16进制整数数值，按实际数值与255（<code><nowiki>FF</nowiki></code>）的比值计算比例。
** 其中所有颜色要么均使用两位16进制整数数值（此时实际数值即为该数值），要么均使用一位16进制整数数值（此时按两位相同数字数值计算实际数值，例如 <code><nowiki>#CBA</nowiki></code> 按 <code><nowiki>#CCBBAA</nowiki></code> 计算）。
* <code><nowiki>rgb(RR, GG, BB)</nowiki></code>，此处所有颜色要么两位16进制整数数值，按实际数值与255（<code><nowiki>FF</nowiki></code>）的比值计算比例，要么直接填入百分比比例（0% 到 100%，只可使用整数数值，下同）（例如 <code><nowiki>rgb(100%, 0%, 20%)</nowiki></code>）。
</li>
<li>hsl模式：该模式使用色相、饱和度、明度三种参数计算颜色，其中：
* 色相使用无单位角度，数值为整数，取除以 360 后的余数计算实际数值，该数值指代分散到一个圆的周长上的颜色（例如 0 指代红色， 120 指代绿色，240 指代蓝色）
* 饱和度使用百分比比例，越高色彩越纯，低则逐渐变灰。
* 明度使用百分比比例，越高色彩越偏白，100% 时不论色相和饱和度如何均为纯白，越低色彩越偏黑，0% 时为纯黑。
写法形如 <code><nowiki>hsl(0, 100%, 50%)</nowiki></code> 等。
</li>
<li>RGBA 和 hsla 模式：该模式为上述两种模式的扩展，关键点在于追加了新的 alpha 通道以支持透明度，扩展后的写法如下：
;RGBA
:* <code><nowiki>#RRGGBBAA</nowiki></code> / <code><nowiki>#RGBA</nowiki></code>，此处 alpha 通道的位数与其他颜色的位数一致，后者中 alpha 通道也同其他颜色一样按两位相同数字数值计算实际数值（例如 <code><nowiki>#CBA9</nowiki></code> 按 <code><nowiki>#CCBBAA99</nowiki></code> 计算）。
:* <code><nowiki>rgba(RR, GG, BB, AA)</nowiki></code>，此处 alpha 通道的位数与其他颜色的写法一致，要么均为两位16进制整数数值要么均为百分比比例。
;hsla
: 写法形如 <code><nowiki>hsla(0, 100%, 50%, 37%)</nowiki></code>
alpha 值越低代表颜色越透明，0 / 00 / 0%时为全透明，越高代表颜色越不透明，F / FF /100%时为全不透明（rgb 和 hsl 模式可以理解为 alpha 值为 100%）
</li>
</ul>
注意：此模板仅可用于行内内容，不可跨行使用！

== 参见 ==
*[[Help:颜色列表]]
*{{tl|ColorOps}}
*{{tl|Coloredlink}}
*{{tl|Background color}}
<references/>
{{Template:格式模板}}
<noinclude>[[分类:模板说明文件]]</noinclude>