이미지 컬러 피커

이미지나 이미지 URL에서 색상 코드를 추출합니다

업데이트 정보이미지 색상 선택기에서 가장자리 근처를 누를 때 약간 어긋난 위치의 색상을 추출하는 불편을 수정했습니다업데이트 정보 보기

특징

클릭으로 즉시 색 추출

이미지의 임의의 위치를 누르기만 하면 색을 취득

5가지 형식의 색상 코드 지원

HEX·RGB·HSL·HSV·CMYK를 동시 표시

25~400%의 확대 표시

세부의 색도 확대와 드래그 이동으로 정확하게 취득

이미지 URL에서도 불러오기 가능

파일뿐 아니라 URL 지정으로도 색을 추출

사용 방법

이미지 파일이나 URL 불러오기

파일을 선택하거나 이미지 URL을 입력해 불러오기

확대율 조정과 드래그

플러스마이너스 버튼으로 25~400%로 확대하고 위치를 이동

색을 클릭해 취득

이미지 위의 원하는 위치를 클릭해 그 색을 추출

색상 코드 복사

HEX 등 각 형식의 값을 복사 버튼으로 취득

활용 사례

웹 디자인의 배색

참고 이미지에서 색을 뽑아내 사이트의 배색에 반영

코딩의 색 지정

HEX나 RGB를 그대로 CSS에 옮겨 적어 구현을 효율화

브랜드 컬러의 특정

로고 이미지에서 정확한 브랜드 컬러를 찾아내기

인쇄물의 색감 확인

CMYK 값을 취득해 인쇄 데이터의 색 설계에 활용

사진에서 색 견본 작성

원하는 사진에서 노린 색을 하나씩 취득해 기록

기초 지식

스포이트 도구란

스포이트 도구란 이미지 위의 한 점을 클릭하여 그 위치의 색을 색상 코드로 추출하는 기능으로, 디자인 소프트웨어에 공통으로 갖춰진 표준 기능입니다. 웹용으로는 추출한 색을 16진수 색상 코드로 다루는 것이 일반적입니다.

색 값이 위치에 따라 조금 변하는 이유

JPEG 등의 압축 이미지는 압축의 부작용으로 인접한 픽셀의 색이 약간 변합니다. 단색으로 보이는 위치에서도 1 픽셀 어긋나면 값이 달라질 수 있으므로, 확대 표시에서 목표한 점을 정확히 선택하는 것이 확실합니다.

안전성과 개인정보 보호

브라우저 내 처리

입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.

브라우저 내에서만 처리

이미지의 색 추출는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.

통신은 HTTPS로 암호화

페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.

제3자로의 전송 없음

광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.

결과 자동 저장 없음

추출한 색이나 이미지나 입력 제안을 서버에 저장하지 않습니다.

Google 검색에서 RAKKOTOOLS 팔로우하기

219개의 편리한 도구를 Google 검색·AI 검색에서 더 쉽게 찾을 수 있습니다!

검색에서 발견
AI 검색에서도 표시
새 도구도 발견

팔로우하기

업데이트 정보

2026/11/02update #383
이미지 색상 선택기에서 가장자리 근처를 누를 때 약간 어긋난 위치의 색상을 추출하는 불편을 수정했습니다
불편 사항 수정 이미지 컬러 피커
2026/08/13update #164
이미지 컬러 피커 미리보기를 두 손가락 핀치로 확대·축소
업데이트 이미지 컬러 피커
2026/07/21update #89
이미지 컬러피커에서 이미지 미리보기를 주역으로 배치하고 드래그로 교체 가능하게
업데이트 이미지 컬러 피커