색상 팔레트 생성기
기준 HEX에서 harmony role palette 또는 단계형 scale palette를 생성합니다.
사용 방법
- 기준색을 입력하고 harmony/scale mode와 필요한 step 수를 선택합니다.
핵심 기능과 처리 범위
harmony mode는 primary·secondary·accent·surface·text 등 역할색을 만들고 scale mode는 지정 step 수의 연속 색을 만듭니다.
처리 원리
harmonyColors(base,'role') 또는 scaleColors(base,steps,'scale') 결과를 swatch와 CSS variable로 출력합니다.
예시
#176B5B harmony mode는 primary부터 text까지 역할별 색상 변수를 만듭니다.
이럴 때 유용합니다
- 빠른 UI palette 초안과 CSS token 출발점을 만들 때
사용 전 참고
- 브랜드 지침·접근성·인쇄 색역을 자동 검증하지 않으므로 최종 palette는 별도 검토가 필요합니다.
기준 및 참고자료
자주 묻는 질문
생성된 모든 조합이 WCAG 대비를 통과하나요?
아닙니다. swatch별 contrast 표시를 참고해 필요한 조합을 따로 검증해야 합니다.