模板:Colour

模板文檔  

這個文檔嵌入自Template:Colour/doc。

簡介

該模板包含四個操作顏色值的方法：

• 顏色加深/減淡
• 反轉顏色
• 添加不透明度
• 隨機顏色

用法

返回值為使用css函數rgb形式的顏色值。

除「添加不透明度」以外，其他方法均可以在第三個參數的位置填入html來返回html格式（井號+16進位rgb）的顏色值，這一般用於「Infobox」系列模板。

以下示例中使用的{{color_block}}模板用於展示顏色。

加深/減淡

通過第一個參數進行控制深淺程度，在第二個參數傳入一個無簡寫（完整6位）的16進位顏色值，如：#FFFFFF、#BAE11E，開頭有無井號均可，不區分大小寫。

該方法的典型使用情景是在選定大家族模板的主要顏色後，利用該方法衍生出各部分(title、group、list等)的顏色。

{{colour|+/-n|颜色值}}

其中，控制深淺程度的寫法為：操作符 度数，操作符分為+（加深）和-（減淡），度數為1到9，越大加深/減淡的程度就越高。若不加度數，則默認度數為1。

栗子：

加深前：{{color_block|#FF8040}}

加深后：{{color_block|{{colour|+3|#FF8040}}}}

加深前：

加深後：

傳入的原始值將作為加深和減淡的初始值和臨界值。若想預覽所有顏色，可以在第一個參數的位置使用test，如：

{{colour|test|#FF8040}}

■-9 ■-8 ■-7 ■-6 ■-5 ■-4 ■-3 ■-2 ■-1 ■▼ ■+1 ■+2 ■+3 ■+4 ■+5 ■+6 ■+7 ■+8 ■+9 

反轉

{{colour|reverse|颜色值}}

栗子：

反转前：{{color_block|#FF8040}}

反转后：{{color_block|{{colour|reverse|#FF8040}}}}

反轉前：

反轉後：

添加不透明度

該處返回值使用css的rgba函數。不透明度範圍為0到1。

栗子：

添加前：{{color_block|#FF8040}}

添加后：{{color_block|{{colour|rgba|#FF8040|0.5}}}}

添加前：

添加後：

隨機顏色

{{colour|random}}                     <!-- 完全随机 -->
{{colour|random|最小值|最大值}}       <!-- 设置rgb颜色范围，从0至255 -->

栗子：

{{color_block|{{colour|random}}}}
{{color_block|{{colour|random}}}}
{{color_block|{{colour|random}}}}
{{color_block|{{colour|random}}}}
{{color_block|{{colour|random}}}}

{{color_block|{{colour|random|150|250}}}}
{{color_block|{{colour|random|150|250}}}}
{{color_block|{{colour|random|150|250}}}}
{{color_block|{{colour|random|150|250}}}}
{{color_block|{{colour|random|150|250}}}}