비주얼디렉터(visual-director)가 사용하는 색상 심리학 스킬. 색상별 감정 반응, 산업별 색상 전략, 접근성 기반 팔레트 설계, 컬러 시스템 구축 방법론을 제공한다. '컬러 팔레트', '색상 전략', '색채 심리', '브랜드 컬러' 등에 활용한다.
Scanned 5/29/2026
Install via CLI
openskills install revfactory/harness-100---
name: color-psychology
description: "비주얼디렉터(visual-director)가 사용하는 색상 심리학 스킬. 색상별 감정 반응, 산업별 색상 전략, 접근성 기반 팔레트 설계, 컬러 시스템 구축 방법론을 제공한다. '컬러 팔레트', '색상 전략', '색채 심리', '브랜드 컬러' 등에 활용한다."
---
# Color Psychology — 색상 심리학 방법론
visual-director 에이전트가 브랜드 컬러 시스템을 설계할 때 활용하는 색채 심리 전문 지식.
## 왜 색상이 브랜드를 결정하는가
색상은 로고보다 먼저 인식된다. 연구에 따르면 소비자의 **62~90%가 첫인상을 색상만으로 판단**한다. 코카콜라의 빨강, 티파니의 청록, 스타벅스의 녹색 — 색상이 곧 브랜드다.
## 색상별 심리 반응 매트릭스
### 주요 색상
| 색상 | 긍정적 연상 | 부정적 연상 | 산업 적합성 | 대표 브랜드 |
|------|-----------|-----------|-----------|-----------|
| **빨강** | 열정, 에너지, 긴급 | 위험, 공격 | 식품, 미디어, 세일 | 코카콜라, YouTube, Netflix |
| **파랑** | 신뢰, 안정, 전문성 | 차가움, 보수 | 금융, IT, 의료 | 삼성, 페이스북, IBM |
| **초록** | 자연, 성장, 건강 | 미숙, 탐욕 | 친환경, 건강, 금융 | 스타벅스, 네이버, Spotify |
| **노랑** | 낙관, 따뜻함, 창의 | 주의, 불안 | 식품, 어린이, 엔터 | 카카오, 맥도날드, IKEA |
| **주황** | 친근, 활력, 재미 | 싸구려 | 통신, 스포츠, 식품 | 당근마켓, 아마존, 니켈로디언 |
| **보라** | 고급, 창의, 신비 | 과장, 불안 | 뷰티, 럭셔리, 테크 | 카카오뱅크, Twitch, Yahoo |
| **검정** | 고급, 권위, 세련 | 무거움, 애도 | 럭셔리, 패션, 테크 | 샤넬, Apple, Nike |
| **흰색** | 순수, 미니멀, 깨끗 | 공허, 차가움 | 의료, 테크, 뷰티 | Apple, 무인양품 |
### 색상 온도와 브랜드 포지셔닝
```
따뜻함 ←───────────────────────→ 차가움
빨강 주황 노랑 | 초록 파랑 보라
열정 친근 낙관 | 균형 신뢰 고급
충동적 ←──────────────────────→ 이성적
```
## 브랜드 컬러 팔레트 구축
### 60-30-10 규칙
| 비율 | 역할 | 사용처 |
|------|------|--------|
| **60%** | 주 색상 (Primary) | 배경, 대면적 |
| **30%** | 보조 색상 (Secondary) | 섹션 구분, 강조 영역 |
| **10%** | 강조 색상 (Accent) | CTA 버튼, 핵심 요소 |
### 팔레트 구성 유형
| 유형 | 색상 관계 | 느낌 | 적합한 브랜드 |
|------|---------|------|-------------|
| **단색 (Monochromatic)** | 한 색상의 명도/채도 변형 | 세련, 일관 | 미니멀, 럭셔리 |
| **유사 (Analogous)** | 색상환 인접 3~4색 | 조화, 안정 | 자연, 웰니스 |
| **보색 (Complementary)** | 색상환 반대편 | 대비, 에너지 | 스포츠, 엔터 |
| **분할보색 (Split-Comp)** | 보색 양옆 2색 | 대비+안정 | 다용도 |
| **삼색 (Triadic)** | 색상환 120도 간격 | 활발, 다채로움 | 어린이, 크리에이티브 |
### 팔레트 설계 프로세스
1. **브랜드 에센스에서 감정 키워드 추출**: "신뢰+혁신" → 파랑 계열 + 강조색으로 주황
2. **경쟁사 색상 분석**: 동일 색상 회피 또는 의도적 차별화
3. **주 색상 결정**: 감정 매트릭스에서 최적 색상 선택
4. **팔레트 유형 결정**: 브랜드 성격에 맞는 구성
5. **접근성 검증**: WCAG AA 이상 대비율 확보
6. **적용 시뮬레이션**: 로고, 웹, 인쇄, 소셜 등 모든 터치포인트에서 테스트
## 색상 접근성 기준
| 기준 | 대비율 | 용도 |
|------|--------|------|
| **WCAG AA** | 4.5:1 (본문), 3:1 (대형 텍스트) | 최소 기준 |
| **WCAG AAA** | 7:1 (본문), 4.5:1 (대형 텍스트) | 권장 기준 |
### 접근성 체크 항목
- [ ] 텍스트-배경 대비율 AA 이상
- [ ] 색맹 시뮬레이션 (적록, 청황, 전색맹)
- [ ] 그레이스케일 변환 시 구분 가능
- [ ] 다크모드 대응 색상 정의
## 색상 코드 명세서 포맷
```
## 브랜드 컬러 시스템
### Primary Color
- 이름: [브랜드 고유 이름]
- HEX: #XXXXXX
- RGB: R, G, B
- CMYK: C, M, Y, K
- Pantone: XXXX C
- 사용처: 로고, 주요 배경, 헤더
### Secondary Color
- ...
### Accent Color
- ...
### Neutral Colors
- White: #FFFFFF
- Light Gray: #F5F5F5
- Dark Gray: #333333
- Black: #000000
### 사용 금지 규칙
- 주 색상 위에 보조 색상 텍스트 금지
- 강조 색상은 전체 면적의 10% 초과 금지
- [특정 색상 조합] 금지 — 접근성 미달
```

No comments yet. Be the first to comment!