색상 회전판

이 도구는 HTML 캔버스에 360개 세그먼트로 구성된 색상 링을 렌더링하며, 링을 클릭하거나 드래그하여 색상을 선택할 수 있습니다. 채도와 명도는 슬라이더로 설정되며, 선택한 색상은 견본으로 표시되고 복사 가능한 HEX, RGB, HSL 문자열이 제공됩니다. Reset 버튼은 색상을 0, 채도를 100, 명도를 50으로 되돌립니다.

1. 색상이 있는 링 내부를 클릭하거나 드래그하여 색상을 설정합니다. 링은 현재 채도와 명도로 그려집니다. 2. 슬라이더 또는 숫자 입력으로 Hue(0-360), Saturation(0-100), Lightness(0-100)을 조정합니다. 3. Preview 견본과 링 위의 표시기가 실시간으로 업데이트되는 것을 확인합니다. 4. Color Values 카드의 버튼을 사용하여 HEX, RGB 또는 HSL을 복사합니다. 5. Reset을 클릭하여 기본값으로 돌아갑니다.

휠은 260px 캔버스로 기기 픽셀 비율로 그려져 선명도를 보장하며, 바깥쪽 색상 링과 빈 중심으로 구성됩니다. 포인터 이벤트가 캡처되므로 드래그가 커서를 따라가고, 안쪽 구멍이나 바깥쪽 가장자리의 클릭은 무시됩니다. 원형 표시기가 선택된 색상 위치에 있으며 현재 색상으로 채워집니다. 색상은 중심을 기준으로 한 포인터 각도로 도출되며 0deg가 위쪽입니다. 채도와 명도는 링의 각 세그먼트 색상을 변경할 뿐 기하학은 변경하지 않습니다.