资讯专栏INFORMATION COLUMN

rgb转hsl

刘明 / 2688人阅读

摘要:使用的公式使用的公式是如上三个比如首先我们需要把中的数字转为区间各个值除以,得值计算,将中计算的值代入,,计算得出计算,得出结果是计算使用左边的公式计算较为简单,得出值为最后计算得出为

使用的公式:

使用的公式是如上三个
比如: 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

相关文章

  • js 正则判断颜色值,HEXRGBHSLRGB

    摘要:颜色值判断颜色值转换为颜色值转换为为色相,饱和度,亮度。 颜色值判断 /(^#[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)...

    freecode 评论0 收藏0
  • RGBHSL、Hex网页色彩码,看完这篇全懂了

    摘要:再来做个练习,如果我们想要黄色,那就是把红色光跟绿色光混合起来,所以我们就把红色光跟绿色光像这样开到最大,你就能够看到黄色了。 网页使用到的色彩标示方法中,从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示,其中网页设计师最常使用的16进位色码标示法,而16进位码又是如何计算色彩的呢?有没有办法直接脑袋就把色彩算出来?HSL色彩该如何运用与记忆?有没有什...

    hightopo 评论0 收藏0
  • RGBHSL、Hex网页色彩码,看完这篇全懂了

    摘要:再来做个练习,如果我们想要黄色,那就是把红色光跟绿色光混合起来,所以我们就把红色光跟绿色光像这样开到最大,你就能够看到黄色了。 网页使用到的色彩标示方法中,从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示,其中网页设计师最常使用的16进位色码标示法,而16进位码又是如何计算色彩的呢?有没有办法直接脑袋就把色彩算出来?HSL色彩该如何运用与记忆?有没有什...

    miguel.jiang 评论0 收藏0
  • JavaScript中的颜色空间

    摘要:色相是这个圆柱的偏角,饱和度为圆柱水平切面的半径,亮度以圆柱的高度表示。这意味着中,饱和度总是从完全饱和变化到等价的灰色,而在中是从完全饱和变化为白色。到的换算在数学上定义为空间的坐标到空间的坐标的换算。当为亮度为极值时,饱和度恒等于。 我在做 webapp 的顶部导航栏时,碰到了一个挑战,导航栏的字体与图标要根据背景的颜色深浅来显示不同白色和黑色,但是导航栏的颜色是支持多种配色的,我...

    tain335 评论0 收藏0
  • CSS单位计算总结

    摘要:单位总结公共部分长度像素,同一屏幕分辨率下是绝对单位。 CSS单位总结 公共部分css body { background-color: #000; color: skyblue; margin: 0; padding: 0; } body>div>div { border: 1px solid cyan; padding: 10px; margin: 1...

    zorpan 评论0 收藏0

发表评论

0条评论

刘明

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<