이미지 색상 추출 — 문제 해결

입력·출력 예제

뽑은 색이 이상하다면 대개 투명 픽셀을 눌렀거나, 가장자리나 그라데이션이거나, 압축된 원본이거나, 다른 앱에서 보이는 색과 비교한 경우예요.

분명히 검정이 아닌 자리에서 결과가 정확히 rgb(0, 0, 0)이라면 PNG나 SVG의 완전히 투명한 영역을 클릭했을 가능성이 커요. 보이는 도형 안쪽을 다시 클릭하세요. 한 가지 색으로 보이는데 클릭할 때마다 숫자가 조금씩 다르다면 JPG 압축 노이즈나 부드러운 그라데이션이에요. 여러 지점을 찍어 가운데 값을 쓰세요.

자주 오는 문의로, 마케터가 도구의 HEX가 디자인 파일의 색과 다르다고 하는 경우가 있어요. 어느 한쪽을 탓하기 전에 두 곳에서 같은 픽셀을 비교하세요. 색상 프로파일이 다르거나, 캡처이거나, 크기를 바꾼 복사본이면 값이 달라질 수 있어요. 원본 파일을 다시 열어 같은 도형을 다시 클릭해 보세요.

색상 값을 추출할 수 없다는 메시지가 나오면 PNG로 다시 저장해 보세요. 이미지를 읽지 못했다고 나오면 파일이 비어 있지 않은지, PNG·JPG·WebP·GIF·SVG·AVIF·BMP 중 하나인지 확인하세요. 여러 파일을 한꺼번에 놓으면 거부되니 한 장씩 놓으세요. 브라우저가 클립보드를 막아 복사가 안 되면 표시된 값을 선택해서 직접 복사하세요.

큰 사진은 캔버스가 축소 표시되어 기억하는 색과 달라 보일 수 있어요. 도구가 클릭 위치를 실제 픽셀 위치로 환산하니 확대할 필요는 없지만, 아주 작은 디테일은 클릭하지 않는 게 좋아요.

Pixel selected in an image

HEX and RGB values

캔버스에서는 투명 픽셀이 검정으로 읽혀요. 비치는 영역에서 검정이 나오는 건 선택기 오류가 아니라 이미지의 한계예요.