이미지를 업로드한 뒤 이동하거나 클릭하여 정확한 픽셀 좌표와 색상을 읽습니다. 핫스팟, UI 정렬, 슬라이스 위치, 디자인 인수에 적합—모두 로컬 처리.
intro.image_coords.p2_blog intro.image_coords.p2_link
온라인으로 이미지의 픽셀 좌표와 색상 가져오기
이미지의 임의 지점에서 픽셀 좌표와 색상 코드를 가져옵니다.
이미지를 여기에 끌어다 놓거나 클릭하여 선택
이미지
이미지 위에서 이동하면 좌표 미리보기, 클릭하면 기록됩니다.
좌표 정보
X 0
Y 0
원본 너비 0
원본 높이 0
HEX: #000000
RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
좌표 (0, 0)
| # | X | Y | 색상 | 작업 |
|---|
이미지를 클릭하여 좌표를 기록하세요
Other tools you may like
이미지 좌표 선택기 사용법
- 이미지 업로드(드래그 앤 드롭 또는 클릭)
- 이미지 위에서 마우스를 이동해 X/Y와 색상을 실시간 미리보기
- 클릭하여 점을 표시하고 좌표·색상 기록 추가
- X, Y, RGB, HEX, HSL 또는 좌표 쌍을 한 번에 복사
- 완료 후 전체 복사 또는 기록 지우기
자주 묻는 질문
- 좌표는 표시 크기 기준인가요, 원본 픽셀 기준인가요? 실제 픽셀 크기를 사용합니다.
- 디자인 파일과 색이 조금 다르면? 압축이나 색 공간 영향일 수 있습니다.
- 좌표 기록을 복사할 수 있나요? 개별 또는 전체 복사를 지원합니다.
참고:
- 지원 형식: JPG, PNG, WebP, GIF
- 좌표는 원본 이미지 픽셀 그리드 기준
- 클릭 시 이미지에 표시점이 나타납니다
- 서버에 저장되지 않으며, 새로고침 시 데이터가 지워집니다.