색상 어둡게 / 밝게
슬라이더로 색상의 명도를 조정하고 더 어둡거나 밝은 색조를 전체 단계 스트립과 함께 즉시 미리봅니다.
결과
#3c83f6
단계
기본 색상을 선택하고 슬라이더를 드래그해 색상(hue)과 채도는 유지한 채 HSL 명도를 조정하여 어둡게 또는 밝게 만드세요. 프리셋 단계 스트립이 전체 범위를 한눈에 보여주며, 모두 브라우저에서 즉시 계산됩니다.
사용 방법
- 기본 색상을 선택하거나 입력하세요.
- 슬라이더를 왼쪽으로 드래그하면 어둡게, 오른쪽으로 드래그하면 밝게 됩니다.
- 결과 hex 코드를 복사하거나 아래 스트립에서 단계를 선택하세요.
자주 묻는 질문
- 색상은 어떻게 조정되나요?
- 도구가 색상을 HSL로 변환한 뒤 선택한 비율만큼 명도 값을 올리거나 내리고, 다시 hex로 변환합니다.
- 색상(hue)이 그대로 유지되는 이유는 무엇인가요?
- 명도만 변경되므로 기본 색상 계열(hue)과 선명함(채도)이 유지되어 자연스러운 색조나 색을 만듭니다.
- 여러 색조를 한 번에 얻을 수 있나요?
- 네, 슬라이더 아래 단계 스트립은 -80%에서 +80%까지 9개의 프리셋 조정을 보여주며 클릭해 적용할 수 있습니다.