HSL 색상 - Three.js, canvas, css
HSL은 색상표현의 한 방법으로 Hue, Saturation, and Lightness 을 의미 합니다. 색상값은 hsl(hue, saturation, lightness)로 표기합니다.hue : JavaScript 표준은 0 ~360으로 각도를 표기하지만, Three.js 에서는 0 ~ 1 사이 값으로 표기하고, 내부적으로는 0~ 360 으로 변환 사용됩니다.saturation : 색상의 밀도를 나타내며, 0 ~ 100 (퍼센트) 로 표기합니다. 100 은 완전하게 색상을 나타내지만, 50%의 경우는 gray(회색)이 겹쳐보이고, 0%의 경우는 회색으로만 나타납니다. lightness : 빛의 세기를 나타내며, 0 ~ 100 (퍼센트) 로 표기하며, 0 은 빛이 없으므로 완전히 어둡고, 100은 최고..
JavaScript
2024. 9. 13. 00:01