模板: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}}}}