색상 팔레트 생성기

색상 하모니란?

• 보색 (Complementary) — 색상환에서 정반대 위치의 색상, 강한 대비 효과
• 유사색 (Analogous) — 색상환에서 인접한 색상들, 부드럽고 조화로운 느낌
• 트라이어드 (Triadic) — 120° 간격 3가지 색상, 생동감 있고 균형 잡힌 팔레트
• 스플릿 보색 (Split Complementary) — 보색의 양 옆 색상 사용, 보색보다 부드러움
• 테트라드 (Tetradic) — 90° 간격 4가지 색상, 풍부하고 다채로운 팔레트
• 모노크로매틱 (Monochromatic) — 같은 색상의 명도/채도 변화, 통일감 있는 디자인

사용 방법

1. 기본 색상 선택 — 색상 피커 클릭 또는 HEX 코드 직접 입력
2. 하모니 선택 — 원하는 색상 조화 방식 탭 클릭
3. 색상 복사 — 각 컬러 카드 클릭 시 HEX 코드 자동 복사
4. CSS 내보내기 — CSS 변수, Tailwind, SCSS 형식으로 복사

이런 분께 추천

• 웹/앱 디자인에 사용할 색상 팔레트를 빠르게 만들고 싶은 분
• CSS 커스텀 변수로 프로젝트 색상 시스템을 구성하는 개발자
• 브랜드 컬러에 어울리는 보조 색상을 찾는 디자이너