이미지에서 정확한 색상 추출하기
사진, 웹사이트 스크린샷, 로고, 디자인 목업 등에서 마음에 드는 색상을 발견하고 그 색상 코드가 필요할 때가 있습니다. 이 이미지 색상 추출기는 모든 이미지에서 스포이드처럼 작동합니다. 이미지를 열고 픽셀을 클릭하면 CSS, Figma, Photoshop, Canva 또는 PowerPoint에 바로 붙여넣을 수 있는 HEX, RGB, HSL 색상 코드를 얻을 수 있습니다. 돋보기 기능이 커서 아래의 픽셀을 보여주므로 원하는 위치를 정확히 클릭할 수 있으며, 이미지의 주요 색상 팔레트가 자동으로 생성됩니다.
주요 기능
- JPG, PNG, WebP, GIF, SVG, AVIF, HEIC 등 브라우저에서 열 수 있는 모든 이미지 형식을 지원하는 스포이드.
- 커서 아래 영역을 픽셀 단위로 확대하는 돋보기.
- 원클릭 복사 버튼이 제공되는 HEX, RGB 및 HSL 코드.
- 전체 이미지에서 추출된 주요 색상 팔레트.
- 최대 16개의 색상을 비교하고 이전으로 돌아갈 수 있는 추출 기록.
- 클립보드에서 바로 스크린샷 붙여넣기.
- 개인정보 보호: 이미지가 기기 외부로 전송되지 않습니다.
어떤 색상 형식을 사용해야 하나요?
| 형식 | 예시 | 사용처 |
|---|---|---|
| HEX | #1E90FF |
CSS, HTML, Figma, Canva, 대부분의 디자인 도구 |
| RGB | rgb(30, 144, 255) |
CSS, Photoshop, Office 앱, 프로그래밍 |
| HSL | hsl(210, 100%, 56%) |
명도나 채도를 조절할 때 사용하는 CSS |
추출한 색상을 CMYK나 HSV 등 다른 형식으로 변환하거나 흰색 및 검은색 텍스트와의 대비를 확인하려면 색상 변환기에서 색상을 열어보세요.
활용 아이디어
브랜드 색상 맞추기: 회사 로고나 웹사이트 스크린샷에서 정확한 파란색을 추출하여 프레젠테이션의 일관성을 유지하세요.
색상 팔레트 만들기: 사진의 주요 색상을 웹사이트, 포스터 또는 슬라이드 테마의 기본 색상으로 활용해 보세요.
웹 개발: 디자인 파일 대신 이미지로 전달된 디자인 시안(목업)에서 색상을 추출하세요.
디지털 아트 및 공예: 드로잉 앱, 자수 또는 뜨개질 도안 작업을 위해 참고 사진에서 색상 코드를 찾아보세요.
정확한 결과 얻기
가장 크고 압축률이 낮은 원본 이미지를 선택하세요. PNG 스크린샷은 색상을 정확하게 유지하지만, JPG 사진은 가장자리 색상이 미세하게 변형될 수 있습니다. 돋보기로 확대하여 두 색상의 픽셀이 섞이는 안티앨리어싱(anti-aliasing)된 가장자리는 피하는 것이 좋습니다. 큰 이미지의 일부만 필요한 경우, 먼저 이미지 자르기를 사용하면 작업이 훨씬 수월해집니다.