이미지 색상 추출 — 사진 색상 코드(스포이드)

사용 방법

1. 이미지 선택 — 색을 추출할 사진을 드래그하거나 파일 선택 버튼으로 업로드합니다.
2. 지점 클릭 — 이미지 위에서 색을 뽑고 싶은 지점을 클릭(또는 터치)합니다.
3. 코드 확인 — 클릭한 픽셀의 HEX·RGB 코드와 색상 미리보기가 표시됩니다.
4. 복사 — 복사 버튼을 눌러 HEX 또는 RGB 코드를 클립보드에 복사합니다.

색상 코드(HEX·RGB)란 무엇인가

화면의 모든 색은 빨강(R)·초록(G)·파랑(B) 세 가지 빛을 섞어 만듭니다. 각 색을 0~255 단계로 표현한 것이 RGB이고, 같은 값을 16진수 두 자리씩 묶어 6자리로 표현한 것이 HEX입니다. 예를 들어 청록색은 rgb(13, 148, 136) = #0d9488로 같은 색을 두 방식으로 적은 것입니다.

이 도구는 사진을 캔버스에 그린 뒤, 클릭한 화면 좌표를 원본 픽셀 좌표로 환산하여 getImageData()로 해당 픽셀의 RGB 값을 읽습니다. 화면에서 사진이 작게 축소돼 보여도 실제 원본 픽셀의 색을 정확히 추출합니다.

색상 코드 변환 예시

추출한 색을 적용할 이미지를 다듬으려면 이미지 자르기나 이미지 크기 변경을, 톤을 바꾸려면 흑백 변환을 함께 사용하세요.

관련 도구 & 가이드