이미지 색상 추출기 (스포이드)
사진이나 캡처 이미지에서 원하는 지점을 찍어 색상 코드를 뽑습니다. 브라우저가 지원하면 화면 어디든 찍는 스포이드도 함께 쓸 수 있습니다.
광고
광고 자리
이렇게 계산돼요
이미지를 올리면 브라우저가 그림을 화면에 그리고, 누른 자리의 픽셀 값을 그대로 읽어 색상 코드로 보여줍니다. 파일은 서버로 올라가지 않고 브라우저 안에서만 처리됩니다. 이미지는 화면 폭에 맞춰 줄여 그리므로 누른 좌표를 원본 크기로 되돌려 계산하는데, 이 보정을 하지 않으면 큰 사진일수록 엉뚱한 지점의 색이 나옵니다. 방식은 둘 중 하나를 먼저 고릅니다. 이미지 업로드는 어디서나 되고, 화면 어디든 찍는 스포이드는 브라우저가 EyeDropper 기능을 지원할 때만 실제로 동작합니다. MDN은 이 기능을 널리 지원되지 않는 실험적 기술로 분류하고 있고 HTTPS에서만 동작합니다. 지원하지 않는 브라우저에서 스포이드를 고르면 그 사실을 알리고 이미지 업로드로 넘어가는 버튼을 함께 보여줍니다. 화면을 캡처해서 올려 찍으면 같은 결과를 얻습니다. 가장 많이 어긋나는 지점은 캡처 이미지의 색입니다. 화면을 캡처해 JPG로 저장하면 압축 과정에서 색이 미세하게 달라져, 같은 자리를 찍어도 원본과 다른 값이 나옵니다. 특히 색이 급격히 바뀌는 경계에서 차이가 큽니다. 정확한 값이 필요하면 PNG처럼 손실이 없는 형식으로 저장한 뒤 올리세요.
자주 묻는 질문
화면 전체를 찍는 기능은 아직 널리 지원되지 않는 실험적 기능이라 브라우저를 가리고, 휴대폰에서는 대체로 쓸 수 없습니다. 이 도구는 열 때마다 브라우저에 직접 물어 판단하므로 안내가 나오면 실제로 안 되는 것이 맞습니다. 화면을 캡처해 이미지 업로드로 올려 찍으시면 같은 결과를 얻습니다.
JPG로 저장했다면 압축 때문입니다. JPG는 색을 조금 버리는 방식으로 용량을 줄이기 때문에, 색이 급격히 바뀌는 경계에서 특히 어긋납니다. 정확한 값이 필요하면 PNG로 캡처해 올리세요. 모니터 색보정이 걸려 있으면 화면에 보이는 색과 파일에 담긴 색이 또 다를 수 있습니다.
저장되지 않습니다. 파일을 고르면 브라우저가 직접 읽어 화면에 그리고, 픽셀 값도 브라우저 안에서 읽습니다. 어디로도 전송되지 않으므로 인물 사진이나 업무 화면 캡처도 그대로 쓰셔도 됩니다.
색으로 잡지 않고 넘어갑니다. PNG의 투명한 영역을 찍으면 검정으로 읽히기 쉬운데, 그 값을 그대로 돌려주면 잘못 골랐다는 사실을 알 수 없기 때문입니다. 투명한 자리를 눌렀다면 색이 바뀌지 않으니 다른 지점을 찍어 보세요.
광고
광고 자리
함께 보면 좋은 도구
색상 변환HEX·RGB·HSL 코드를 서로 바꿉니다. 어느 형식이든 그대로 붙여넣으면 알아서 읽고, 색 위에 흰 글자와 검은 글자의 대비를 숫자로 보여줍니다.이미지 압축사진 용량 줄이기와 JPG·PNG·WebP 확장자 변환을 한 번에 합니다. 파일이 서버로 올라가지 않고 브라우저 안에서 처리되며, 가입이나 설치 없이 무료로 씁니다.비밀번호 생성기안전한 무작위 비밀번호(패스워드)를 만듭니다. 길이와 문자 종류를 고르면 강도를 함께 보여주며, 생성은 브라우저 안에서만 이루어집니다.UUID겹치지 않는 고유 식별자(UUID v4)를 한 번에 여러 개 만듭니다. 대문자·하이픈 없음 등 형식을 고를 수 있고, 가지고 있는 값이 올바른지도 검사합니다.