Color Theme Explorer

색을 고르면 색상환 조화(보색·유사색·삼원색·사각 배색 등)와 틴트/톤/셰이드, UI 토큰까지 한 번에 만듭니다. 스와치를 클릭하면 HEX가 복사됩니다. 현재 21개 패턴.

Pick a colorHex

Monochromatic

한 색상(hue)의 밝기 단계 — 가장 통일감 있는 배색.

흰색을 섞은 듯 밝게 — 배경·하이라이트용.

검은색을 섞은 듯 어둡게 — 텍스트·그림자·딥 톤.

회색을 섞듯 채도를 낮춤 — 차분한 서피스·보더.

색상환에서 이웃한 색 — 자연스럽고 안정적.

더 넓은 이웃 구간(±45°) — 풍부한 그라데이션 느낌.

유사색 + 보색 액센트 — 차분함 속에 포인트.

정반대(180°) — 강한 대비·액센트 페어.

보색에서 살짝 빗나간 쌍(±165°) — 덜 거친 대비.

기준색 + 보색 양옆(±30°) — 보색보다 부드러운 대비.

기준 양옆 + 보색 양옆 — 네 방향의 균형 잡힌 긴장.

120° 등분 3색 — 활기차고 균형 잡힌 팔레트.

90° 등분 4색 — 정사각 배치, 풍부한 멀티 액센트.

두 쌍의 보색(60° 간격) — 사각/더블 컴플리멘터리.

기준 + 한 이웃 또는 약한 대비 페어 — 미니멀 2톤.

보색 근처를 일부러 어긋나게(±150°) — 강렬·대담한 대비.

따뜻한 방향(노랑·주황 쪽)으로 hue 이동.

차가운 방향(청록·파랑 쪽)으로 hue 이동.

무채에 가까운 서피스 + 기준색 액센트.

배경 / 서피스 / primary / accent / text 토큰 예시.

다크 UI용 서피스 스택 + primary/accent.