색상 거리 (ΔE)
ΔE(델타 E)는 "두 색이 사람 눈에 얼마나 다르게 보이는지"를 단일 숫자로 표현하는 표준. CIEDE2000이 현대 기준 — ~1 미만은 보통 구분 불가·~2 미만은 매우 비슷·10 부근은 명확히 다름·50+ 는 휠의 반대편. CIE76은 호환용·RGB 거리는 단순 기준선.
- ΔE 200031.36
- ΔE 7667.18
- RGB 거리85.15
지각
다름 — 명확히 별개 색.
ΔE는 D65 기준 백색 CIE Lab에서 계산 — 모든 모던 색 관리 도구가 쓰는 동일 관례.
사용법
- 두 HEX 색 입력 또는 스와치로 선택.
- CIEDE2000 확인 — 신뢰할 지각적 숫자.
- 하단 메모가 값을 정성적 설명에 매핑.
자주 묻는 질문
- ΔE76과 ΔE2000이 다른 이유?
- ΔE76은 Lab 공간의 단순 유클리드 거리 — 계산 쉽지만 파랑 영역에서 왜곡. CIEDE2000은 색조·채도·명도 민감도 차이를 보정. 모던 색 관리 소프트웨어(Pantone·X-Rite·Adobe)는 CIEDE2000 보고.
- 감지 가능 최소 차이?
- 통제된 시청 조건에서 ΔE 1 정도. 실제 — 나쁜 모니터·주변광·나란히 vs 기억 비교 — 보통 ΔE 2~3에서 알아채기 시작.
- 사양서에는 어떤 공식을 적어야 하나?
- 표준이나 기존 공정이 다른 것을 요구하지 않는 한 CIEDE2000이다. 1976년 공식이 차이를 잘못 재는 구간, 특히 파랑 계열과 채도가 높은 색을 바로잡았고, 요즘 쓰는 허용치 수치도 이 공식을 전제로 한다. 어느 쪽을 쓰든 숫자 옆에 공식 이름을 함께 적어라. 허용치 2는 두 공식에서 같은 뜻이 아니다.
- ΔE가 크면 글자가 잘 읽힌다는 뜻인가?
- 아니다. 둘은 다른 것을 잰다. 가독성은 상대 휘도를 비교하는 명암비에 달려 있고, ΔE는 지각되는 색 차이를 잰다. 색상이 크게 달라도 밝기가 비슷하면 명암비 요건을 통과하지 못할 수 있다. 읽히는지는 명암비 검사기로, 색을 맞추는지는 ΔE로 보라.
관련 도구
OKLCH 컬러 피커
지각적으로 균등한 OKLCH 공간(명도·채도·색조)에서 색 픽 — 각 픽이 sRGB 디스플레이 gamut 안에 들어가는지 표시.
CSS color-mix() 미리보기 (보간 공간 비교)
모던 CSS `color-mix()` 함수가 두 색을 보간 공간(srgb, hsl, oklch, lab, lch, hwb, oklab, srgb-linear)에 따라 어떻게 다르게 섞는지 한눈에 비교 — 실시간 스와치, 계산된 hex, 공간별 전체 그라데이션, 그리고 복사 가능한 CSS.
색상 이름 찾기
임의의 hex/RGB 색상에 가장 가까운 CSS·Tailwind·XKCD 색상 이름을 OKLab 인지 거리 기준으로 정렬해 표시.
CSS 블렌드 모드 시뮬레이터
W3C 컴포지팅 표준의 16 가지 mix-blend-mode(multiply·screen·overlay·soft-light·hue·color·luminosity 등)를 두 색에 적용한 결과를 한눈에 비교하고, 각 모드별 CSS 스니펫을 복사할 수 있습니다.
색 밝기 비교 (HSL vs Lab L* vs WCAG vs HSP)
HSL 명도·HSV 값·WCAG 상대 휘도(LRV)·CIE Lab L*(지각 명도)·Rec. 709 루마·HSP 지각 밝기·단순 (R+G+B)/3 등 7 가지 밝기 척도를 한 색 또는 두 색에 대해 동시에 비교. '더 밝아 보여야 할' 색이 왜 더 어두워 보이는지 한눈에 확인합니다.
색상 대비 검사기
글자/배경 대비를 WCAG AA·AAA 기준으로 검사하세요.