이미지 색상 추출기
브라우저에서 바로 사진 속 색상을 추출하세요. 확대경이 픽셀을 크게 보여주고, 클릭 한 번이면 복사 가능한 HEX, RGB, HSL 코드가 나타납니다.
🔒 전적으로 귀하의 브라우저에서 처리됩니다. 여기에 입력하는 어떤 것도 업로드되지 않습니다.
결과
이 이미지 색상 추출기는 간단하지만 자주 제기되는 질문에 답합니다. '저 픽셀의 정확한 색상은 무엇일까?' 사진, 스크린샷, 디자인 내보내기 파일을 업로드하거나 드래그해 넣으면 도구가 픽셀 단위로 정확한 캔버스 위에 그려줍니다. 커서를 움직이면 확대경이 따라다니며 그 아래 11×11 픽셀을 크게 보여주어 정밀하게 조준할 수 있으며, 커서 아래의 색상 값은 실시간으로 표시됩니다. 한 번 클릭하면 색상이 세 개의 카드 — CSS용 HEX, 코드용 RGB, 밝기 조정에 편리한 HSL — 로 떨어지고, 각 카드에는 별도의 복사 버튼이 있습니다.
이런 추출기에서 정밀도는 핵심입니다. 앤티앨리어싱 처리된 텍스트, 그라디언트, 사진의 가장자리에서는 이웃한 픽셀끼리도 뚜렷하게 다르며, 축소된 미리 보기에서 눈대중으로 선택하면 대개 잘못된 색조를 얻게 됩니다. 확대경은 모든 물리적 픽셀을 커다란 정사각형으로, 중앙에 십자선과 함께 보여주므로, 복사한 값은 정확히 사용자가 의도한 바로 그 픽셀의 값입니다. 마지막 8개의 선택 색상은 스와치로 히스토리에 보관되며, 그중 아무거나 클릭하면 해당 색상을 다시 복사할 수 있습니다.
이 도구는 브라우저의 캔버스 API를 기반으로 만들어졌으며 완전히 사용자의 기기에서 실행됩니다. 이미지는 절대 업로드되지 않으며, 대기열이나 계정도 없고, 기밀 모의 디자인이나 문서도 안전하게 검사할 수 있습니다. 브라우저가 열 수 있는 어떤 이미지 형식과도 작동하며, 여기에는 PNG, JPG, WebP, GIF, SVG가 포함됩니다.
일반적인 사용 사례: 스타일 가이드를 분실했을 때 로고에서 브랜드 색상 복원하기, 기준이 되는 스크린샷에 UI 색상 맞추기, 그라디언트가 실제로 렌더링하는 색상 확인하기, 사진에서 팔레트 후보 색상 추출하기. 이후 CMYK나 정규화된 값 등 다른 표기법으로 색상이 필요하면, 색상 형식 변환 도구가 스포이트가 끝난 지점에서 바로 이어받아 처리합니다.