Color Palette Generator
Pick a base color and instantly generate harmonious color schemes for design.
색상 팔레트 생성기 사용법
기본 색상을 선택하면 보색, 트리아딕, 유사색, 분할 보색, 단색 조화 등 다양한 색상 조합을 자동으로 생성합니다. HEX 코드를 클릭하면 클립보드에 복사됩니다.
색상 팔레트는 왜 필요한가요?
색상 팔레트는 UI/UX 디자인, 브랜드 아이덴티티, 웹 개발, 그래픽 디자인에 필수적입니다. 잘 선택된 팔레트는 시각적 조화와 가독성을 위한 충분한 명암 대비를 보장합니다.
색상 조화 이론이란?
보색은 색상환 정반대 위치로 높은 대비를 줍니다. 트리아딕은 120° 간격의 세 색상으로 균형 있고 화려합니다. 유사색은 인접한 색상으로 자연스럽고 조화롭습니다. 단색은 같은 색조의 명암 변형으로 우아하고 통일감 있습니다.
UI/UX에서 색상을 선택하는 기준은?
WCAG 접근성 기준으로 일반 텍스트는 배경과 최소 4.5:1, 큰 텍스트는 3:1 이상의 명암 대비를 권장합니다. 이 도구의 대비 미리보기 섹션에서 흰색/검정 배경 위의 색상 가독성을 확인할 수 있습니다.
보색과 분할 보색의 차이는 무엇인가요?
보색은 색상환 정반대(180°) 색상입니다. 분할 보색은 보색의 양쪽 인접 색상(150°, 210° 방향)을 사용해 보색보다 부드럽고 다양한 조합을 제공합니다.
HEX 코드를 복사하려면 어떻게 하나요?
색상 스와치를 클릭하면 해당 HEX 코드가 클립보드에 자동 복사됩니다. 화면 하단에 복사 확인 메시지가 표시됩니다.
보색(complementary color)과 삼색(triadic color)은 어떻게 다른가요?
보색은 색상환에서 정반대(180도)에 위치한 두 색입니다. 삼색은 색상환을 120도 간격으로 3등분한 세 색입니다. 보색은 강렬한 대비를, 삼색은 균형 잡힌 다채로운 분위기를 만들어 냅니다.
색맹 사용자를 고려한 색상 팔레트를 어떻게 만드나요?
적록 색맹(deuteranopia)이 가장 흔합니다. 빨강과 초록을 구분하는 정보를 색상만으로 전달하지 마세요. 파랑-주황 조합이 접근성이 좋습니다. Coblis나 Chromatic Vision Simulator로 색맹 시뮬레이션을 확인하세요.
UI 디자인에서 주색(primary), 보조색(secondary), 강조색(accent)은 어떻게 나누나요?
주색은 브랜드를 대표하는 메인 색상(버튼, 링크 등)에 사용합니다. 보조색은 주색을 보완하며 배경이나 섹션 구분에 활용합니다. 강조색은 CTA나 알림 등 중요 요소를 부각할 때 소량 사용합니다.