从threejs Color中获得较浅的颜色

【问题标题】：get a lighter color from threejs Color从threejs Color中获得较浅的颜色
【发布时间】：2022-01-03 12:56:34
【问题描述】：

我需要从threejs 中的可变颜色中获得较浅的阴影。有没有一种快速的方法来做到这一点？基本上只是减轻给出的任何颜色。我正在查看https://threejs.org/docs/#api/en/math/Color，我没有看到任何明显的东西，但我也不熟悉颜色处理，如果有一种简单的方法可以添加一些乘以得到我需要的结果。任何建议表示赞赏！

【问题讨论】：

标签： colors three.js

【解决方案1】：

Color支持HSL构造：

const color6 = new THREE.Color("hsl(0, 100%, 50%)");

也许在你的情况下使用第三个参数lightness 更合适。

这是一个 HSL 颜色演示：

https://www.w3schools.com/colors/colors_hsl.asp

我发现它可以通过HSL改变颜色，函数offsetHSL：

https://threejs.org/docs/#api/en/math/Color.offsetHSL

希望它有效:)

【讨论】：

【解决方案2】：

我想我找到了一种方法，只需这样做：

myColor.lerp(new Color("#FFF"), .7);

【讨论】：