摘要:使用的公式使用的公式是如上三个比如首先我们需要把中的数字转为区间各个值除以,得值计算,将中计算的值代入,,计算得出计算,得出结果是计算使用左边的公式计算较为简单,得出值为最后计算得出为
使用的公式:
使用的公式是如上三个
比如: rgb(54, 163, 247)
首先我们需要把rgb中的数字转为[0,1]区间,各个值除以255,得值(0.21,0.64,0.97)
计算h,将1中计算的值代入,max=247,min=54,r=0.21,g=0.64,b=0.97,计算得出h=206
计算l,得出结果是0.59
计算s,使用左边的公式计算较为简单,得出值为0.927
最后计算得出hsl为hsl(206,92.7%,59.0%)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/114850.html
摘要:颜色值判断颜色值转换为颜色值转换为为色相,饱和度,亮度。 颜色值判断 /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(#009a61) /^rgb/.test(rgb(0, 154, 97)) /^hsl/.test(hsl(0, 0%, 20%)) HEX颜色值转换为RGB // Colors function hexToRgb(hexValue)...
摘要:再来做个练习,如果我们想要黄色,那就是把红色光跟绿色光混合起来,所以我们就把红色光跟绿色光像这样开到最大,你就能够看到黄色了。 网页使用到的色彩标示方法中,从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示,其中网页设计师最常使用的16进位色码标示法,而16进位码又是如何计算色彩的呢?有没有办法直接脑袋就把色彩算出来?HSL色彩该如何运用与记忆?有没有什...
摘要:再来做个练习,如果我们想要黄色,那就是把红色光跟绿色光混合起来,所以我们就把红色光跟绿色光像这样开到最大,你就能够看到黄色了。 网页使用到的色彩标示方法中,从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示,其中网页设计师最常使用的16进位色码标示法,而16进位码又是如何计算色彩的呢?有没有办法直接脑袋就把色彩算出来?HSL色彩该如何运用与记忆?有没有什...
摘要:色相是这个圆柱的偏角,饱和度为圆柱水平切面的半径,亮度以圆柱的高度表示。这意味着中,饱和度总是从完全饱和变化到等价的灰色,而在中是从完全饱和变化为白色。到的换算在数学上定义为空间的坐标到空间的坐标的换算。当为亮度为极值时,饱和度恒等于。 我在做 webapp 的顶部导航栏时,碰到了一个挑战,导航栏的字体与图标要根据背景的颜色深浅来显示不同白色和黑色,但是导航栏的颜色是支持多种配色的,我...
阅读 2335·2021-11-24 09:39
阅读 3777·2021-11-19 09:40
阅读 2151·2021-09-27 13:36
阅读 1895·2019-08-30 15:44
阅读 388·2019-08-30 13:52
阅读 2711·2019-08-30 11:13
阅读 2168·2019-08-29 16:18
阅读 1753·2019-08-29 15:43