HEX → 친근한 컬러 이름. CSS 표준 140색 + Crayola + Pantone 인기 매칭. 디자인 토론·고객 커뮤니케이션에.
가까운 색 Top 10

컬러 이름 찾기 사용법

  1. HEX 코드를 입력하거나 피커로 색을 선택합니다.
  2. 매칭할 라이브러리(전체/CSS/Crayola/Pantone)를 선택합니다.
  3. 가장 가까운 이름과 ΔE 거리가 표시됩니다.
  4. 가까운 색 Top 10도 함께 보여 디자인 토론에 활용 가능합니다.
  5. 이름을 클릭하면 클립보드에 복사됩니다.

주요 기능

  • 3가지 라이브러리 (CSS 140·Crayola 100·Pantone 인기 100)
  • OKLCH 지각적 거리 매칭
  • 1순위 + 대안 Top 10 동시 표시
  • 한국어/영어 이름 동시 제공 (CSS 색상명)
  • 클릭 한 번 복사

활용 예시

  • 디자인 토론 — "이 빨간색" → "Coral Pink" 같이 정확한 호칭
  • 고객 커뮤니케이션 — 색 이름으로 의도 명확히 전달
  • 문서화 / 디자인 시스템 — 인간 친화적 색상 라벨
  • 퀴즈 / 학습 — 색 이름 배우기
  • 마케팅 카피 — 제품 설명에 색 이름 활용

색 이름의 역사

CSS는 1996년 W3C가 16개 기본 색상명(red, blue, green, etc.)을 표준화하면서 시작해 현재 140개 색상명을 지원합니다(aliceblue·chartreuse·papayawhip 등). Crayola는 1903년부터 크레용에 이름을 붙여왔고 현재 100여 가지가 있습니다. Pantone Matching System(PMS)은 인쇄 표준으로 매년 "올해의 색"을 발표합니다 (2025: Mocha Mousse). 본 도구는 가장 자주 쓰이는 이름들을 모아 OKLCH 거리로 매칭합니다.

자주 묻는 질문

왜 ΔE를 사용하나요?

ΔE는 인간이 인지하는 색 차이를 수치화합니다. 단순 RGB 거리보다 정확해서 "비슷해 보이는" 색을 더 잘 찾습니다.

Pantone 색은 정확한가요?

본 도구는 PMS의 대략적 HEX 근사값입니다. 정확한 Pantone 매칭은 별색 카드와 인쇄 견본이 필요합니다.

closest-tailwind와 어떻게 달라요?

closest-tailwind는 Tailwind 클래스, 본 도구는 친근한 이름을 찾습니다.

무료?

네, 완전 무료입니다.