색상 팔레트 생성기
색상 이론을 사용하여 기본 색상에서 조화로운 색상 팔레트를 생성합니다.
:root {
--palette-1: #3b82f6;
--palette-2: #f6af3c;
}| 쌍 | 비율 | WCAG AA |
|---|---|---|
#3b82f6/#f6af3c | 1.95:1 | 실패 |
색상 팔레트 생성기 소개
색상 팔레트 생성기는 색상 이론 원칙에 기반하여 조화로운 색상 조합을 만듭니다. 기본 색상에서 시작하여 HSL 색상 환을 사용해 관련 색상을 계산합니다: 보색(반대), 유사색(인접), 3색 조화(120도 간격 균등 배치), 분할 보색(반대 이웃), 단색(같은 색조, 다양한 밝기).
사용 방법
색상 선택기를 사용하여 기본 색상을 선택하거나 HEX 코드를 입력하세요. 탭에서 팔레트 유형을 선택하세요. 생성기가 HEX 값과 함께 관련 색상을 즉시 표시합니다. 색상 견본을 클릭하면 HEX 코드가 클립보드에 복사됩니다.
일반적인 사용 사례
- 전문적으로 보이는 웹사이트 색상 구성표 디자인
- 마케팅 자료를 위한 브랜드 색상 팔레트 생성
- 프레젠테이션과 그래픽을 위한 보색 찾기
- 인테리어 디자인 프로젝트를 위한 색상 조화 탐구
- UI 디자인을 위한 접근성 있는 색상 조합 생성