사진 스포이드 이미지 색상 추출기
사진 속 특정 지점의 정확한 색상 정보를 확인하고 싶을 때 브라우저에서 바로 사용할 수 있는 이미지 색상 추출기예요. 사진을 선택하고 돋보기를 드래그하면 HEX, RGB, HSL 코드와 가장 가까운 색상 이름을 바로 보여줘요. 모든 처리는 사용자의 기기 내부에서 이루어지므로 사진이 서버로 전송되지 않아요.
사진 색상 추출 사이트 이용 방법
별도의 프로그램 설치 없이 브라우저에서 바로 쓸 수 있어요.
- 사진 영역을 누르거나 카메라 사용 버튼을 눌러 사진을 불러와요. 컴퓨터에서는 이미지 파일을 직접 끌어다 놓을 수도 있어요.
- 사진 위를 누른 채 드래그하면 손가락이나 커서 위로 동그란 돋보기가 나타나요.
- 원하는 화소(픽셀)에 조준점을 맞춘 뒤 손을 떼면 색상이 고정되고 아래에 HEX, RGB, HSL 값과 색상 이름이 표시돼요.
더 세밀하게 조정하려면 방향키를 눌러 1픽셀씩 이동할 수 있으며, Shift 키를 누른 채 방향키를 누르면 10픽셀씩 이동해요.
아이폰 사진 색상 추출 및 모바일 지원
스마트폰에서도 PC와 같은 방식으로 쓸 수 있어요. 앨범에 있는 사진을 고르거나 카메라로 직접 찍어서 색상을 뽑을 수 있어요.
JPG, PNG, WebP 형식은 물론 아이폰의 HEIC 파일과 카메라 RAW 파일도 기기 내에서 자동으로 변환되어 처리돼요. 고해상도 사진은 모바일 기기의 메모리 부족을 방지하기 위해 추출 작업 시 크기가 자동으로 적절하게 조절돼요.
사진 색상 코드 찾기 및 결과 활용
색상이 고정되면 사진 아래에 세 가지 형태의 색상 코드와 어울리는 팔레트가 나타나요.
HEX:#FF8800형태의 코드로 웹 디자인 및 CSS 작성에 자주 쓰여요.RGB:rgb(255, 136, 0)형태로 화면 표시나 이미지 편집 도구에 활용돼요.HSL: 색상, 색조, 명도를 조절할 때 유용해요.
표시된 코드나 색상 상자를 누르면 클립보드에 바로 복사되어 디자인 프로그램에 붙여넣을 수 있어요.
노이즈를 줄이는 평균 색상 추출과 보색 팔레트
직물, 피부, 나뭇잎처럼 질감이 있거나 어두운 사진은 단일 픽셀만 추출할 경우 노이즈 때문에 원하는 색상과 다르게 나올 수 있어요. 톱니바퀴 설정 아이콘을 눌러 샘플 영역을 3x3 또는 5x5 평균으로 변경하면 주변 픽셀을 융합하여 부드럽고 안정적인 색값을 얻을 수 있어요.
또한 추출한 색상을 기준으로 색상환을 회전시켜 만든 보색, 유사색, 삼각 배색 팔레트도 함께 제공되므로 디자인 조합을 찾기 쉬워요.
자주 묻는 질문
사진 스포이드 기능은 어떻게 사용하나요?
사진 영역을 클릭하거나 드래그하여 이미지를 불러온 뒤, 사진 위에서 손가락이나 마우스 커서를 움직이면 돼요. 돋보기 화면으로 원하는 픽셀을 조준하고 손을 떼면 해당 지점의 HEX 및 RGB 코드가 아래에 고정되어 나타나요.
사진 색상 코드 추출 후 바로 복사할 수 있나요?
네, 추출 결과로 나오는 HEX(#FF8800), RGB, HSL 값 또는 색상 상자 중 원하는 영역을 클릭하거나 터치하면 즉시 클립보드에 복사돼요.
아이폰 사진 색상 추출도 잘 동작하나요?
네, 아이폰의 라이브러리 사진이나 카메라 촬영 사진 모두 지원해요. 아이폰 기본 파일 형식인 HEIC나 RAW 파일도 기기 내부에서 실시간으로 변환되어 정확하게 색상을 추출할 수 있어요.
사진에 노이즈가 많을 때는 어떻게 색상을 뽑아야 하나요?
설정(톱니바퀴 아이콘)에서 샘플 영역을 1픽셀 대신 3x3 또는 5x5 평균으로 변경해 보세요. 주변 픽셀을 고르게 섞어주므로 피부나 옷감 같은 질감 있는 사진에서도 자연스러운 색상을 얻을 수 있어요.
업로드한 사진이 서버에 저장되거나 유출될 위험은 없나요?
전혀 없어요. 모든 작업은 방문자의 웹브라우저 안에서만 실행되며 외부 서버로 이미지가 전송되지 않아요. 회원가입도 필요 없으며 페이지를 닫으면 데이터는 남지 않아요.
사진에서 색상 이름은 어떻게 구하나요?
색상을 선택하면 시각적 차이를 측정하는 CIELAB Delta E 기준을 적용해 가장 가까운 색상 이름을 찾아 표시해요. 설정의 색상 이름 기준에서 표준 웹 색상과 머티리얼 디자인 중 선택할 수 있어요.
