查看“︁模板:色块/doc”︁的源代码

这是一个用于展示色块的模板。可以用于地铁线路色、队伍代表色等需要色块的地方，支持调用Citizen皮肤在css属性中定义的颜色。

色块样式参考了维基百科[https://zh.wikipedia.org/wiki/Category:%E8%B7%AF%E7%BA%BF%E6%A0%87%E5%BF%97%E6%A8%A1%E6%9D%BF Category:路线标志模板]中各模板的short样式。

== 使用方法 ==
=== 调用预定义颜色 ===
<pre>
{{色块|var=颜色名称}}
</pre>

这种方法可以调用Citizen皮肤预定义的颜色，这些颜色会随着日间/夜间模式的切换而微调。

; 允许使用的颜色：

* {{色块|var=red}}red
* {{色块|var=orange}}orange
* {{色块|var=yellow}}yellow
* {{色块|var=green}}green
* {{色块|var=cyan}}cyan
* {{色块|var=blue}}blue
* {{色块|var=paleblue}}paleblue
* {{色块|var=purple}}purple
* {{色块|var=brown}}brown
* {{色块|var=pink}}pink
* {{色块|var=violet}}violet
* {{色块|var=grey}}grey

=== 调用HTML颜色 ===
<pre>
{{色块|颜色名称或颜色值}}
</pre>

你也可以用这种方法来直接调用HTML颜色。

推荐直接使用[https://developer.mozilla.org/zh-CN/docs/Web/CSS/named-color 具名颜色]的颜色名称来定义颜色，像这样：

* {{色块|darkcyan}}<code><nowiki>{{色块|darkcyan}}</nowiki></code>
* {{色块|orangered}}<code><nowiki>{{色块|orangered}}</nowiki></code>

但你也可以[https://developer.mozilla.org/zh-CN/docs/web/css/css_colors/applying_color#%E5%A6%82%E4%BD%95%E6%8F%8F%E8%BF%B0%E9%A2%9C%E8%89%B2 使用其他方法来描述颜色]，例如RGB、HSL或者十六进制颜色值。

* {{色块|#66ccff}}<code><nowiki>{{色块|#66ccff}}</nowiki></code>
* {{色块|hsl(60,50%,50%)}}<code><nowiki>{{色块|hsl(60,50%,50%)}}</nowiki></code>
* {{色块|rgb(100,200,100)}}<code><nowiki>{{色块|rgb(100,200,100)}}</nowiki></code>

请注意选定的颜色是否在日间/夜间模式下都能正常识别。