색 이름 찾기

HEX 코드는 있는데 이름을 모르시나요? 이 도구는 입력한 색을 두 가지 이름 목록, 즉 HTML과 CSS에서 쓸 수 있는 148개 CSS 색상 이름과 20만 명이 넘는 사람들이 색을 자기 말로 이름 붙인 xkcd 색 설문의 949개 이름과 비교해, 지각적 차이(CIEDE2000)가 가장 작은 이름을 알려 줍니다. "이름 → 색"으로 바꾸면 "dusty rose"나 "teal" 같은 이름을 찾아 코드를 얻을 수 있습니다.

사용 방법

1. 색을 입력하거나 붙여 넣습니다: HEX, rgb(), hsl() 등 모든 CSS 색상 표기가 됩니다.
2. CSS 이름, xkcd 이름, 둘 다 중에서 검색 대상을 고릅니다.
3. 가장 가까운 이름과 ΔE2000을 확인합니다. 작을수록 가깝습니다.
4. 또는 "이름 → 색"을 고르고 이름을 입력해 HEX와 RGB를 얻습니다.

계산식

가장 가까운 이름 = 입력한 색과의 ΔE₀₀(CIEDE2000)가 가장 작은 항목. 둘 다 sRGB에서 CIELAB(D50)로 변환해 비교합니다

ΔE₀₀가 약 1 미만이면 대부분의 사람이 구별하지 못하고, 2–3은 작지만 보이는 차이이며, 10을 넘으면 색이 분명히 다릅니다. gray/grey 철자와 중복 쌍인 aqua/cyan, fuchsia/magenta는 한 번만 표시합니다.

예시

#3B7DD8을 검색하면 CSS 이름으로는 steelblue #4682B4가 ΔE2000 5.24로 나옵니다. 가깝지만 눈에 띄게 다릅니다. xkcd 이름으로는 clear blue #247AFD가 2.86으로 훨씬 가깝습니다. #FF6347처럼 정확한 키워드는 ΔE2000 0인 "tomato #FF6347"로 나옵니다. 반대로 "tomato"를 찾으면 CSS 색 #FF6347이 먼저, xkcd 설문의 tomato #EF4026이 두 번째로 나옵니다. 설문 참여자들은 더 짙은 빨강을 골랐습니다.