Colour Name Finder

색상 명칭 및 팔레트 분석 엔진

미적 유틸리티

색상 이름 찾기 & 팔레트 생성 엔진

고성능 정밀 색상 분류 및 명칭 검색 인터페이스. CIELAB 색 공간 Delta E 공식을 기반으로 100% 브라우저 내부에서 오프라인으로 안전하게 구동됩니다.

매칭 방식:
원형 패널을 클릭하여 원하는 색상을 선택하세요
#
RGB 슬라이더
R121
G40
B202
지각적 일치99.8% 일치율

퍼플 하트

HEX
#7928ca
RGB
121, 40, 202
HSL
270°, 67%, 47%
CMYK
40%, 80%, 0%, 21%
디자이너를 위한 팁

디스플레이 색상 정확도 캘리브레이션

웹과 인쇄물 전반에서 정확한 컬러 일관성을 확보하세요. 전문가용 하드웨어 보정 4K 모니터를 살펴보세요.

Amazon에서 4K 모니터 확인하기광고안내: Amazon 제휴 프로그램의 일환으로 적격 구매에 대해 수수료를 제공받을 수 있습니다.
최근 검사 기록
최근 검사 기록이 없습니다.

색상 하모니 (배색 조합)

색상환 회전을 기반으로 연산된 시각적 조화 배색 조합입니다.

보색 (Complementary)색상환에서 정반대에 위치한 강렬한 대비 색상 (180° 회전).
유사색 (Analogous)색상환에서 30° 간격으로 인접한 자연스럽고 편안한 조합.
삼각 배색 (Triadic)색상환을 120° 균등 분할하는 정삼각형 구조의 세 가지 색상.
분할 보색 (Split-Comp)기준색과 그 보색의 양옆에 인접한 두 색상의 배색.
사각 배색 (Tetradic)두 쌍의 보색으로 이루어진 다채롭고 풍부한 직사각형 조합.

색조 변화 및 웹 접근성 대비 검사

수학적 명암/채도 단계 생성 및 WCAG 웹 접근성 대비율 감사.

어두운 톤 Shades (블랙 추가)
밝은 톤 Tints (화이트 추가)
중간 톤 Tones (그레이 추가)

명도 대비율 검사.

배경색이 텍스트 가독성을 위한 WCAG 웹 접근성 기준을 충족하는지 실시간으로 검사합니다.

흰색 텍스트 (#FFFFFF)--
일반 본문 텍스트 샘플큰 굵은 텍스트 샘플
일반 텍스트 AA (4.5:1)--
일반 텍스트 AAA (7.0:1)--
큰 텍스트 AA (3.0:1)--
큰 텍스트 AAA (4.5:1)--
검은색 텍스트 (#000000)--
일반 본문 텍스트 샘플큰 굵은 텍스트 샘플
일반 텍스트 AA (4.5:1)--
일반 텍스트 AAA (7.0:1)--
큰 텍스트 AA (3.0:1)--
큰 텍스트 AAA (4.5:1)--

색상 명칭 사전

1,500개 이상의 정선된 색상 명칭, 역사적 전통 안료 및 웹 표준 컬러 데이터베이스를 검색하세요.

전체 1,566개 색상 표시 중
데이터베이스 불러오는 중...
플랫폼 핵심 기능

정밀 색상 분석을 위한 강력한 기능

오차 없는 수학적 정밀도로 색상을 추출, 번역, 검사, 생성하는 올인원 툴킷.

다양한 입력 지원

헥스 코드 직접 입력, RGB/HSL 슬라이더 미세 조정, 이미지 업로드 및 실시간 카메라 캡처 지원.

방대한 데이터베이스

CIELAB Delta E 인지 공식을 활용하여 1,500개 이상의 공식 색상 명칭과 매칭.

즉각적인 포맷 변환

HEX, RGB, HSL, CMYK 색 공간 간의 수학적 무손실 변환을 실시간 지원.

균형 잡힌 배색 생성

보색, 유사색, 삼각 배색, 분할 보색 등 조화로운 컬러 하모니 자동 생성.

웹 접근성 대비율 검사

WCAG 2.1 AA 및 AAA 국제 가이드라인 기준에 부합하는 명도 대비율 즉각 판정.

기록 저장 및 간편 복사

최근 분석 기록을 브라우저에 자동 보관하며 클릭 한 번으로 모든 코드 복사 가능.

가이드 및 기술 문서

색상 이름 찾기 도구 종합 가이드

인간 시각 인지 매칭, 헥스 코드 변환, 이미지 색상 분석이 디지털 디자인 워크플로우를 어떻게 혁신하는지 알아보세요.

1. 정밀 색상 이름 찾기 도구가 필요한 이유

색상은 시각 커뮤니케이션과 브랜드 구축에서 가장 중요한 요소입니다. 하지만 디자이너가 말하는 '하늘색'과 개발자가 다루는 #87CEEB 사이에는 소통의 간극이 발생합니다. 전문 색상 이름 검색 도구는 이 둘을 완벽하게 연결해 줍니다.

본 가이드에서는 색상 명명 체계의 원리, 감각적 거리 계산의 우수성 및 디자인 시스템 적용 방법을 다룹니다.

2. 색상의 구조: 헥스 코드와 인간 시각 인지 매칭

헥스 코드는 컴퓨터에 최적화된 형식으로 인간의 뇌로는 직관적으로 색상명을 유추하기 어렵습니다.

단순한 RGB 유클리드 거리는 인간 눈의 녹색/노란색 파장 민감도를 반영하지 못해 어색한 결과를 낳습니다.

본 서비스는 인간 시각과 일치하도록 고안된 CIELAB 색 공간 및 CIEDE2000 공식을 사용하여 사람이 실제로 보는 느낌과 가장 일치하는 명칭을 제공합니다.

3. 사진 및 이미지에서 즉각적으로 색상 추출하기

사진이나 디자인 시안을 업로드하여 픽셀 단위로 색상명을 즉시 감별하고 지배적인 팔레트를 추출할 수 있습니다.

  • 완벽한 프라이버시: 이미지가 외부 서버로 업로드되지 않고 100% 브라우저에서 분석됩니다.
  • 정밀 돋보기 루페: 픽셀을 확대하여 커서 아래의 정확한 RGB 좌표를 표시합니다.
  • 원클릭 명칭 조회: 픽셀을 클릭하면 해당 색상의 표준 명칭과 변환 코드를 즉시 표시합니다.
  • 대표 팔레트 클러스터링: 이미지에서 가장 두드러진 대표 색상을 자동 군집화합니다.

4. 헥스 코드를 통한 색상 검색 및 필터링

헥스 코드를 입력하면 즉시 표준 색상명, RGB, HSL, CMYK 변환값 및 유사도 퍼센트를 확인할 수 있습니다.

5. PWA 기반 오프라인 환경 지원

프로그레시브 웹 앱(PWA) 기술로 제작되어 데스크톱 및 모바일 기기에 앱처럼 설치하고 인터넷 연결 없이도 사용할 수 있습니다.

6. 알고리즘 기술 세부 사항: CIELAB 매핑

입력된 RGB를 CIE XYZ 공간을 거쳐 L*(명도), a*(적/녹), b*(황/청)의 CIELAB 좌표계로 변환한 뒤 CIEDE2000으로 정밀 색차를 산출합니다.

7. 디자인 시스템과 프론트엔드 실무 적용

시맨틱 디자인 토큰에 직관적인 이름을 부여하고, CSS 코드 가독성을 높이며, WCAG 접근성을 사전에 검증할 수 있습니다.

자주 묻는 질문

자주 묻는 질문 (FAQ)

색상 검색, 매칭 알고리즘, 디지털 컬러 활용에 관한 궁금증을 해결하세요.

색상 이름 찾기는 어떻게 사용하나요?

#7928ca와 같은 헥스 코드를 입력하거나 슬라이더를 조절하면 1,500개 이상의 데이터베이스에서 CIELAB Delta E 공식으로 가장 일치하는 이름을 찾아줍니다. 이미지를 올리거나 카메라를 이용할 수도 있습니다.

눈앞의 색상을 어떻게 식별할 수 있나요?

헥스 코드 입력, 사진 업로드 후 돋보기 픽셀 선택, 또는 스마트폰 카메라를 비추어 중앙의 십자선으로 물체 색상을 캡처하는 방법이 있습니다.

색상 이름은 어떤 기준으로 정해지나요?

디지털 수치를 국제 표준 명칭에 매핑합니다. 인간 시각과 일치하는 CIELAB 공간을 사용하여 사람이 보기에 가장 자연스러운 이름을 찾아냅니다.

어울리는 배색은 어떻게 찾나요?

보색, 유사색, 삼각 배색 등의 하모니 생성 도구를 이용하거나 틴트/셰이드/톤 변형 및 사전 검색을 활용할 수 있습니다.

색상 식별이란 무엇인가요?

RGB, HEX 등의 기술적 수치를 인간이 인지할 수 있는 표준 명칭으로 변환하는 과정이며 CIEDE2000 등 고급 색차 공식이 사용됩니다.

이름이 정확한지 어떻게 확인하나요?

사전에 등록된 색상과 완벽히 일치하면 '정확히 일치' 배지가 표시되며, 그 외에는 인지적 유사도 백분율(예: '98% 일치')이 표시됩니다.

개발자 전용 도구인가요?

아닙니다! 디자이너, 일러스트레이터, 마케터, 화가, 인테리어 전문가 및 색상에 관심 있는 모든 사용자를 위해 제작되었습니다.

비전공자도 쉽게 사용할 수 있나요?

물론입니다. 직관적인 시각적 인터페이스로 코딩이나 전문 지식 없이도 누구나 손쉽게 색상을 찾을 수 있습니다.