이미지를 드롭하거나 클릭하여 선택
확대 후 정확한 색상 추출 · 영역 크기 조절 가능
추출 모드: 클릭으로 색상 추출 · 휠로 확대/축소
이미지 색상 추출 (컬러 피커)
이미지 위에서 원하는 픽셀 클릭만 하면 HEX·RGB·HSL 한 번에. 돋보기로 확대해서 정확한 색 고르기까지.
사진에서 색 뽑는 법
- 업로드 - 사진을 드래그하거나 클릭해서 선택.
- 마우스 이동 - 커서를 올리면 확대된 돋보기 화면이 따라와요.
- 클릭 - 원하는 색상 위치를 클릭해서 집기.
- 복사 - HEX, RGB, HSL 값 중 원하는 형식으로 복사하면 끝.
이 컬러 피커의 특징
- 돋보기 기능 - 커서 주변이 확대돼서 1픽셀 단위로 정확히 집을 수 있어요.
- 3가지 포맷 한 번에 - HEX, RGB, HSL, RGBA까지 동시에 표시.
- 색상 기록 - 방금 뽑은 20개 색상이 옆에 쌓여서 팔레트처럼 쓸 수 있어요.
- 원클릭 복사 - 값 옆의 버튼만 누르면 클립보드로 바로 복사됩니다.
사진에서 색상값 뽑아내기
핀터레스트에서 마음에 드는 무드보드를 봤는데 거기 쓰인 색을 내 작업에도 쓰고 싶을 때, 경쟁사 웹페이지 스크린샷에서 브랜드 컬러 HEX 값이 필요할 때, 내 프로젝트 참고 이미지의 정확한 색상 코드를 따오고 싶을 때 쓰는 도구예요.
이미지를 올리고 원하는 지점을 클릭하면 그 픽셀의 HEX, RGB, HSL 값이 바로 표시됩니다. 스포이드 아래에 돋보기가 따라다녀서 1픽셀 단위로 정확하게 집을 수 있어요. 방금 뽑은 색은 옆에 기록으로 쌓여서 나중에 다시 쓸 수 있습니다.
다른 컬러 피커랑 비교
| 기능 | 사장나라 | ImageColorPicker.com | HTML-Color-Codes.info |
|---|---|---|---|
| 돋보기 | 예 | 아니요 | 아니요 |
| 포맷 | HEX, RGB, HSL, RGBA | HEX, RGB | HEX, RGB |
| 기록 | 예 (20개) | 아니요 | 아니요 |
| 개인정보 | 브라우저 안에서만 | 서버 업로드 | 서버 업로드 |
자주 묻는 질문
정확도는 어느 정도예요?
픽셀 단위로 완벽하게 집어요. Canvas API로 클릭한 그 점의 RGBA 값을 그대로 읽어오거든요. 같은 자리를 여러 번 클릭해도 항상 똑같은 값이 나옵니다.
모든 이미지에서 다 되나요?
네, 브라우저가 열 수 있는 포맷이면 다 가능해요. JPG, PNG, WebP, GIF, BMP, SVG까지 지원합니다.
색상 기록이 뭐예요?
클릭해서 뽑은 색상이 화면 옆에 20개까지 쌓여요. 저장한 색상을 다시 클릭하면 그 값이 다시 불러와져서 복사할 수 있고, 팔레트처럼 활용할 수 있습니다.
사진이 서버로 업로드되나요?
아니요. 전부 브라우저 안에서 처리돼요. 개인 사진이나 민감한 디자인 시안도 안심하고 올리세요.
모바일에서도 쓸 수 있나요?
가능하긴 한데, 돋보기 기능은 마우스 커서 기반이라 데스크톱이 훨씬 정확해요. 모바일에선 원하는 지점을 탭해서 색을 뽑으시면 됩니다.