←模板:ColorOps/doc欢迎来到Undertale社区维基(*｀∀´*)ノ亻，如果想要参与条目创建或编辑，请先登录哦因为以下原因，您没有权限编辑本页： 您请求的操作仅限属于该用户组的用户执行：用户 您可以查看和复制此页面的源代码。 <noinclude>{{萌娘百科}}</noinclude> == 简介 == 该模板包含数个操作颜色值的方法： * 颜色加深/减淡(操作明度) * 修改颜色饱和度 * 反转颜色 * 添加不透明度 * 随机颜色 * 混合两种颜色 以及两个判断方法： * 判断颜色是否为亮色 * 判断颜色是否为暗色 == 用法 == 该模板所有方法都只支持传入这些格式的颜色值：hex颜色(井号加6位16进制数字)、hex简写颜色(井号加3位16进制数字)、rgb函数、rgba函数、hsl函数、hsla函数、css颜色关键字。 除添加透明度以外，该函数的输出格式均为hex颜色。另外请注意：“Infobox”系列模板只支持hex颜色。 以下示例中使用的{{tl|color_block}}模板用于展示颜色。 === 操作颜色的明度与饱和度 === 通过第一个参数进行控制。 该方法的典型使用情景是在选定大家族模板的主要颜色后，利用该方法衍生出各部分(title、group、list等)的颜色。 <pre> {{ColorOps|属性符(可选) 操作符 操作值|颜色值}} </pre> * 属性符： ** 默认：反向的操作明度(也就是说，+是降低明度，-是增加明度。为了方便记忆你可以理解为默认是“颜色加深”和“颜色减淡”){{黑幕|你问为什么会设计得这么别扭？这个模板最开始只能操作这个属性}}{{黑幕|←说到底还是最开始没考虑扩展性}} ** l：操作明度，明度增加则颜色泛白，反之泛黑 ** s：操作饱和度，饱和度增加颜色变得更加鲜艳，反之逐渐趋向于灰色 * 操作符：+和-，可以理解为对应属性提高与降低 * 操作值：1 ~ 100之间的整数，默认为10 ==== 栗子一 ==== {{example|<nowiki> 颜色加深(降低明度)前：{{color_block|#FF8040}} 颜色加深(降低明度)后：{{color_block|{{ColorOps|+32|#FF8040}}}} 提高明度前：{{color_block|#FF8040}} 提高明度后：{{color_block|{{ColorOps|l+32|#FF8040}}}} </nowiki>|print}} ==== 栗子二 ==== {{example|<nowiki> 降低饱和度前：{{color_block|#FF8040}} 降低饱和度后：{{color_block|{{ColorOps|s-80|#FF8040}}}} </nowiki>|print}} ==== 栗子三 ==== 传入的原始值将作为加深和减淡的初始值和临界值。若想预览所有颜色，可以在第一个参数的位置使用<code>test:属性符</code>，如： {{example|<nowiki> {{ColorOps|test:l|#FF8040}} </nowiki>|print}} {{example|<nowiki> {{ColorOps|test:s|#FF8040}} </nowiki>|print}} 注意，颜色预览虽然是整数倍的，但可选范围是0~100之间任意的。 === 反转 === <pre> {{ColorOps|reverse|颜色值}} </pre> 栗子： <pre> 反转前：{{color_block|#FF8040}} 反转后：{{color_block|{{ColorOps|reverse|#FF8040}}}} </pre> 反转前：{{color_block|#FF8040}} 反转后：{{color_block|{{ColorOps|reverse|#FF8040}}}} === 添加不透明度 === 该处返回值使用css的rgba函数。不透明度范围为0到1。 栗子： <pre> 添加前：{{color_block|red}} 添加后：{{color_block|{{ColorOps|opacity|red|0.5}}}} </pre> 添加前：{{color_block|red}} 添加后：{{color_block|{{ColorOps|opacity|red|0.5}}}} === 混合 === <pre> {{ColorOps|mix|颜色1|颜色2|颜色1所占比重}} </pre> 栗子： {{example|<nowiki> {{color_block|{{ColorOps|mix|red|blue}}}} </nowiki>|print}} === 随机颜色 === <pre> {{ColorOps|random}} <!-- 完全随机 --> {{ColorOps|random|最小值|最大值}} <!-- 设置rgb颜色范围，从0至255 --> </pre> 栗子： <pre> {{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}}}} </pre> {{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}}}} == 判断颜色明暗 == {{example|<nowiki> {{#vardefine:color|{{ColorOps|random}}}} 这是一个随机的颜色：{{color_block|{{#var:color}}}}，它是一个 {{#if:{{ColorOps|isDark|{{#var:color}}}} |暗色 |亮色 }} </nowiki>}} {{#var:example-view}} {{Template:格式模板}} {{计算模板}} <includeonly>[[分类:辅助模板]][[分类:计算模板]]</includeonly> <noinclude>[[Category:模板说明文件]]</noinclude> 本页使用的模板： 模板:Ambox（查看源代码）模板:Ambox/style.css（查看源代码）模板:ColorOps（查看源代码）模板:Color block（查看源代码）模板:Example（查看源代码）模板:FromOther（查看源代码）模板:Namespace detect（查看源代码）模板:Tl（查看源代码）模板:格式模板（查看源代码）模板:白幕（查看源代码）模板:白幕/style.css（查看源代码）模板:萌娘百科（查看源代码）模板:计算模板（查看源代码）模板:黑幕（查看源代码）模块:ColorOps（查看源代码）返回模板:ColorOps/doc。
