이미지 색상 추출 도구 - 사진에서 색상 추출

이미지 위에서 원하는 픽셀 클릭만 하면 HEX·RGB·HSL 한 번에. 돋보기로 확대해서 정확한 색 고르기까지.

이미지를 드롭하거나 클릭하여 선택

확대 후 정확한 색상 추출 · 영역 크기 조절 가능

100%
영역 1px
추출 모드: 클릭으로 색상 추출 · 휠로 확대/축소
혹시 원하시는 툴이 아니신가요? 챗봇 질문하기로 원하시는 툴을 찾아보세요

사진에서 색 뽑는 법

  1. 업로드 - 사진을 드래그하거나 클릭해서 선택.
  2. 마우스 이동 - 커서를 올리면 확대된 돋보기 화면이 따라와요.
  3. 클릭 - 원하는 색상 위치를 클릭해서 집기.
  4. 복사 - HEX, RGB, HSL 값 중 원하는 형식으로 복사하면 끝.

이 컬러 피커의 특징

  • 돋보기 기능 - 커서 주변이 확대돼서 1픽셀 단위로 정확히 집을 수 있어요.
  • 3가지 포맷 한 번에 - HEX, RGB, HSL, RGBA까지 동시에 표시.
  • 색상 기록 - 방금 뽑은 20개 색상이 옆에 쌓여서 팔레트처럼 쓸 수 있어요.
  • 원클릭 복사 - 값 옆의 버튼만 누르면 클립보드로 바로 복사됩니다.

사진에서 색상값 뽑아내기

핀터레스트에서 마음에 드는 무드보드를 봤는데 거기 쓰인 색을 내 작업에도 쓰고 싶을 때, 경쟁사 웹페이지 스크린샷에서 브랜드 컬러 HEX 값이 필요할 때, 내 프로젝트 참고 이미지의 정확한 색상 코드를 따오고 싶을 때 쓰는 도구예요.

이미지를 올리고 원하는 지점을 클릭하면 그 픽셀의 HEX, RGB, HSL 값이 바로 표시됩니다. 스포이드 아래에 돋보기가 따라다녀서 1픽셀 단위로 정확하게 집을 수 있어요. 방금 뽑은 색은 옆에 기록으로 쌓여서 나중에 다시 쓸 수 있습니다.

다른 컬러 피커랑 비교

기능FreeToolboxImageColorPicker.comHTML-Color-Codes.info
돋보기아니요아니요
포맷HEX, RGB, HSL, RGBAHEX, RGBHEX, RGB
기록예 (20개)아니요아니요
개인정보브라우저 안에서만서버 업로드서버 업로드

자주 묻는 질문

정확도는 어느 정도예요?

픽셀 단위로 완벽하게 집어요. Canvas API로 클릭한 그 점의 RGBA 값을 그대로 읽어오거든요. 같은 자리를 여러 번 클릭해도 항상 똑같은 값이 나옵니다.

모든 이미지에서 다 되나요?

네, 브라우저가 열 수 있는 포맷이면 다 가능해요. JPG, PNG, WebP, GIF, BMP, SVG까지 지원합니다.

색상 기록이 뭐예요?

클릭해서 뽑은 색상이 화면 옆에 20개까지 쌓여요. 저장한 색상을 다시 클릭하면 그 값이 다시 불러와져서 복사할 수 있고, 팔레트처럼 활용할 수 있습니다.

사진이 서버로 업로드되나요?

아니요. 전부 브라우저 안에서 처리돼요. 개인 사진이나 민감한 디자인 시안도 안심하고 올리세요.

모바일에서도 쓸 수 있나요?

가능하긴 한데, 돋보기 기능은 마우스 커서 기반이라 데스크톱이 훨씬 정확해요. 모바일에선 원하는 지점을 탭해서 색을 뽑으시면 됩니다.