색상 조정 및 색조 변경 기능
무료 온라인 서비스 색상 조정 및 색조 변경 기능 설치가 필요 없는 도구
색상 틴트 및 셰이드 정보
이 도구는 기본 색상의 HSL 명도를 각각 100%와 0%를 향해 단계별로 조정하여 틴트(더 밝은 변형)와 셰이드(더 어두운 변형)를 생성합니다. 단계 수(5-20)를 선택하고 견본을 클릭하면 16진수 값을 복사할 수 있습니다. 틴트는 색상과 채도를 유지하면서 명도를 높이고, 셰이드는 명도를 낮춥니다.
사용 방법
1. 색상 선택기나 16진수 입력으로 기본 색상을 선택합니다. 2. 단계 슬라이더를 5에서 20 사이로 설정합니다. 3. 틴트 카드에는 더 밝은 변형(각각 16진수 값과 단계 퍼센트 라벨이 표시됨)이, 셰이드 카드에는 더 어두운 변형이 표시됩니다. 4. 견본을 클릭하면 16진수 값이 복사됩니다. 체크 아이콘으로 복사가 확인됩니다.
생성 알고리즘
기본 색상은 HSL로 변환됩니다. N개 중 단계 `i`에 대해 틴트는 `L = baseL + (100 - baseL) * (i / N)`을 설정하고 셰이드는 `L = baseL - baseL * (i / N)`을 설정하며, 색상과 채도는 일정하게 유지됩니다. 퍼센트 라벨은 `round((i / N) * 100)`이며, 명도 값이 아닌 램프 내 진행 위치를 나타냅니다. 결과 HSL은 RGB로 다시 변환된 후 표시를 위해 16진수로 변환됩니다.
▶각 견본의 퍼센트는 무엇을 의미하나요?
단계 인덱스를 총 단계 수로 나누어 100을 곱한 값입니다. 램프 내의 위치(예: 10개 중 5번째 = 50%)를 나타내며, 해당 견본의 HSL 명도 값이 아닙니다.
▶색상과 채도가 변경되지 않는 이유는?
알고리즘은 명도만 수정하여 색상 패밀리의 지각적 일관성을 유지합니다. 색상이나 채도를 조정하면 단순히 밝게 또는 어둡게 하는 것이 아니라 색 자체가 변하게 됩니다.
▶여러 색상을 한 번에 복사할 수 있나요?
아니요. 각 클릭은 단일 견본의 16진수 값을 복사하며 1.5초 동안 체크 아이콘이 표시됩니다. 여러 값을 수집하려면 반복해서 클릭하세요.
▶잘못된 16진수 값을 입력하면 어떻게 되나요?
16진수 값을 RGB로 구문 분석할 수 없는 경우 HSL이 계산되지 않으며, 유효한 6자리 16진수 값이 입력될 때까지 틴트 및 셰이드 카드가 렌더링되지 않습니다.
이 도구가 당신에게 도움이 되었다면, 저에게 커피 한 잔 사주세요.
제게 커피 한 잔 사주세요.