스크린샷·시안 이미지에서 HEX·RGB·HSL 색상값을 한 클릭에 추출하는 브라우저 스포이드입니다. 로그인이나 설치 없이 브라우저에서 바로 동작합니다.
👉 바로가기: https://grit-tools.com/tools/image/color-picker
기능
- HEX·RGB·HSL 동시 추출 — 한 클릭으로 세 포맷을 모두 확인하고 복사할 수 있습니다.
- 돋보기 루페 — 픽셀 단위로 정밀하게 위치를 확인하면서 색상 선택이 가능합니다.
- 최근 색상 팔레트 — 여러 색을 모아 비교하거나 나중에 다시 참조할 수 있습니다.
- 스크린샷·웹페이지 캡처도 그대로 — 개발자 도구로 접근이 어려운 이미지에도 동작합니다.
- 이미지 외부 전송 없음 — 사내 시안·기밀 화면도 안심하고 처리할 수 있습니다.
이런 분께 추천
- 디자이너 시안에서 정확한 색상값이 필요한 분
- 레퍼런스 사이트 스크린샷에서 색을 빠르게 따고 싶은 분
- HEX뿐 아니라 RGB·HSL 포맷도 함께 쓰는 분
- OS 기본 스포이드가 불편했던 분
사용 순서
- 이미지를 드래그&드롭 또는 파일 선택
- 이미지 위에서 원하는 색상 위치 클릭
- HEX / RGB / HSL 중 필요한 포맷 복사
- 여러 색을 비교할 때는 하단 최근 팔레트 활용
함께 보면 좋은 도구
- 픽셀 좌표 추출기: https://grit-tools.com/tools/image/pixel-coords
- 이미지 리사이즈: https://grit-tools.com/tools/image/image-resize
- 표→마크다운: https://grit-tools.com/tools/text/table-to-markdown
👉 컬러 피커 바로 쓰기: https://grit-tools.com/tools/image/color-picker
실제 화면
#색상추출 #스포이드 #컬러피커 #HEX #디자인도구 #그릿툴 #CSS색상
'즐겨찾기용 도구' 카테고리의 다른 글
| 한글 주소 영문 변환기 - 해외직구 영문 주소 한 번에 (0) | 2026.05.30 |
|---|---|
| 이미지 리사이즈·압축 - 카톡·블로그용 사진 용량 줄이기 (0) | 2026.05.30 |
| 이미지 픽셀 좌표 추출기 - HMI·OpenCV 좌표 한 클릭에 (0) | 2026.05.30 |
| 연봉 실수령액 계산기 - 세전 연봉, 세후로 5초 확인 (0) | 2026.05.30 |
| 디데이 계산기 - D-Day·날짜 차이·날짜 더하기 한 도구로 (0) | 2026.05.30 |