색상 거리 (ΔE)
두 색의 지각적 차이를 숫자로 — CIE76 ΔE·CIEDE2000 ΔE·일반 RGB 거리, 나란한 스와치.
- ΔE 200031.36
- ΔE 7667.18
- RGB 거리85.15
지각
다름 — 명확히 별개 색.
ΔE는 D65 기준 백색 CIE Lab에서 계산 — 모든 모던 색 관리 도구가 쓰는 동일 관례.
사용법
- 두 HEX 색 입력 또는 스와치로 선택.
- CIEDE2000 확인 — 신뢰할 지각적 숫자.
- 하단 메모가 값을 정성적 설명에 매핑.
자세한 설명
펼치기접기
ΔE(델타 E)는 "두 색이 사람 눈에 얼마나 다르게 보이는가"를 하나의 숫자로 나타내는 표준 방법입니다. CIEDE2000이 현대의 기준이며, 1 미만은 대개 구분되지 않고, 2 미만은 매우 가깝고, 10 근처면 확실히 다르고, 50 이상이면 색상환의 반대편입니다. CIE76은 호환을 위해, RGB 거리는 소박한 기준선으로 함께 보여 줍니다.
세 숫자가 서로 다른 것은 의도된 것이고, 그 차이 자체가 핵심입니다. RGB 거리는 색 입방체를 보통의 기하 공간으로 다루기 때문에, 눈이 훨씬 민감한 녹색 영역의 변화를 파랑 영역의 같은 변화와 똑같이 평가합니다. CIE76은 CIE LAB에서 측정해 그 문제를 줄이지만 공간 전체가 균일하다고 가정해 채도가 높은 색 사이의 차이를 과장합니다. CIEDE2000은 실제 관측자 데이터로 맞춘 명도, 채도, 색상 가중치와 파랑 영역 회전 항을 더한 것이라, 허용 오차를 근거로 제시해야 할 때 인용할 값입니다.
두 입력은 sRGB로 읽혀 선형 RGB를 거쳐 D65 백색점의 CIE XYZ로 변환됩니다. 색이 Display P3나 Adobe RGB 같은 넓은 색역에서 온 것이라면 같은 16진수 값이 다른 색을 뜻하므로 여기 수치는 모두 어긋납니다. 색순응 단계도 없어서 결과는 인쇄나 따뜻한 실내광이 아니라 D65 관찰 조건을 설명합니다.
ΔE가 알려 주지 못하는 것은 방향입니다. 명도만 다른 쌍과 색상만 다른 쌍이 같은 점수를 받을 수 있어, 하나의 값은 크기일 뿐 설명이 아닙니다. 가독성 지표도 아닙니다. 텍스트 대비는 명도만 따지는 WCAG 휘도비가 결정하므로, ΔE가 넉넉한 조합도 대비 검사에서는 떨어질 수 있습니다.
자주 묻는 질문
Δ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
CSS color-mix() 미리보기 (보간 공간 비교)
모던 CSS color-mix() 함수가 두 색을 보간 공간(srgb, hsl, oklch, lab 등)에 따라 어떻게 다르게 섞는지 비교 — 실시간 스와치와 복사 가능한 CSS.
색상·CSS
색상 이름 찾기
임의의 hex/RGB 색상에 가장 가까운 CSS·Tailwind·XKCD 색상 이름을 OKLab 인지 거리 기준으로 정렬해 표시.
색상·CSS
CSS 블렌드 모드 시뮬레이터
W3C 컴포지팅 표준의 16 가지 mix-blend-mode(multiply·screen·overlay·soft-light·hue·color·luminosity 등)를 두 색에 적용한 결과를 한눈에 비교하고, 각 모드별 CSS 스니펫을 복사할 수 있습니다.
색상·CSS
색 밝기 비교 (HSL vs Lab L* vs WCAG vs HSP)
HSL 명도, HSV 값, WCAG 상대 휘도, CIE L*, Rec. 709 루마, HSP, (R+G+B)/3 등 7가지 밝기 척도로 한두 색을 비교해, 더 밝아 보여야 할 색이 왜 어두워 보이는지 확인합니다.
색상·CSS
색상 대비 검사기
글자/배경 대비를 WCAG AA·AAA 기준으로 검사하세요.
색상·CSS