색상 명암 생성기
기준색에서 더 어두운 방향으로 지정 step 수의 shade scale을 생성합니다.
사용 방법
- 기준 HEX와 step 수를 설정하고 결과 swatch를 확인합니다.
핵심 기능과 처리 범위
scaleColors(base,steps,'shades')를 사용해 단계별 HEX swatch와 CSS variable을 만듭니다.
처리 원리
기준색을 black 방향으로 단계 혼합해 연속된 어두운 색을 계산합니다.
예시
7 steps이면 base를 기준으로 점차 어두워지는 7개 색을 얻습니다.
이럴 때 유용합니다
- hover·pressed·dark variant 후보를 만들 때
사용 전 참고
- 지각적으로 균일한 LCH scale을 보장하지 않아 각 단계의 체감 밝기 차이는 같지 않을 수 있습니다.
자주 묻는 질문
마지막 shade가 항상 검정인가요?
구현의 scale 규칙에 따라 어두워지지만 모든 설정에서 순수 #000000을 보장한다고 가정하면 안 됩니다.