색상 팔레트 생성기

이 도구 소개

컬러 팔레트 생성기는 7가지 색채 이론 원칙(보색, 3색 배색, 유사색, 분열 보색, 4색 배색, 단색, 명도 변화)을 사용하여 모든 기본 색상에서 조화로운 색상 체계를 만듭니다.

각 스워치는 16진수 코드를 표시하며 클릭하여 복사할 수 있습니다. 이 도구는 내부적으로 HSL 색상 공간을 사용하여 색상환에서 정확한 각도를 계산합니다.

사용 방법

1. 색상 선택기를 클릭하거나 8개의 프리셋 스워치 중 하나를 선택하여 기본 색상을 설정합니다.
2. 탭 바에서 조화 체계를 선택합니다(보색, 3색 배색, 유사색 등).
3. 팔레트가 즉시 생성됩니다 — 각 스워치에 16진수 코드가 표시됩니다.
4. 스워치를 클릭하여 16진수 코드를 클립보드에 복사합니다.

색상 조화 체계

보색 — 반대색 두 가지; 높은 대비와 생동감. 3색 배색 — 120° 간격의 세 가지 색. 유사색 — 색상환에서 인접한 색; 조화롭고 자연스러운 느낌. 분열 보색 — 기본 색 + 보색의 두 이웃 색. 4색 배색 — 90° 간격의 네 가지 색. 단색 — 한 색조의 틴트와 쉐이드. 명도 변화 — 한 색조의 전체 밝기 범위.

활용 사례

UI/UX 디자이너는 웹 및 모바일 앱의 색상 시스템 구축에 사용합니다. 그래픽 디자이너는 브랜드 아이덴티티와 마케팅 자료를 위한 팔레트를 선택합니다. 개발자는 CSS 변수나 Tailwind 설정에 직접 복사합니다.

자주 묻는 질문

• 색상 코드 형식은 무엇인가요? — 모든 색상은 CSS, Figma 또는 모든 디자인 도구에 바로 붙여넣을 수 있는 16진수 형식(#RRGGBB)으로 표시됩니다.
• 각 체계는 몇 개의 색상을 생성하나요? — 보색: 2개. 3색/분열: 3개. 4색: 4개. 유사색: 4개. 단색/명도: 5~9개.
• 웹사이트에 가장 적합한 체계는 무엇인가요? — 차분하고 전문적인 느낌에는 유사색, 높은 대비 인터페이스에는 보색, 미니멀 디자인에는 단색이 적합합니다.