기준 색상
HEX
#4F46E5Palette Generator
기준 색상을 선택하면 UI, 브랜딩, 콘텐츠 디자인에 활용할 수 있는 팔레트를 바로 만들 수 있습니다.
사용 방법
- HEX 값을 입력하거나(예: #4F46E5) 컬러 피커를 사용하세요.
- 팔레트 생성 버튼을 눌러 색상 조합을 만드세요.
- 각 카드에서 HEX 값을 복사할 수 있습니다.
6자리 HEX 형식을 사용하세요. (예: #2563EB)
생성된 팔레트
선택한 기준 색상을 바탕으로 균형 있게 생성된 색상입니다.
보색
HEX
#DDE548유사색 (-30°)
HEX
#488FE5유사색 (+30°)
HEX
#9E48E5밝은 변형 1
HEX
#726BEA밝은 변형 2
HEX
#8D87EE밝은 변형 3
HEX
#A7A3F2어두운 변형 1
HEX
#3F38B7어두운 변형 2
HEX
#332E95어두운 변형 3
HEX
#282373실무형 팔레트 시작점
이 도구로 빠르게 초안을 만든 뒤, 실제 UI에 적용해 가볍게 검증하세요.
이 도구를 쓰면 좋은 때
- 브랜드 기준 색상 하나로 빠르게 팔레트를 시작할 때.
- 밝은/어두운/보색 후보를 먼저 보고 방향을 정할 때.
- 랜딩 페이지나 소규모 리디자인의 색상 초안을 만들 때.
빠른 사용 순서
- 기준 HEX를 입력하고 팔레트를 생성합니다.
- 실제로 쓸 4~6개 색만 선택해 복사합니다.
- 간단한 목업에 적용해 본 뒤 최종 확정합니다.
자주 하는 실수
- 생성된 색을 너무 많이 동시에 사용하는 것.
- 텍스트/배경 대비 확인을 생략하는 것.
- hover/active 상태 확인 없이 강조색을 확정하는 것.
관련 Palette Generator 가이드
팔레트 구성, 액센트 선택, 적용 전 테스트 흐름을 짧은 가이드로 이어서 확인하세요.