💡 브랜드 무드와 컬러 성격에 따른 사이트 모음. 남의 컬러 스포이드 찍기 전에 봐야 할 필수 도구들.

1. 컬러 무드 & 팔레트 추출 (Color Mood & Palette)

<aside>

Picular
- 한 줄 요약: 감성 단어와 브랜드 심리 키워드로 헥스코드 검색
- 레벨업 팁: 브랜드 초반 기획 단계에서 추상적인 무드를 시각적인 컬러 데이터로 치환할 때 유용 </aside>

<aside>

Khroma
- 한 줄 요약: 내 디자인 취향을 학습하는 AI 맞춤형 조합 추천
- 레벨업 팁: 포스터나 타이포그래피 레이아웃 형태로 매칭을 보여줘서 무드보드 뼈대 잡기 좋음 </aside>

<aside>

Grabient
- 한 줄 요약: 각도와 컬러 칩을 정교하게 만지는 실무형 그라디언트
- 레벨업 팁: 사이트 내에서 직접 컬러를 미세 조정하며 트렌디한 배너나 포인트 화면 제작 가능 </aside>

<aside>

BrandColors
- 한 줄 요약: 글로벌 유명 브랜드들의 실제 공식 컬러 가이드라인
- 레벨업 팁: 경쟁사들의 컬러 심리를 벤치마킹하고 우리 브랜드만의 차별점을 도출할 때 활용 </aside>

<aside>

Pigment
- 한 줄 요약: 조명(Lighting)과 피그먼트 조절로 독보적인 브랜드 감성 톤 추출
- 레벨업 팁: 뻔하지 않고 고급스러운 뷰티, 패션, 라이프스타일 브랜드 톤앤매너 잡기에 최적 </aside>

2. 실제 레이아웃 & UI 적용 (Layout & UI Application)

<aside>

Happy Hues
- 한 줄 요약: 배경색 중심의 레이아웃과 컬러별 심리 가이드 확인
- 레벨업 팁: 배경이 어두울 때나 밝을 때 본문과의 배색 관계를 페이지 전체 화면으로 시뮬레이션 </aside>

<aside>

Realtime Colors
- 한 줄 요약: 고른 색상을 웹/앱 화면에 실시간 대입 및 가독성 체크
- 레벨업 팁: 피그마 플러그인과 연동성이 좋아서 시안 전 가독성과 시각적 밸런스 사전 검증 </aside>

<aside>

Huemint
- 한 줄 요약: 로고, 웹, 일러스트 등 목적별로 메인·서브 컬러 AI 배분
- 레벨업 팁: 키 컬러 하나만 고정해 두고 목적에 맞게 알아서 분배해 주므로 시안 작업 속도 단축 </aside>

급하면 스포이드 찍어도 됩니다. 저도 그래요. 근데 내 브랜드, 내 디자인에 언제까지 남의 색깔 베낄건가요. 그동안 컬러 사이트로 물감 장난한 거 이제 그만하고, 아래의 기준으로 빌드업해서 내 컬러 찾아보죠.

<aside>

❶ 기획 [Mood & Persona] : 시각적 뼈대 확립
- '예쁜 색' 스포이드 찍기 전에 브랜드 감성 단어 3개 먼저 정의하고 검색하기 </aside>

<aside>

❷ 비율 [60-30-10 Rule] : 화면 밸런스 결정
- 팔레트 칩 면적에 속지 말고 배경 60%, 메인 30%, 포인트 10% 배분하기 </aside>

<aside>

❸ 대비 [WCAG & Readability] : 감도의 한 끗 차이
- 모니터 감성에만 취하지 말고 배경과 글자색의 명도 대비 가독성 확인하기 </aside>

💡 한 끗 차이 팁 : 컬러 차별화 내 브랜드나 디자인에 이 기준들을 명확히 녹여서 칠하면, 그때부터 경쟁 브랜드와 확실한 '다름'을 만들 수 있습니다.

<aside>

눈에 띄는 디자인ㅣ눈띄고 스튜디오