🎨 Color Palette Generator
한 번의 클릭으로 아름다운 컬러 팔레트를 생성합니다.
이 도구란 무엇인가요?
Color Palette Generator는 디자인 프로젝트를 위해 아름답고 조화로운 색상 구성을 만드는 무료 온라인 도구입니다. 웹사이트 디자인, 브랜드 아이덴티티 작성, 페인팅 또는 모든 시각 프로젝트에서, 이 도구는 잘 어울리는 색상 조합을 발견하는 데 도움을 줍니다. 색상 이론은 좋은 디자인의 기초입니다. 특정 색상 조합은 색상환에서의 위치 관계 때문에 자연스럽게 보기 좋게 보입니다. 보색(환에서 반대)은 높은 대비와 활력을 만듭니다. 유사색(환에서 인접)은 평온하고 편안한 디자인을 만듭니다. 3색 조화(균등한 간격)는 활기차면서도 균형 잡힌 대비를 제공합니다. 4색 조화는 직사각형을 형성하여 풍부한 시각적 다양성을 줍니다. 단색 팔레트는 단일 색상의 변형을 사용하여 깔끔하고 통일된 모습을 만듭니다. 이 생성기를 사용하면 기본 색상을 선택하고 이러한 고전적인 색상 이론 관계에 기반한 조화로운 팔레트를 즉시 볼 수 있습니다. 영감을 위한 랜덤 팔레트 생성, 좋아하는 색상 잠금, CSS, 디자인 도구 또는 모든 크리에이티브 소프트웨어에서 사용할 hex 코드 내보내기가 가능합니다. 모든 것은 브라우저 내에서 로컬로 실행됩니다.작동 방식
이 생성기는 인간이 색상 관계를 인식하는 방식과 밀접하게 일치하기 때문에 HSL(색상, 채도, 명도) 색상 모델을 사용합니다. 색상환은 색상에 기반하며, 0°에서 360°까지의 범위입니다. 각 조화 유형에 대해, 도구는 기본 색상에 대한 각도 관계를 기반으로 동반 색상의 색상을 계산합니다: 보색은 기본 색상에 180°를 추가(반대색 2개). 유사색은 기본에서 ±30°(인접색 3개). 3색 조화는 +120°와 +240°(균등 간격 3개). 분할 보색은 +150°와 +210°(보색에 대한 부드러운 대비). 4색 조화는 +90°, +180°, +270°(직사각형을 형성하는 4개). 정사각형은 +90° 증분(균등 간격 4개). 동반 색상을 계산한 후, 도구는 채도를 일정하게 유지하면서 명도를 20%에서 90%까지 변화시켜 각 색상에 대해 5개의 음영을 생성합니다. 결과는 밝기 수준이 다양한 관련 색상의 팔레트입니다. 색상은 표시 및 복사를 위해 HSL에서 hex로 변환됩니다. 랜덤 생성기는 크리에이티브 영감을 위해 무작위 색상과 조화 유형을 선택합니다.사용 방법
- 색상 선택기를 사용하여 기본 색상을 선택합니다.
- 조화 유형(보색, 유사색 등)을 선택합니다.
- 영감을 위해 랜덤 팔레트를 생성합니다.
- 색상을 클릭하여 hex 코드를 복사합니다.
- 디자인을 위해 완전한 팔레트를 내보냅니다.
자주 묻는 질문
자주 묻는 질문
웹 디자인에 가장 좋은 색상 조화는 무엇인가요?
유사색 팔레트는 차분하고 통일된 느낌을 만들기 때문에 대부분의 웹사이트에 잘 작동합니다. 강조 색상(버튼, 하이라이트)에는 눈에 띄게 하기 위해 보색을 사용하세요. 3색 조화 팔레트는 활기차고 장난기 있는 디자인에 적합합니다.
색상 hex 코드를 어떻게 복사하나요?
생성된 팔레트에서 색상 견본을 클릭하기만 하면 hex 코드가 자동으로 클립보드에 복사됩니다. 모두 복사 버튼을 사용하여 모든 hex 코드를 한 번에 복사할 수도 있습니다.
HSL이란 무엇이며 이 도구는 왜 사용하나요?
HSL(색상, 채도, 명도)은 인간이 색상에 대해 생각하는 방식과 일치하는 색상 모델입니다. 색상이 색상환의 위치와 직접적으로 대응하여 조화로운 팔레트를 쉽게 만들 수 있습니다. 이 도구는 실용적인 사용을 위해 HSL을 hex로 변환합니다.
사진에서 팔레트를 생성할 수 있나요?
이 도구는 기본 색상 또는 랜덤에서 팔레트를 생성합니다. 이미지에서 팔레트를 추출하려면 전용 색상 추출 도구가 필요합니다. 단, 이미지에서 지배적인 색상을 기본으로 선택하고 여기서 조화로운 동반 색상을 생성할 수는 있습니다.
팁과 조언
접근 가능한 웹 디자인을 위해 항상 색상 대비 비율을 확인하세요. WCAG 표준은 일반 텍스트에 대해 최소 4.5:1, 큰 텍스트에 대해 3:1의 대비를 요구합니다. 균형 잡힌 팔레트를 위해 60-30-10 규칙을 사용하세요: 주 색상 60%(일반적으로 중성), 보조 색상 30%, 강조 색상 10%. 랜덤 팔레트를 생성할 때 좋아하는 색상을 잠그고 나머지를 재생성하여 점진적으로 구성을 다듬으세요. 색상은 화면마다 다르게 보이므로 여러 기기에서 팔레트를 테스트하세요. 브랜드 아이덴티티의 경우 일관성을 위해 핵심 색상을 3-5개로 제한하세요. 다크 모드 디자인은 라이트 모드에 비해 약간 채도가 낮은 색상이 좋습니다. hex 포맷(#RRGGBB)은 보편적이지만, 더 쉬운 조정을 위해 현대 CSS에서 HSL 또는 oklch() 사용도 고려하세요.