이미지 색상 분석기의 핵심 기능
- HEX/ARGB 값으로 주요 색상 팔레트 추출
- 마우스 호버로 실시간 색상 샘플링
- 클릭하여 정확한 픽셀 색상 선택
- 색상 분포 비율 표시
- 대화형 색상 미리보기 패널
사용 방법
이미지 추가하기
업로드 영역을 클릭하거나 이미지를 끌어다 놓습니다. 브라우저가 표시할 수 있는 형식이면 됩니다 — PNG, JPEG, GIF, WebP, SVG.
픽셀을 집거나 팔레트 읽기
이미지 위로 포인터를 옮기면 그 아래 색이 미리 보이고, 클릭하면 고정됩니다. 동시에 오른쪽에 이미지의 주요 색 목록이 나타납니다.
색 값 아무거나 클릭해 복사하기
고정한 색이든 팔레트 항목이든, 클릭하면 그 HEX 또는 ARGB 값이 클립보드에 복사됩니다.
실제 사용 사례
- 색상 구성표를 만드는 디자이너
- 브랜드 색상을 일치시키는 웹 개발자
- 참조 이미지를 분석하는 디지털 아티스트
- 색상 이론을 가르치는 교육자
- 제품 사진의 품질 검사
기술 사양
- 지원 형식: JPG/PNG/WEBP/GIF/SVG
- 브라우저 기반 처리
- 고성능 색상 클러스터링 알고리즘
- CIE Lab 색상 공간 분석
- 크로스 디바이스 호환성
보안 및 개인정보 보호
- 100% 클라이언트 측 처리
- 이미지 데이터 업로드 제로
- 자동 메모리 정리
- 추적 쿠키 없음
- GDPR 준수
접근성
- 회원가입 불필요
- 상업적 사용 무료
- 모바일 최적화 인터페이스
- 색상 대비 준수
자주 묻는 질문
- 제 이미지가 서버로 업로드되나요?
- 아니요. 파일은 브라우저의 FileReader로 읽어 로컬 canvas에 그립니다. 요청을 보내지 않으며 어디에도 저장되지 않습니다.
- 집은 색이 이미지 편집기에서 보는 색과 조금 다른 이유는 무엇인가요?
- 여기 표시되는 미리보기는 긴 변 기준 최대 500픽셀로 줄인 뒤 다시 인코딩되고, 부드러운 축소가 이웃 픽셀을 섞습니다. 그래서 경계가 뚜렷한 곳의 색은 원본 파일의 그 픽셀이 아니라 섞인 값으로 읽힐 수 있습니다. 색이 평평한 영역에서는 둘이 일치합니다.
- 주요 색은 어떻게 판단하나요?
- 이미지를 200픽셀로 줄여 격자로 표본을 뽑은 뒤, 각 색을 CIE76 색차로 다른 색과 비교합니다. 차이가 10 미만인 색조는 하나의 평균색으로 합쳐집니다. 표본 픽셀의 1% 이상을 차지해야 목록에 오르고, 목록은 많은 순으로 최대 18개입니다.
- 각 색 옆의 두 값은 무엇을 뜻하나요?
- HEX는 흔히 쓰는 6자리 웹 색상값입니다. ARGB는 alpha 채널을 맨 앞에 씁니다 — ARGB(255, 120, 40, 90)은 완전히 불투명한 빨강 120, 초록 40, 파랑 90을 뜻합니다. 불투명한 이미지에서 alpha는 항상 255이고, 절반보다 투명한 픽셀은 팔레트를 만들 때 제외됩니다.