Creative & Design
Color Palette Generator
Create harmonious color palettes with hex codes, psychology insights, and usage guidelines.
사용 방법 Color Palette Generator
- 프로젝트와 그 목적을 설명하십시오.
- 기분과 산업을 선택하세요.
- 선택적으로 구축할 기본 색상을 지정하세요.
- 팔레트 크기를 선택하세요.
- 프로젝트에서 16진수 코드와 CSS 변수를 직접 사용하세요.
사용 사례
1
웹사이트 및 앱 색상 계획을 설계하세요
2
브랜드 색상 가이드라인을 만듭니다
3
마케팅 자료 색상 시스템 개발
4
접근 가능한 UI 색상 팔레트를 구축하세요
최고의 결과를 위한 팁
- 60-30-10 규칙: 60% 기본, 30% 보조, 10% 강조는 시각적 조화를 만듭니다.
- Always check contrast ratios for accessibility — WCAG AA requires 4.5:1 for text.
- 기존 로고가 있다면 그 색상을 팔레트의 기본으로 사용하세요.
- Dark mode isn't just inverting colors — the palette provides specific dark mode adaptations.
자주 묻는 질문
16진수 코드가 생산 준비가 되었나요?
네 — CSS, 디자인 도구 또는 인쇄 사양에서 직접 사용할 수 있는 정확한 헥스 코드와 RGB 값을 얻을 수 있습니다.
접근성을 보장하려면 어떻게 해야 하나요?
이 도구는 WCAG 대비 비율 및 색맹 호환성을 확인합니다. 항상 텍스트/배경 조합이 AA (4.5:1) 또는 AAA (7:1) 기준을 충족하는지 확인하세요.
기존 브랜드 색상을 기반으로 구축할 수 있나요?
네! 기본 색상 필드에 기존 색상을 입력하면 AI가 그에 맞는 보완 색상 팔레트를 구축합니다.
3, 5, 7 색상 팔레트의 차이는 무엇인가요?
3색은 간단하고 집중된 디자인에 적합합니다. 5색(표준)은 기본, 보조, 강조, 배경 및 텍스트를 포함합니다. 7색은 복잡한 UI 및 마케팅 자료에 더 많은 뉘앙스를 추가합니다.
당신의 개인정보는 보호됩니다
당신의 텍스트는 저장되지 않습니다. 처리 과정은 실시간으로 이루어지며, 결과 생성 후 즉시 입력이 폐기됩니다.
무제한 액세스 잠금 해제
무료 사용자: 하루 10회 사용 | Pro 사용자: 무제한