setHSL(), offsetHSL() 의 차이

setHSL()

• HSL 색상 모델을 사용하여 색상을 설정합니다.
• 이 메서드는 주어진 색조(hue), 채도(saturation), 밝기(lightness) 값을 사용하여 색상을 설정합니다. 기존 색상을 대체합니다. 사용은 color.setHSL(hue, saturation, lightness) -> 색조, 채도, 밝기

const color = new THREE.Color();
color.setHSL(0.5, 0.7, 0.5); // 색상을 설정

offsetHSL()

• 현재 색상의 HSL 값을 기준으로 오프셋(변화)을 적용합니다.
• 이 메서드는 현재 색상의 HSL 값을 기준으로 주어진 오프셋 값을 적용하여 색상을 변경합니다. 기존 색상에 변화를 줍니다. 사용은 color.offsetHSL(hueOffset, saturationOffset, lightnessOffset)

const color = new THREE.Color(0xff0000); // 빨간색
color.offsetHSL(0.1, 0.1, 0.1); // 색상의 HSL 값을 변화시킴

기존 위의 예제 색상에 color.offsetHSL(0.1, 0.1, 0.1) 을 적용했다면, HSL 값은 (0.6, 0.8, 0.6) 이 됩니다.