🎨컬러 팔레트 생성기 (조화 규칙)

색 조화 규칙(단색·유사색·보색·삼각·사각)에 따라 5가지 색을 한 번에 생성합니다. 클릭하면 HEX 코드가 복사됩니다.

🔒 브라우저에서 처리✓ 워터마크 없음✓ 가입 불필요

사용 방법

각 모드 의미?+

단색조: 한 색의 명도 변화. 유사색: 색상환 30도 이내. 보색: 정반대 색. 삼각: 120도 간격. 사각: 90도 간격.

어떤 게 가장 안전한 조합?+

유사색이 무난하고 부드러움. 보색은 강조 효과 좋지만 잘못 쓰면 촌스러움. 삼각·사각은 균형 잡힌 다채로운 디자인에 적합.

Adobe Color와 비교?+

Adobe Color는 더 정교한 컨트롤·이미지 기반 추출 등이 있지만 가입 필요. 본 도구는 빠른 영감용으로 가입 없이 즉시 사용.

기존 브랜드 컬러에 어울리는 팔레트?+

본 도구는 랜덤 생성이라 특정 베이스 컬러를 지정하는 기능은 별도. 그 색을 추출하려면 [이미지 색상 추출] 도구를 함께 사용하세요.

접근성(WCAG)도 고려?+

본 도구는 미적 조화 위주입니다. 글자·배경 대비 검사가 필요하면 [WCAG 색 대비 검사기]를 함께 활용하세요.

결과를 CSS 변수로 만들면?+

복사한 HEX를 :root { --color-1: #...; }로 변수화하면 사이트 전체에 일관 적용 가능.