\/a>","copyright":"
該模板包含數個操作顏色值的方法:
以及兩個判斷方法:
該模板所有方法都只支持傳入這些格式的顏色值:hex顏色(井號加6位16進位數字)、hex簡寫顏色(井號加3位16進位數字)、rgb函數、rgba函數、hsl函數、hsla函數、css顏色關鍵字。
除添加透明度以外,該函數的輸出格式均為hex顏色。另外請注意:「Infobox」系列模板的left-column-color
屬性只支持hex顏色(原因是其實現使用了過時的HTML屬性bgcolor
)。
以下示例中使用的{{color_block}}模板用於展示顏色。
通過第一個參數進行控制。
該方法的典型使用情景是在選定大家族模板的主要顏色後,利用該方法衍生出各部分(title、group、list等)的顏色。
{{ColorOps|屬性符(可選) 操作符 操作值|顏色值}}
顏色加深(降低明度)前:{{color_block|#FF8040}} 顏色加深(降低明度)後:{{color_block|{{ColorOps|+32|#FF8040}}}} 提高明度前:{{color_block|#FF8040}} 提高明度後:{{color_block|{{ColorOps|l+32|#FF8040}}}}
顏色加深(降低明度)前:
顏色加深(降低明度)後:
提高明度前:
提高明度後:
降低飽和度前:{{color_block|#FF8040}} 降低飽和度後:{{color_block|{{ColorOps|s-80|#FF8040}}}}
降低飽和度前:
降低飽和度後:
傳入的原始值將作為加深和減淡的初始值和臨界值。若想預覽所有顏色,可以在第一個參數的位置使用test:屬性符
,如:
{{ColorOps|test:l|#FF8040}}
{{ColorOps|test:s|#FF8040}}
注意,顏色預覽雖然是整數倍的,但可選範圍是0~100之間任意的。
{{ColorOps|reverse|顏色值}}
栗子:
反轉前:{{color_block|#FF8040}} 反轉後:{{color_block|{{ColorOps|reverse|#FF8040}}}}
反轉前:
反轉後:
該處返回值使用css的rgba函數。不透明度範圍為0到1。
栗子:
添加前:{{color_block|red}} 添加後:{{color_block|{{ColorOps|opacity|red|0.5}}}}
添加前:
添加後:
{{ColorOps|mix|顏色1|顏色2|顏色1所佔比重}}
栗子:
{{color_block|{{ColorOps|mix|red|blue}}}}
{{ColorOps|random}} <!-- 完全隨機 --> {{ColorOps|random|最小值|最大值}} <!-- 設置rgb顏色範圍,從0至255 -->
栗子:
{{color_block|{{ColorOps|random}}}} {{color_block|{{ColorOps|random}}}} {{color_block|{{ColorOps|random}}}} {{color_block|{{ColorOps|random}}}} {{color_block|{{ColorOps|random}}}} {{color_block|{{ColorOps|random|150|250}}}} {{color_block|{{ColorOps|random|150|250}}}} {{color_block|{{ColorOps|random|150|250}}}} {{color_block|{{ColorOps|random|150|250}}}} {{color_block|{{ColorOps|random|150|250}}}}
{{#vardefine:color|{{ColorOps|random}}}} 這是一個隨機的顏色:{{color_block|{{#var:color}}}},它是一個 {{#if:{{ColorOps|isDark|{{#var:color}}}} |暗色 |亮色 }}
這是一個隨機的顏色:,它是一個 亮色
|
|