3BearLabs3Bear Tools
이미지

색 영역 뷰어와 Delta E 계산기

이미지의 색이 Lab 공간에서 어디에 있는지 보고, 색의 Lab 값을 조회하고, 두 색의 차이를 측정합니다.

브라우저 안에서 처리합니다 — 파일은 이 기기를 떠나지 않습니다.

CIE Lab 공간 분석

L*a*b* Projection (L=50)
🎨

선택된 색상

HEX#FF0000
RGB255, 0, 0
CIE LAB 좌표
L*
53.2
a*
80.1
b*
67.2

이 색상은 차트에 흰색 링으로 표시됩니다. 특정 브랜드 색상이 표준 개먼트 내에 위치하는지 확인할 때 사용하세요.

알고 계셨나요?

sRGB는 CIE 1931에서 정의한 가시광선 스펙트럼의 약 35%만 커버합니다. AdobeRGB는 이를 약 50%까지 확장하며, 주로 시안(Cyan)과 녹색 영역이 더 넓습니다.

사용 방법

  1. 원하면 이미지를 업로드해 차트에 색을 표시합니다.
  2. 검사기 탭에서 색을 골라 L*, a*, b* 값을 확인합니다. 이 값은 차트에도 표시됩니다.
  3. Delta-E 탭에서 기준 색과 비교 색을 고르고 색 차이를 확인합니다.

차트는 CIE Lab 색 공간의 한 평면이며, a* 축은 초록에서 빨강으로, b* 축은 파랑에서 노랑으로 향합니다. 이미지를 업로드하면 64×64의 작은 샘플로 축소하고 그 픽셀을 색이 있는 점으로 그려, 색이 얼마나 넓게 퍼져 있는지 볼 수 있습니다. 점은 a*와 b* 값으로 그려집니다.

세 개의 버튼으로 강조할 색역을 sRGB, AdobeRGB, P3 사이에서 바꾸고, 체크박스로 윤곽선을 보이거나 숨깁니다. 각 윤곽선은 색공간 자체에서 계산합니다. RGB 큐브 표면을 Lab으로 바꾼 뒤 색상 각도마다 가장 바깥 점을 이어, a*b* 평면에 투영된 실제 색역 모양을 보여 줍니다. 이 화면은 밝기를 눌러 놓은 것이므로, 윤곽선 안에 있는 색도 그 밝기에서는 색역 밖일 수 있습니다.

검사기는 선택한 HEX 색을 Lab으로 변환합니다. 입력을 sRGB 색으로 간주하며 HEX, RGB 세 값, L*, a*, b* 값을 보여 줍니다. 차트의 흰색 링이 해당 색의 위치를 표시합니다.

델타 E 탭은 두 색을 받아 CIEDE2000 공식으로 차이를 알려 줍니다. CIEDE2000은 Lab 공간의 단순한 직선 거리를 사람 눈이 밝기·채도·색상을 느끼는 방식에 맞게 보정하므로, 특히 작은 차이에서 실제로 느끼는 차이와 더 잘 맞습니다. 대략 1 미만이면 보통 눈에 띄지 않습니다.

모든 계산은 브라우저에서 실행되며 이미지는 업로드되지 않습니다.

자주 묻는 질문

어떤 Delta E 공식을 사용하나요?

CIEDE2000입니다. Lab 거리를 밝기·채도·색상에 맞게 보정해 사람이 느끼는 차이에 더 가깝습니다.

색 영역 윤곽선은 정확한가요?

각 색공간의 RGB 큐브에서 계산한 실제 윤곽을 a*b* 평면에 보여 줍니다. 밝기는 표시하지 않으므로 정밀한 색역 매핑보다는 참고용으로 쓰세요.

검사기는 어떤 색 공간을 가정하나요?

HEX 값을 sRGB로 읽어 Lab으로 변환합니다.

이미지의 픽셀이 몇 개나 표시되나요?

이미지를 64×64 샘플로 줄이며, 그중 일부 픽셀만 그려집니다.

이미지가 업로드되나요?

아니요. 브라우저에서 처리됩니다.

관련 도구