HSL
和RGB
是两种常见的颜色模型,被广泛应用于计算机图形学、数字图像处理、Web设计等领域。在进行颜色处理时,经常需要将HSL和RGB相互转换,本demo演示如何通过Cocos Creator 3.7
游戏引擎,用HSL模型来调节图片颜色,并详细介绍HSL和RGB互相转换的方法。
一 效果预览
色调(Hue)的取值范围是 (0, 360),饱和度(Saturation)的取值范围是 (-1, 1),亮度(Lightness)的取值范围是 (-1, 1)。
![null 7726297fad2c7b3bb30813eadc88f51b.gif](https://i-blog.csdnimg.cn/blog_migrate/28e425531823634b08e08340c7a13c69.gif)
二 介绍
2.1 HSL颜色
HSL
(色调,饱和度,亮度)颜色模型是一种基于人眼视觉感受而设计的颜色模型,它描述了颜色的基本属性。
HSL颜色模型中,色调(Hue)是一个0到360度的角度值,表示颜色的种类。饱和度(Saturation)为0到100之间的百分比,表示颜色的纯度或深浅程度。亮度(Lightness)也为0到100之间的百分比,表示颜色的明暗程度。