본문으로 건너뛰기
AZ Tools

컬러 팔레트 생성기

HSL 색상환에서 색조 회전 → 화가·UI 디자이너가 쓰는 7개 팔레트 생성. 헥스 입력하면 매칭 톤 — 브랜드 컬러로 차트 팔레트, CTA 액센트, 배경용 차분한 유사색 스트립 만들 때 유용. 수학은 HSL로 유지 → 모든 하모니가 베이스와 동일한 채도·명도 보존, 단색만 의도적으로 명도 위아래 이동.

색조: 217°채도: 91%명도: 60%
스와치
#3B82F6
#F6AF3B

색조 회전은 HSL — 빠르지만 지각적으론 불균등. 지각 팔레트는 OKLCH 피커 사용.

사용법

  1. 베이스 필드에 브랜드 또는 앵커 헥스 붙여넣기 (또는 컬러 피커 사용).
  2. 용도에 맞는 하모니 선택 — 차분한 배경엔 유사, 강렬한 대비엔 삼색.
  3. 개별 헥스 코드 또는 전체 쉼표 구분 리스트 복사.

자주 묻는 질문

차트 팔레트엔 어떤 하모니가 안전?
삼색 또는 분할보색 — 셋 정도의 잘 떨어진 색조, 대부분 시청자에게 구별됨. 액센트 페어 이상엔 순수 보색(2색)만은 피해.
단색은 왜 5색?
단색은 색조 회전 아닌 명도 스케일. 5단계(−30%, −15%, 베이스, +15%, +30%)가 흔한 절충 — 베이스 컬러 손실 없이 충분한 변주.
색상은 맞게 나왔는데 나란히 두면 밋밋하다. 어떻게 하나?
배색은 색상만 돌리고 채도와 명도는 유지하므로, 모든 견본이 같은 무게를 가지고 시선을 끄는 데가 없다. 팔레트에는 색상 차이만이 아니라 명도 대비도 필요하다. 하나는 어둡게, 하나는 밝게 하고 기준색을 강조색으로 남겨라. 그렇게 해야 도형에만 쓰이던 배색이 글자와 배경에도 쓸 수 있는 것이 된다.
이 색들이 접근성 명암비 검사를 통과하나?
구조적으로 보장되지 않는다. 색상 관계는 명암비에 대해 아무것도 말해주지 않는다. 명암비는 상대 휘도를 비교하기 때문이다. 그래서 조화로운 두 색이 밝기는 거의 같아서 글자와 배경으로 겹쳤을 때 기준을 통과하지 못할 수 있다. 배색은 출발점으로 삼고, 겹쳐 쓸 조합은 명암비 도구로 확인하라.

이 주제의 가이드

관련 도구