색상 측정 가이드
Delta E가 지각적 색상 차이를 측정하는 방법
Delta E는 색상 견본 한 쌍을 수치 차이로 바꿉니다. CIEDE2000이 실제로 비교하는 것, 결과를 읽는 법, 숫자만으로 충분하지 않은 지점을 설명합니다.
Delta E 색상 차이
Delta E는 무엇을 측정하나요?
Delta E는 원시 RGB보다 시각 지각과 더 가까워지도록 만든 색 공간에서 두 색의 수치 차이를 측정합니다. 이 글은 CIEDE2000, 즉 ΔE00에 초점을 둡니다. CIELAB 좌표에서 시작해 밝기, 크로마, 색상에 가중치와 상호작용 보정을 적용합니다. 값이 낮을수록 해당 공식에서 두 색이 가깝습니다. 모든 관찰자, 화면, 재료, 배경, 작업이 똑같이 차이를 판단한다는 보장은 아닙니다.
짧은 요약
- 공식을 밝힙니다. Delta E 76, CIE94, CIEDE2000 수치는 서로 바꿔 쓸 수 없습니다.
- 보이는 견본과 실제 관찰·생산 조건을 함께 보고 값을 읽습니다.
- HSB 차이는 편집 진단에 사용하고 CIEDE2000을 대신하지 않습니다.
- WCAG 판단은 상대 휘도 기반의 별도 대비 방식을 사용합니다.
HEX 값에서 지각 비교까지
HEX 색상은 화면의 빨강, 초록, 파랑 채널을 짧게 표기합니다. 웹 색상을 공유하기에는 좋지만 같은 숫자 변화가 언제나 같은 크기로 보이도록 좌표 간격이 설계되지는 않았습니다. 어두운 파랑에서 코드 10의 변화와 밝은 노랑에서 10의 변화는 다르게 느껴질 수 있습니다. 지각 차이 공식을 쓰려면 견본을 일관되게 해석하고 정의한 색 관리 경로를 통해 CIELAB 같은 좌표로 변환해야 합니다.
CIELAB은 L*로 밝기를, a*와 b*로 대립 색상 축을 표현해 RGB보다 차이 작업에 적합합니다. 그러나 Delta E 76과 연결되는 Lab의 단순 직선거리도 모든 영역을 고르게 모델링하지 않습니다. 후속 공식은 시각 데이터를 바탕으로 조정을 더했습니다. CIEDE2000이 그중 하나입니다. 공식 ISO/CIE 11664-6:2022는 지각되는 상대 색상 차이와의 관계를 개선하기 위한 보정을 갖춘 CIE 1976 L*a*b* 차이의 확장으로 설명합니다.
CIEDE2000이 바꾸는 것
CIEDE2000은 Lab 좌표 세 개를 단순히 빼지 않습니다. 밝기, 크로마, 색상 차이를 구하고 각 구성에 가중 함수를 적용하며 크로마와 색상의 상호작용 항도 포함합니다. 색상을 각도로 다루기 때문에 0도 경계 근처에서는 특별한 주의가 필요합니다. 이런 단계는 색 공간의 비균일성과 같은 좌표 이동도 색 영역과 변화 방향에 따라 다르게 느껴진다는 점에 대응합니다.
구현 세부 사항도 중요합니다. Gaurav Sharma, Wencheng Wu, Edul Dalal은 겉보기에는 타당한 코드가 각도 경계와 특수 사례에서 다를 수 있어 구현 노트와 추가 시험 쌍을 공개했습니다. Toon Tone은 페이지 안에서 공식을 다시 쓰지 않고 색상 라이브러리의 확립된 CIEDE2000 구현을 사용합니다. 계산기는 확인하기 쉬운 HEX와 HSB 맥락을 더하지만 이 진단값을 ΔE00 자체와 분리합니다.
공식 이름과 매개변수가 중요한 이유
‘Delta E’는 하나의 보편 방정식이 아니라 차이 계산의 계열을 뜻합니다. Delta E 76은 Lab 직접거리, CIE94와 CIEDE2000은 서로 다른 보정을 쓰며 특정 용도의 다른 공식도 있습니다. 두 도구가 다른 버전을 사용하면 어느 화면도 고장 나지 않았는데 결과가 다를 수 있습니다. ‘Delta E: 2.4’만 보이는 캡처는 측정의 핵심 설명을 빠뜨립니다. 재현 가능한 기록에는 공식, 입력, 색상 가정, 매개변수가 필요합니다.
CIEDE2000에는 보통 kL, kC, kH로 나타내는 계수도 있습니다. 기준 조건은 이 계산기의 라이브러리 기본값처럼 1을 흔히 쓰지만 전문 작업은 규격으로 다른 값을 선택할 수 있습니다. 그 결과를 기본 브라우저 숫자와 가볍게 비교하면 안 됩니다. 브랜드, 섬유, 도장, 실험실, 제조 규칙이 공식과 허용치를 지정한다면 전체 규격을 따릅니다. 웹 도구는 학습, 디지털 분류, 명시한 가정 안의 재현 비교에 적합합니다.
과장 없이 결과를 해석하는 법
가장 안전한 공통 해석은 방향입니다. 0은 계산상 같은 쌍이고 값이 커질수록 선택한 공식에서 차이가 커집니다. 실용 구간은 결과를 분류하는 데 도움이 되지만 모든 상황의 하나뿐인 식별 한계를 만들지는 않습니다. 관찰자는 다르고, 나란히 놓인 견본은 시간과 장소가 떨어진 견본보다 비교하기 쉽습니다. 크기, 질감, 광택, 조명, 순응, 주변색, 프로필, 보정이 공식이 근사하려는 경험을 바꿉니다.
해당 작업에 속한 임계값만 사용하세요. 디자인 팀은 보정 기준 화면의 토큰 이동에 내부 허용치를 정할 수 있습니다. 인쇄는 지정 조명에서 측정한 물리 견본을 사용합니다. 게임은 피드백을 위해 Delta E를 점수로 변환할 수 있습니다. 세 사용 모두 다른 합격 규칙으로 유효할 수 있습니다. 지배 규칙이 없다면 조심스럽게 설명하고 두 견본과 입력을 남기며 변화가 실제 목적에 영향을 주는지 판단합니다.
HSB 차이가 편집 설명을 더하는 방법
HSB는 화면색을 색상, 채도, 밝기로 구성합니다. 기억한 색을 편집하는 익숙한 흐름, 즉 색 계열을 고르고 강도를 맞춘 뒤 밝고 어두움을 조정하는 방식과 맞습니다. CIEDE2000이 두 견본의 차이를 알려 준 뒤 HSB 델타가 방향을 보여 줍니다. 밝기 차이는 값 교정, 채도 차이는 더 흐리거나 선명한 견본, 색상 차이는 환 위 이동을 뜻합니다. 원형 거리는 359도에서 1도를 큰 점프로 오해하지 않습니다.
HSB 자체는 지각적으로 균일하지 않습니다. 색상 10도 이동은 채도와 밝기에 따라 다르게 보이고 밝기 10포인트도 모든 색에서 같은 효과가 아닙니다. 그래서 계산기는 세 HSB 차이를 경쟁하는 다른 점수로 합치지 않습니다. CIEDE2000 옆의 진단으로 표시합니다. 이 조합은 Toon Tone에서 전체 가까움과 다음 라운드에 고칠 익숙한 슬라이더를 함께 이해하도록 돕습니다.
Delta E와 WCAG 대비가 다른 질문인 이유
Delta E는 지각 모델의 색상 차이를 묻습니다. WCAG 텍스트 대비는 정의된 비율 계산으로 전경과 배경의 상대 휘도를 비교합니다. 색상 차이만으로 읽기 좋음을 보장하지 않습니다. 선명한 파랑과 빨강은 분명 달라도 주어진 크기의 텍스트 대비를 만족하지 못할 수 있습니다. 색상 차이가 거의 없는 두 회색도 휘도 간격으로 유용한 비율을 만들 수 있습니다. Delta E를 WCAG 합격이나 실패로 바꿀 수 없습니다.
웹 인터페이스에서는 두 검사를 제자리에 둡니다. Delta E는 의도하지 않은 팔레트 변화, 브랜드 토큰, 견본 이동을 확인합니다. 텍스트, 비텍스트 요소, 포커스 표시는 적용되는 WCAG 방식과 성공 기준을 사용합니다. 상태, 테두리, 아이콘, 글꼴, 배경도 실제 설계에 영향을 주므로 전체 컴포넌트를 봅니다. 편리한 색상 차이 숫자가 접근성 인증으로 오해되지 않도록 계산기도 경계를 밝힙니다.
Toon Tone 점수에서 Delta E의 의미
Toon Tone은 플레이어 HSB와 저장된 목표를 화면색으로 바꾸고 지각 거리를 계산해 더 가까운 일치에 높은 점수를 줍니다. 5라운드를 읽고 공유하기 쉽게 하는 제품 규칙입니다. 선택 HSB와 목표 HSB는 오차를 설명합니다. 90점이 Delta E 10과 같지 않고 어느 숫자도 사람 색 기억의 백분위가 아닙니다.
이 구분은 게임이 뒷받침할 수 없는 과학적 주장을 피하게 합니다. 야간 모드, 밝은 화면, 방 조명, 캐릭터를 본 경험, 개인 지각이 플레이에 영향을 줍니다. Toon Tone은 브라우저가 처리한 값에 일관된 피드백을 주지만 한 결과를 진단으로 쓰기보다 자기 라운드의 패턴을 비교해야 합니다. 직접 계산기는 게임 점수 변환을 제거하고 CIEDE2000 쌍 값만 보고 싶은 사람을 위해 있습니다.
재현 가능한 색상 비교 방법
원본 디자인 토큰이 있으면 압축 스크린샷에서 추출하지 말고 소스 값을 사용합니다. 표기를 정규화하고 색 프로필 또는 웹 가정을 기록하며 전체 쌍에 같은 공식을 사용합니다. 실제 결정과 관련된 크기와 배경에서 견본을 보여 줍니다. 비교에 충분한 정밀도로 ΔE00을 기록하되 소수점이 늘었다고 보정되지 않은 환경이 더 정확해지는 듯 말하지 않습니다. 수정할 사람이 있다면 HSB 변화 방향도 남깁니다.
마지막으로 결정과 권한을 밝힙니다. 탐색 디자인은 문서화한 내부 임계값과 시각 검토, 접근성은 지배하는 대비 요구 사항, 인쇄와 생산은 측정 견본, 보정 기기, 지정 표준을 사용합니다. Toon Tone 연습은 공개 값과 한 채널 교정을 다음 라운드에 적용합니다. 신뢰할 비교는 숫자 하나가 아니라 공식, 입력, 조건, 보이는 근거, 해석, 다음 행동을 함께 기록합니다.
5단계 Delta E 작업 흐름
다른 사람이 이해하고 반복할 수 있는 비교를 위한 점검표입니다.
1. 정확한 입력 확보
압축 화면 캡처 대신 원본 HEX 또는 측정 좌표와 관련 프로필을 기록합니다.
2. 공식 명시
CIEDE2000 또는 실제 대안을 밝히고 모든 버전이 같은 듯 이름 없는 Delta E로 보고하지 않습니다.
3. 맥락에서 비교
결정에 필요한 실제 크기, 배경, 매체, 테마, 조명에서 봅니다.
4. 방향 진단
HSB 또는 소스 채널로 편집을 찾되 지각 점수와 분리합니다.
5. 지배 규칙 적용
프로젝트, 접근성, 실험실, 인쇄, 게임 중 실제 합격을 결정하는 규칙을 사용합니다.
CIE · University of Rochester · W3C
1차 참고 자료와 구현 자료
공식의 맥락, 구현 시험, 웹 접근성 판단에 별도로 쓰는 WCAG 대비 방식을 확인할 수 있습니다.
설명을 직접 시험하기
Delta E 색상 차이 질문
CIEDE2000은 모든 Delta E와 같나요?
아닙니다. Delta E 76, CIE94, CIEDE2000 등은 계산이 다릅니다. 항상 공식 버전을 함께 기록하세요.
Delta E 0은 무엇인가요?
처리된 두 견본이 해당 계산에서 같다는 뜻입니다. 원본 기기나 물체가 올바르게 측정되었다는 증명은 아닙니다.
하나의 임계값을 모든 프로젝트에 쓸 수 있나요?
없습니다. 공식, 관찰 조건, 재료, 관찰자, 위험, 지배 표준에 따라 허용이 달라집니다.
CIEDE2000이 Lab을 쓰는데 왜 HSB를 보여 주나요?
HSB는 익숙한 편집 진단을 제공해 색상, 채도, 밝기 오차를 찾으며 ΔE00을 대신하지 않습니다.
Delta E로 WCAG 대비를 증명할 수 있나요?
없습니다. WCAG는 상대 휘도와 정의된 성공 기준을 씁니다. 별도로 평가하세요.