이미지 색상 추출기
PNG, JPEG, WebP 이미지에서 0부터 시작하는 좌표로 픽셀 하나를 골라 RGB HEX 코드, RGBA 바이트값, 투명도를 확인합니다.
기기에 있는 이미지에서 픽셀 하나의 색을 읽습니다. PNG, JPEG, WebP 파일을 올리고 가로·세로 픽셀 좌표를 입력하면, 불투명 RGB HEX 코드와 추출한 알파 바이트값, 그 투명도를 유지한 색상 견본을 받을 수 있습니다. 파일은 기기 밖으로 나가지 않고 브라우저 안에서만 처리됩니다.
사용 방법
- 25 MiB 이하, 해석 후 1,600만 픽셀 이하인 지원 이미지를 한 장 고릅니다.
- 왼쪽 가장자리 기준 X와 위쪽 가장자리 기준 Y를 0부터 시작해서 입력합니다.
- 계산해서 RGB 값과 알파를 모두 확인합니다.
- 참고용 이미지가 필요하면 색상 견본을 내려받습니다.
계산식
RGBA = (x, y)의 캔버스 픽셀; 알파 비율 = 알파 바이트 ÷ 255
좌표는 브라우저가 방향을 처리한 뒤의 해석된 이미지를 원래 픽셀 크기로 본 값입니다. HEX에는 RGB 채널만 표시되며, 이 색이 배경과 어떻게 섞이는지는 알파 값이 결정합니다.
예시
160×100 이미지에서 오른쪽 아래 픽셀은 (159, 99)입니다. 이 픽셀의 RGBA 바이트가 255, 0, 0, 128이면 RGB HEX는 #FF0000이고, 알파는 128/255 ≈ 0.501961입니다.
좌표 범위
X는 해석된 이미지의 너비보다 작아야 하고, Y는 높이보다 작아야 합니다. 오른쪽이나 아래쪽 경계 위나 바깥의 좌표는 그림 밖의 투명한 픽셀을 읽는 대신 거부됩니다.
자주 묻는 질문
배경이 다르면 견본이 왜 다르게 보이나요?
반투명한 픽셀은 뒤에 있는 색과 섞여 보입니다. PNG 견본은 알파를 유지하지만, 6자리 HEX는 불투명한 RGB만 나타냅니다.
압축된 파일의 원래 값을 그대로 읽나요?
브라우저가 해석한 캔버스 픽셀을 읽습니다. JPEG 디코딩, 색상 관리, 사전 곱셈 알파에 따라 채널 값이 달라질 수 있습니다. 파일의 색상 프로파일을 분석하는 도구는 아닙니다.
이미지를 직접 클릭해서 고를 수 있나요?
이 버전은 숫자 픽셀 좌표로 선택합니다. 표시되는 원래 크기를 보고 올바른 지점을 고르세요. 화면에 보이는 미리보기는 크기가 줄어들어 있을 수 있습니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/color-picker/
인용·퍼가기
kakaoCalc. (2026, November 8). 이미지 색상 추출기. https://kakao.mobile/ko/tools/color-picker/
“이미지 색상 추출기.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/color-picker/.