도구 소개
사진, 스크린샷, 디자인 시안의 특정 위치에서 색상을 추출합니다. 미리보기 위치를 방향 보정 후의 원본 픽셀에 대응시켜 색상 코드, 투명도, 픽셀 좌표를 표시합니다.
사용 방법
- 이미지를 선택하거나 끌어다 놓으세요.
- 미리보기를 클릭·터치하거나 드래그하고 결과 영역에서 현재 픽셀을 확인하세요.
- 확대경으로 주변 픽셀을 확인하고 X·Y 좌표와 Alpha를 살펴보세요.
- 필요한 HEX, RGB, HSL을 복사하세요. 최근 선택한 색상에서 HEX를 복사할 수도 있습니다.
지원 형식
- PNG, JPG/JPEG, 정지 WebP 이미지를 지원합니다. 한 번에 이미지 한 장을 선택하거나 끌어다 놓으세요.
- 최대 파일 용량은 100 MiB, 픽셀 수는 4,000만, 한 변의 길이는 16384픽셀입니다. 큰 이미지는 처리에 더 많은 메모리가 필요하므로 기기 성능에 맞는 이미지를 선택하세요.
결과 안내
- HEX, RGB, HSL은 디코딩한 동일 픽셀의 색상을 나타냅니다. Alpha는 투명도를 별도로 나타내며 범위는 0~255입니다.
- 좌표는 왼쪽 위 (0, 0)에서 시작하며 방향 보정 후의 원본 너비와 높이를 기준으로 합니다. 화면의 미리보기 크기를 기준으로 하지 않습니다.
- 대표 색상 분석용 축소 샘플 대신 원본 픽셀을 읽습니다. 미리보기 확대·축소나 기기 픽셀 비율은 대응하는 원본 좌표를 바꾸지 않습니다.
- 완전히 투명한 픽셀은 투명하다고 표시합니다. 해당 RGB 숫자는 눈에 보이는 색상이 아닙니다. 최근 색상은 현재 페이지에만 유지됩니다.
원본 색상을 정확하게 확인
- 확대경은 현재 위치 주변의 원본 픽셀을 보여주므로 인접한 색상을 구분할 수 있습니다. 가장자리에서는 유효한 범위만 표시합니다.
- 브라우저가 색상 프로필을 변환할 수 있으므로 결과는 현재 브라우저에서 디코딩한 픽셀 값입니다. 표시 장치에 따라 눈에 보이는 색상이 다를 수 있습니다.
개인정보 보호
이미지는 사용 중인 브라우저에서만 처리되며 서버에 업로드되지 않습니다.
입력과 결과는 자동으로 저장되지 않습니다. 초기화하거나 페이지를 떠나기 전에 필요한 내용을 복사하거나 다운로드하고 원본 이미지도 보관하세요.
자주 묻는 질문
이미지에서 HEX 색상을 어떻게 추출하나요?
이미지를 선택하고 원하는 위치를 클릭하거나 터치한 뒤 결과의 HEX 복사를 누르세요. 확대경과 좌표로 선택한 픽셀을 확인할 수 있습니다.
HEX, RGB, HSL은 어떻게 다른가요?
색상을 표현하는 방식이 다릅니다. HEX는 16진수, RGB는 빨강·초록·파랑 값, HSL은 색상·채도·명도를 사용합니다. 여기서는 세 가지를 함께 제공합니다.
투명한 픽셀에 Alpha가 있는 이유는 무엇인가요?
Alpha는 불투명도를 기록하며 0은 완전 투명, 255는 완전 불투명입니다. 투명 이미지의 표시 결과를 이해하려면 색상 코드와 Alpha를 함께 봐야 합니다.
미리보기를 축소해도 색상 추출이 정확한가요?
미리보기 위치를 방향 보정 후의 원본 픽셀에 대응시킨 다음 그 픽셀을 읽습니다. 축소 과정에서 혼합된 색상을 쓰지 않습니다. 확대경과 좌표로 확인할 수 있습니다.