색상 추출

이미지 속 주요 색상 코드

색을 뽑을 이미지를 끌어다 놓으세요

붙여넣기(Ctrl+V)도 돼요 · 최대 50MB

파일은 서버로 전송되지 않아요. 모든 처리는 이 기기의 브라우저 안에서만 이뤄져요.

사용 방법

주요 색상은 어떻게 고르나요?

이미지를 긴 변 400px로 줄인 표본에서 비슷한 색끼리 묶고, 많이 쓰인 순서대로 보여 줘요. 색 옆의 %는 이미지에서 그 색이 차지하는 비율이에요. 아주 비슷한 색은 하나로 합쳐요.

로고의 투명한 배경도 색으로 잡히나요?

절반 넘게 투명한 픽셀은 주요 색상 계산에서 빼요. 그래서 투명 배경은 결과에 나오지 않고, 이미지가 모두 투명하면 색을 찾지 못해요. 스포이드로 투명한 곳을 누르면 색 대신 ‘투명한 곳이라 색이 없어요’라는 안내가 나와요.

스포이드로 집은 값이 원본과 조금 달라요.

스포이드는 화면에 맞춰 줄인 미리보기에서 색을 집어요. 작은 글자나 색 경계에서는 주변 색이 섞일 수 있으니, 같은 색이 넓게 칠해진 곳의 가운데를 눌러 보세요.

색상 코드는 어떤 형식으로 복사되나요?

HEX(#1A2B3C)와 rgb(26, 43, 60) 두 가지로 복사할 수 있어요. CSS나 디자인 툴에 그대로 붙여 넣으면 돼요.

키보드로도 스포이드를 쓸 수 있나요?

이미지에 초점을 둔 뒤 화살표 키로 위치를 옮기고 Enter를 누르면 그 자리의 색을 집어요.