🖼️
이미지 변환
이미지 변환
🖼️
이미지를 여기에 드래그하세요
JPG · PNG · WebP · HEIC 지원 — 1장만 처리됩니다
Ctrl+V로 클립보드 이미지 붙여넣기 가능
이미지 색상 추출 기능
Color Picker / Eyedropper — 사진·디자인 시안·스크린샷에서 원하는 색을 픽셀 단위로 집어냅니다. 마우스를 올리면 돋보기가 주변 픽셀을 13배로 확대해 보여주므로, 경계선이나 그라데이션처럼 미세한 지점도 정확하게 선택할 수 있습니다. HEX·RGB·HSL 세 가지 표기를 동시에 제공하며 클릭 한 번으로 복사됩니다. 추출한 색은 팔레트에 쌓이고, HEX 목록이나 CSS 변수 형태로 한 번에 복사할 수 있습니다. 이미지는 서버로 전송되지 않고 브라우저 안에서만 처리됩니다.
사용 방법
① 이미지를 드래그 앤 드롭하거나 클릭해서 1장을 업로드합니다. ② 이미지 위에서 마우스를 움직이면 돋보기가 따라오며 픽셀을 확대합니다. ③ 원하는 지점을 클릭하면 HEX·RGB·HSL 값이 표시됩니다. (모바일은 손가락으로 누른 채 끌다가 떼면 됩니다) ④ 값을 누르면 클립보드로 복사되고, 추출한 색은 아래 팔레트에 쌓입니다.
이런 때 사용하세요
• 브랜드 로고·시안에서 정확한 브랜드 컬러 코드 확인 • 참고 이미지의 색 조합을 팔레트로 모아 디자인에 활용 • 스크린샷에서 UI 색상을 추출해 CSS 변수로 바로 적용 • 사진의 분위기를 살린 배색 레퍼런스 수집
자주 묻는 질문
- Q. 어떤 색상 표기를 지원하나요?
- A. HEX(#RRGGBB), RGB, HSL 세 가지를 동시에 보여줍니다. 각 값을 누르면 해당 표기만 클립보드로 복사됩니다.
- Q. 확대해도 색이 정확한가요?
- A. 네. 돋보기는 원본 해상도의 픽셀을 보간 없이 그대로 확대해 보여주고, 색상 값도 화면에 표시된 크기가 아니라 원본 픽셀에서 읽습니다. 다만 JPG처럼 손실 압축된 이미지는 저장 과정에서 색이 미세하게 변했을 수 있습니다.
- Q. 모바일에서도 쓸 수 있나요?
- A. 네. 손가락으로 이미지를 누른 채 움직이면 손가락 위쪽에 돋보기가 표시되어 가려지지 않습니다. 원하는 지점에서 손을 떼면 그 픽셀의 색이 추출됩니다.
- Q. 추출한 색을 한꺼번에 가져갈 수 있나요?
- A. 팔레트의 'HEX 목록 복사'를 누르면 줄바꿈으로 구분된 HEX 코드가, 'CSS 변수 복사'를 누르면 --color-1 형태의 CSS 변수 선언이 복사됩니다.
- Q. 아이폰에서 찍은 HEIC 사진도 되나요?
- A. 네. HEIC·HEIF 파일은 업로드 시 브라우저에서 자동으로 변환된 뒤 색을 읽습니다.
- Q. 이미지가 서버에 전송되나요?
- A. 아니요. 이미지 디코딩과 픽셀 읽기 모두 브라우저 안에서 이루어지며 외부로 전송되지 않습니다.