색상 명도·채도 변형 생성기

사용법

1. 기본 색 선택 — 컬러 피커 사용 또는 HEX 붙여넣기.
2. 모드 선택: 둘 다(틴트+셰이드)·틴트만·셰이드만·톤(회색 포함).
3. 단계 수·출력 형식 조정 후 스와치 클릭으로 값 복사.

자주 묻는 질문

틴트·셰이드·톤 차이?

틴트는 흰색 혼합(밝게)·셰이드는 검정 혼합(어둡게)·톤은 회색 혼합(채도 낮춤). 셋 모두 색조 유지하되 명도/채도 다르게 변함.

HSL 명도 조정과 같은가?

아니오 — RGB에서 흰색 쪽 혼합은 HSL 명도 증가와 지각적으로 다름. 순수 RGB 혼합은 밝아지면서 채도도 감소(파스텔 느낌) — 디자이너가 틴트에 보통 원하는 결과.

Tailwind 50-900 스케일과 매핑?

기본 색에서 틴트 ~9개·셰이드 ~9개 생성. 밝은 쪽은 50-400, 어두운 쪽은 600-900 근사. Tailwind 정확한 ramp은 지각 균일성 위해 수동 튜닝이라 시작점 — 눈으로 조정.

가장 밝은 틴트가 왜 순수 흰색 아닌가?

각 단계는 흰색까지 일정 비율. 10단계라면 1단계는 흰색까지 ~9%. 순수 흰색 얻으려면 무한 단계 필요 — 마지막 단계는 '가장 밝은' 배경에 보통 충분히 가까움.

관련 도구