차트 팔레트엔 어떤 하모니가 안전?

삼색 또는 분할보색 — 셋 정도의 잘 떨어진 색조, 대부분 시청자에게 구별됨. 액센트 페어 이상엔 순수 보색(2색)만은 피해.

단색은 색조 회전 아닌 명도 스케일. 5단계(−30%, −15%, 베이스, +15%, +30%)가 흔한 절충 — 베이스 컬러 손실 없이 충분한 변주.

컬러 하모니 생성기

색상

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

—

베이스 컬러

하모니

색조: 217°채도: 91%명도: 60%

스와치

#3B82F6

#F6AF3B

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

사용법

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

자주 묻는 질문

차트 팔레트엔 어떤 하모니가 안전?: 삼색 또는 분할보색 — 셋 정도의 잘 떨어진 색조, 대부분 시청자에게 구별됨. 액센트 페어 이상엔 순수 보색(2색)만은 피해.
단색은 왜 5색?: 단색은 색조 회전 아닌 명도 스케일. 5단계(−30%, −15%, 베이스, +15%, +30%)가 흔한 절충 — 베이스 컬러 손실 없이 충분한 변주.

컬러 하모니 생성기

사용법

자주 묻는 질문

관련 도구

색맹 시뮬레이터

CSS Box Shadow 생성기

컬러 포맷 변환기

CSS 그라디언트 생성기

컬러 팔레트 생성기

색상 대비 검사기