ColorFYI
둘러보기
색상 계열
Red Colors
Orange Colors
Yellow Colors
Lime Colors
Green Colors
Teal Colors
Cyan Colors
Blue Colors
Indigo Colors
Purple Colors
Pink Colors
Brown Colors
Gray Colors
색상 톤
Pastel Colors
Neon Colors
Dark Colors
Light Colors
Muted Colors
Earth Tone Colors
Jewel Tone Colors
Neutral Colors
Warm Colors
Cool Colors
Metallic Colors
Monochrome Colors
디자인 시스템
Tailwind CSS
Radix UI
Ant Design
Material Design
색상 의미
Calming Colors
Energetic Colors
Professional Colors
Romantic Colors
Natural Colors
Luxury Colors
전체 보기 →
브랜드
Technology
Social Media
Fashion
Food & Beverage
Finance
Automotive
Retail
Sports
Entertainment
Design
Health & Wellness
Education
Travel
Cryptocurrency
브랜드 전체 보기 →
명명 색상
CSS
X11
Crayola
Brand
Pantone
RAL
NCS
Cultural
Custom
전체 둘러보기 →
컬렉션
Pantone
Cultural
CSS
Design Movement
Color Meaning
Seasonal
Brand
Algorithm
전체 보기 →
용어 사전
색상 용어
색채 이론
색상 조화
접근성
색채 심리학
색상 이름
명명 색상 사전
전체 보기 →
도구
대비 검사기
색상 변환기
팔레트 생성기
쉐이드 생성기
색각 이상 시뮬레이터
그라디언트 생성기
전체 도구 →
블로그
전체 글
→
튜토리얼
색채 과학 개념을 실제 디자인과 개발 작업에 적용하는 단계별 튜토리얼입니다.
브랜드 컬러
유명 브랜드가 사용하는 색상 팔레트와 그 이면의 시각 정체성 결정을 분석합니다.
디자인 트렌드
UI, 그래픽 디자인, 디지털 제품에서 떠오르는 최신 색채 트렌드를 다룹니다.
브랜드 이야기
주요 기업들이 시간이 지나면서 색상 선택과 시각적 브랜딩을 어떻게 발전시켰는지 심층적으로 살펴봅니다.
색채 이론
색채 관계, 색상환, 조화, 대비, 지각 모델에 관한 기초 원리를 다룹니다.
색채 심리학
색이 인간의 지각, 감정, 행동에 어떻게 영향을 미치는지, 그리고 디자인과 마케팅에서의 활용을 다룹니다.
문화 속 색상
문화, 전통, 지역에 따라 색의 의미와 상징이 어떻게 달라지는지를 다룹니다.
툴 가이드
컨버터, 대비 검사기, 팔레트 생성기를 포함한 ColorFYI 도구 사용법 가이드입니다.
색상 Q&A
이론, 포맷, 사용법에 관해 개발자와 디자이너가 자주 묻는 색채 과학 질문에 대한 답변입니다.
RSS Feed
API
$refs.searchInput?.focus())" class="flex items-center justify-center rounded-md p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200" :class="{ 'hidden sm:flex': !open }" aria-label="색상 검색">
=2) window.location='/search/?q='+encodeURIComponent(query)" placeholder="색상, 브랜드 검색..." class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm shadow-lg focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-gray-600 dark:bg-gray-900 dark:focus:border-blue-400">
🇺🇸
English
English
🇰🇷
한국어
Korean
🇯🇵
日本語
Japanese
🇨🇳
中文简体
Chinese (Simplified)
🇪🇸
Español
Spanish
🇧🇷
Português
Portuguese
🇮🇳
हिन्दी
Hindi
🇸🇦
العربية
Arabic
🇫🇷
Français
French
🇷🇺
Русский
Russian
🇩🇪
Deutsch
German
🇹🇷
Türkçe
Turkish
🇻🇳
Tiếng Việt
Vietnamese
🇮🇩
Bahasa Indonesia
Indonesian
🇹🇭
ไทย
Thai
색상 계열
색상 톤
디자인 시스템
색상 의미
브랜드
명명 색상
컬렉션
용어 사전
도구
블로그
API
#83F69C
</> Embed
Embed This Widget
×
Script
iframe