Cocos Shader实现HSL和RGB颜色模型

您所在的位置:网站首页 hsl模型高清图片 Cocos Shader实现HSL和RGB颜色模型

Cocos Shader实现HSL和RGB颜色模型

2024-07-09 16:05| 来源: 网络整理| 查看: 265

HSL和RGB是两种常见的颜色模型,被广泛应用于计算机图形学、数字图像处理、Web设计等领域。在进行颜色处理时,经常需要将HSL和RGB相互转换,本demo演示如何通过Cocos Creator 3.7游戏引擎,用HSL模型来调节图片颜色,并详细介绍HSL和RGB互相转换的方法。

一 效果预览

色调(Hue)的取值范围是 (0, 360),饱和度(Saturation)的取值范围是 (-1, 1),亮度(Lightness)的取值范围是 (-1, 1)。

7726297fad2c7b3bb30813eadc88f51b.gif 二 介绍 2.1 HSL颜色

HSL(色调,饱和度,亮度)颜色模型是一种基于人眼视觉感受而设计的颜色模型,它描述了颜色的基本属性。

HSL颜色模型中,色调(Hue)是一个0到360度的角度值,表示颜色的种类。饱和度(Saturation)为0到100之间的百分比,表示颜色的纯度或深浅程度。亮度(Lightness)也为0到100之间的百分比,表示颜色的明暗程度。

2.2 RGB颜色 <


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3