이미지 색상 추출 스포이드란?
이미지 색상 추출 스포이드(컬러피커)는 사진이나 이미지에서 원하는 지점의 색을 클릭 한 번으로 뽑아내고 HEX·RGB·HSL·HSV·CMYK 색상 코드를 바로 복사할 수 있는 무료 온라인 도구입니다. 웹사이트 배경색을 그대로 맞추고 싶을 때, 로고나 브랜드 컬러를 정확히 알아내고 싶을 때, 사진의 분위기에 어울리는 색을 디자인에 쓰고 싶을 때 별도 프로그램 설치 없이 브라우저에서 즉시 색을 추출할 수 있습니다.
마우스를 올리면 돋보기가 픽셀을 확대해 보여주므로 1픽셀 단위로 정확하게 색을 고를 수 있고, 이미지 전체에서 가장 많이 쓰인 대표 색상 팔레트를 자동으로 추출해 한 번에 보여줍니다. 추출한 색은 히스토리에 저장되고 팔레트는 CSS 변수나 JSON으로 내보낼 수 있어, 디자이너·개발자·블로거 모두에게 유용합니다. 모든 작업은 서버 전송 없이 브라우저에서만 처리되어 안전합니다.
주요 기능
정밀 픽셀 스포이드 + 돋보기
이미지 위 어디든 클릭하면 그 픽셀의 색을 추출합니다. 마우스 위치를 확대하는 돋보기 오버레이로 1픽셀까지 정확히 선택할 수 있습니다.
5가지 색상 코드 원클릭 복사
선택한 색을 HEX·RGB·HSL·HSV·CMYK로 동시에 표시하고, 원하는 형식을 클릭하면 바로 클립보드에 복사됩니다.
대표 색상 팔레트 자동 추출
색상 군집화(median-cut)로 이미지의 핵심 색 5~8개를 자동 추출하고, CSS 변수·JSON으로 내보내거나 파일로 다운로드할 수 있습니다.
히스토리·대비 안내·완전 로컬
추출한 색은 자동 저장되고, 흰/검 배경 명도 대비를 안내합니다. 모든 처리는 브라우저에서만 이루어져 이미지가 서버로 전송되지 않습니다.
사용 방법
- 이미지 올리기 — 드래그 앤 드롭, 파일 선택, 또는 Ctrl+V 붙여넣기로 색을 추출할 이미지를 업로드합니다.
- 스포이드로 색 찍기 — 이미지 위로 마우스를 움직이면 돋보기가 픽셀을 확대해 보여줍니다. 원하는 지점을 클릭해 색을 선택하세요.
- 색상 코드 복사 — HEX·RGB·HSL·HSV·CMYK 중 필요한 형식을 클릭하면 클립보드에 복사됩니다.
- 팔레트 확인 — 자동 추출된 대표 색상 팔레트에서 스와치를 클릭해 색을 선택하거나 복사합니다.
- 내보내기 — 팔레트를 CSS 변수·JSON으로 복사하거나 JSON 파일로 다운로드합니다. 추출한 색은 히스토리에 자동 저장됩니다.
이럴 때 활용하세요
웹·앱 디자인 색 맞추기
디자인 시안이나 레퍼런스 이미지에서 정확한 배경색·강조색을 추출해 CSS에 그대로 적용할 수 있습니다.
브랜드·로고 컬러 확인
로고 이미지에서 정확한 브랜드 컬러 HEX 코드를 알아내 가이드라인이나 굿즈 제작에 활용합니다.
사진 기반 무드보드·팔레트
여행 사진이나 인테리어 사진의 분위기를 담은 색 조합을 팔레트로 추출해 디자인 콘셉트를 잡습니다.
블로그·PPT·문서 꾸미기
이미지에서 어울리는 색을 뽑아 글자·도형·표 색으로 활용하면 일관된 색감의 콘텐츠를 만들 수 있습니다.
자주 묻는 질문
이미지 색상 추출은 어떻게 하나요?
이미지를 드래그 앤 드롭하거나 파일 선택, Ctrl+V 붙여넣기로 올린 뒤, 원하는 지점을 클릭하면 그 픽셀의 색이 추출됩니다. 마우스를 올리면 돋보기가 픽셀을 확대해 보여주므로 정확한 지점을 클릭할 수 있고, 선택 즉시 HEX·RGB·HSL·HSV·CMYK 코드가 함께 표시됩니다.
추출한 색의 HEX·RGB 코드를 어떻게 복사하나요?
색을 클릭하면 HEX, RGB, HSL, HSV, CMYK 다섯 가지 형식이 한 번에 표시됩니다. 원하는 형식의 박스를 클릭하면 해당 코드가 곧바로 클립보드에 복사되어, CSS·디자인 툴·문서 어디든 바로 붙여넣을 수 있습니다.
이미지에서 대표 색상 팔레트도 뽑을 수 있나요?
네. 이미지를 올리면 색상 빈도와 군집(median-cut 양자화)을 기반으로 대표 색상 팔레트를 자동으로 추출합니다. 5·6·8색 중에서 개수를 고를 수 있고, 팔레트 전체를 CSS 변수나 JSON으로 복사하거나 JSON 파일로 다운로드할 수 있습니다.
업로드한 이미지가 서버에 저장되나요?
아니요. 모든 처리는 브라우저(Canvas) 안에서만 이루어지며, 이미지는 서버로 전송되거나 저장되지 않습니다. 추출한 색상 기록만 사용자의 브라우저 localStorage에 저장되어 개인정보가 안전합니다.
휴대폰에서도 사용할 수 있나요?
네. 모바일 터치를 지원하여 손가락으로 이미지를 누르고 움직이면 돋보기로 픽셀을 확인하며 색을 추출할 수 있습니다. 작은 픽셀도 돋보기 배율을 높이면 정확하게 선택할 수 있습니다.
color-converter(색상 코드 변환기)와 무엇이 다른가요?
색상 코드 변환기는 이미 알고 있는 HEX·RGB·HSL 값을 형식 간 변환하는 도구이고, 이 스포이드는 반대로 '이미지에서 색을 뽑아내는' 도구입니다. 추출한 색은 변환기로 보내 다른 형식으로 더 자세히 다룰 수도 있습니다.
개인정보 안내
업로드한 이미지는 서버로 전송되거나 저장되지 않으며, 색상 추출·팔레트 분석을 포함한 모든 처리가 사용자의 브라우저(Canvas) 안에서만 이루어집니다. 추출한 색상 기록은 사용자의 브라우저 localStorage에만 저장되어 다른 기기나 서버와 공유되지 않으므로 안심하고 사용할 수 있습니다.
댓글과 질문