颜色色块模板

编辑

本模板可用于显示CSS颜色名称/16进制颜色值及其对应色块。

用法:

{{Color block|<参数1:颜色值>|[参数2:自定义名称(可选)]|[附加功能参数]}}
{{Color block|color=<颜色值>|text=[自定义名称(可选)]|[附加功能参数]}}
  • <颜色值>同以上参数1。
  • [自定义名称(可选)]同以上参数2。
  • 附加功能参见#附加功能部分。


使用CSS颜色名称

编辑

CSS支持的全部颜色名称:W3 CSS color names

用例:

{{Color block|red}}

输出:red


用例:

{{Color block|color=red}}

输出:red


使用16进制颜色值

编辑

注意:16进制颜色值必须以#字符开头。

用例:

{{Color block|#0000ff}}

输出:#0000ff


用例:

{{Color block|color=#0000ff}}

输出:#0000ff


使用自定义名称

编辑

您可在CSS颜色名称或16进制值之后,显示自定义的颜色名称。


用例:

{{Color block|#ffbf00|琥珀色}}

输出:琥珀色


用例:

{{Color block|color=#ffbf00|text=琥珀色}}

输出:琥珀色


附加功能

编辑

颜色名称悬停提示

编辑

若使用自定义颜色,您可以使用参数color-tooltip=1来显示CSS颜色名称或16进制颜色值。如果您使用计算机访问维基百科,使用鼠标悬停在颜色名称上,方可看到该颜色名称或颜色值。

用例:

{{Color block|#ffbf00|琥珀色|color-tooltip=1}}

输出:琥珀色


不输出文本

编辑

您可以使用参数no-text=1使之不输出文本内容。此时指定自定义颜色名称的参数2不起作用。

用例:

{{Color block|#ff00ff|no-text=1}}
{{Color block|#ff00ff|品红色|no-text=1}}

输出:


加粗字体

编辑

您可以使用参数bold=1实现字体加粗。


用例:

{{Color block|green|bold=1}}

输出:green


用例:

{{Color block|#0000ff|bold=1}}

输出:#0000ff


用例:

{{Color block|#ffbf00|琥珀色|bold=1}}

输出:琥珀色


用例:

{{Color block|#ffbf00|琥珀色|bold=1|color-tooltip=1}}

输出:琥珀色

模板文档

编辑
以下是该模板的模板数据,适用于可视化编辑器等工具。

Color block模板数据

显示CSS颜色名称及其对应色块。

模板参数

此模板首选参数不换行的行内格式。

参数描述类型状态
加粗bold

是否需要将文本加粗

布尔可选
颜色color 1

需要显示的颜色,以CSS颜色的形式,可以是名称或16进制值。

示例值
red、yellow、#abc
字符串推荐
不显示文本no-text

是否不显示文本。

布尔可选
文本text 2

文本内容

内容推荐
颜色提示color-tooltip

悬念时显示的提示内容。

内容可选