최근 수정 시각 : 2026-02-22 13:51:14
1. 개요2. 주요 기능3. 지원 색상 체계4. 컬렉션5. 관련 문서6. 외부 링크
ColorFYI는 개발자와 디자이너를 위한 색상 레퍼런스 웹 서비스이다.
2. 주요 기능
2.1. 인터랙티브 도구
ColorFYI는 6가지 브라우저 기반 실시간 색상 도구를 제공한다.
| 도구 | 경로 | 설명 | 관련 문서 |
| 명암비 검사기(Contrast Checker) | /tools/contrast-checker/ | 전경색·배경색 조합의 WCAG 2.1 명암비(AA/AAA) 준수 여부 확인 | 색각 이상, 다크 모드 |
| 색상 변환기(Color Converter) | /tools/converter/ | HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK ↔ OKLCH 6가지 포맷 상호 변환 | 헥스 코드, RGB, HSL, CMYK |
| 팔레트 생성기(Palette Generator) | /tools/palette-generator/ | 기준색으로부터 보색, 유사색, 삼색 조화, 분할 보색, 사각 조화 5가지 배색 자동 생성 | 보색, 10색상환 |
| 셰이드 생성기(Shade Generator) | /tools/shade-generator/ | 임의의 색상에서 Tailwind CSS 스타일 20단계(50~950) 명도 스케일 생성 | Tailwind CSS |
| 색각 이상 시뮬레이터(Color Blindness Simulator) | /tools/color-blindness-simulator/ | 적색맹, 녹색맹, 청색맹, 전색맹 4가지 시뮬레이션 | 색각 이상 |
| 그라데이션 생성기(Gradient Generator) | /tools/gradient-generator/ | 선형·방사형 CSS 그라데이션 생성 및 코드 복사 | 그라데이션 |
2.2. 색상 데이터베이스
| 분류 | 수량 | 설명 |
| 헥스 색상 페이지 | 16,777,216개 | 모든 24비트 색상에 대해 포맷 변환, 조화색, Tailwind 셰이드, 명암비 정보 제공 |
| 명명색(Named Colors) | 809개 | CSS(148), X11(338), Crayola, Pantone, RAL, NCS, 전통색 등 |
| 브랜드 컬러 | 544개 브랜드 / 1,335색 | 기술, 소셜미디어, 패션, 자동차, 암호화폐 등 14개 카테고리 |
| 컬렉션 | 23개 이상 | Pantone, Tailwind CSS, Radix UI, Ant Design, 오방색, 일본 전통색 등 |
| 용어사전 | 103개 색채 이론 용어 + 139개 명명색 어원 | 색채심리학, 색 공간, 접근성 등 주제별 정리 |
| 블로그 | 215편 | 색채 이론, 브랜드 색상 분석, CSS 활용법 등 교육 콘텐츠 |
| 큐레이션 팔레트 | 15개 | 시즌별, 디자인 트렌드별 배색 모음 |
JSON 기반 REST API를 제공하여 외부 애플리케이션에서 색상 데이터를 활용할 수 있다.
| 엔드포인트 | 설명 |
/api/color/{HEX}/ | 색상 정보 (6개 포맷 변환, 조화색, 셰이드 등) |
/api/contrast/?fg=HEX&bg=HEX | WCAG 명암비 계산 |
/api/search/?q=QUERY | 통합 검색 (색상, 브랜드, 용어, 블로그) |
/api/graph/ | D3.js용 색상 관계 그래프 데이터 |
3. 지원 색상 체계
| 체계 | 표기 형식 | 용도 |
| HEX | #4285F4 | 웹 표준 색상 표기 |
| RGB | rgb(66, 133, 244) | 디지털 디스플레이 |
| HSL | hsl(217°, 89%, 61%) | CSS 색상 함수 |
| HSV | hsv(217°, 73%, 96%) | 이미지 편집 소프트웨어 |
| CMYK | cmyk(73%, 45%, 0%, 4%) | 인쇄 |
| OKLCH | oklch(0.63, 0.17, 264°) | 지각적 균일 색 공간 (CSS Color Level 4) |
문화권별 전통색, 디자인 시스템, 팬톤 트렌드 등을 큐레이션하여 제공한다.
| 카테고리 | 주요 컬렉션 |
| 문화 | 한국 오방색, 일본 전통색(日本の伝統色), 중국 전통색, 인도 색채 전통 |
| 디자인 | 바우하우스, 아르데코, 머티리얼 디자인 |
| 브랜드 | Tailwind CSS, Radix UI, Ant Design |
| Pantone | 올해의 색, 트렌드 팔레트 |
| 계절 | 봄·여름·가을·겨울 팔레트 |
| 의미 | 따뜻한 색, 차가운 색, 대지색 |
5. 관련 문서
6. 외부 링크