模板:Color block

black

顏色色塊模板

本模板可用於顯示CSS顏色名稱/16進制顏色值及其對應色塊。

用法：

{{Color block|<参数1：颜色值>|[参数2：自定义名称（可选）]|[附加功能参数]}}

<参数1：颜色值>可使用CSS顏色名稱或16進制顏色值。
[参数2：自定义名称（可选）]可用於顯示CSS顏色名稱或顏色值以外的自定義內容。
附加功能參見#附加功能部分。

{{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`	懸念時顯示的提示內容。	內容	非必填

上述文件嵌入自Template:Color block/doc。
編者可以在本模板的沙盒和測試樣例頁面進行實驗。
請在/doc子頁面中添加分類。本模板的子頁面。