이미지 색상 선택기란?
이미지 색상 선택기를 사용하면 브라우저 내에서 모든 이미지에서 정확한 색상을 추출할 수 있습니다. 사진, 스크린샷 또는 디자인 파일을 업로드하고 이미지의 아무 곳이나 클릭하면 HEX, RGB, HSL 형식의 색상 값을 즉시 얻을 수 있습니다. 소프트웨어 설치가 필요 없습니다.
로고의 브랜드 색상을 일치시키거나, 사진에서 디자인 프로젝트용으로 색상을 샘플링하거나, 웹사이트 스크린샷에서 사용된 정확한 색조를 식별하는 경우에도 이 도구는 한 번의 클릭으로 픽셀 수준의 정확성을 제공합니다.
이미지 색상 선택기 사용 방법
- 이미지를 업로드 영역으로 드래그하거나 클릭하여 기기에서 파일을 선택합니다. PNG, JPG, GIF, WebP 형식을 지원합니다.
- 이미지가 로드되면 마우스를 올리고 아무 픽셀이나 클릭합니다. 십자선 커서가 선택을 안내합니다.
- 선택한 색상이 HEX, RGB, HSL 값과 함께 사이드바에 표시됩니다. 원하는 형식 옆의 복사 버튼을 클릭하여 클립보드에 복사합니다.
- 선택한 각 색상은 「최근 선택」 팔레트에 저장됩니다. 스와치를 클릭하면 이전에 샘플링한 색상을 다시 볼 수 있습니다.
- 「이미지 변경」 버튼을 사용하여 페이지를 새로고침하지 않고 다른 파일을 로드합니다.
정확한 색상 추출 팁
최상의 결과를 얻으려면 고해상도 이미지를 사용하세요. 압축된 JPEG는 가장자리에 색상 아티팩트를 일으킬 수 있습니다. 특정 영역의 색상이 필요한 경우 편집기에서 이미지를 확대한 후 확대된 영역의 스크린샷을 찍어 업로드하세요.
이 도구는 큰 이미지를 종횡비를 유지하면서 캔버스에 맞춥니다. 색상 값은 축소된 이미지 픽셀에서 샘플링되므로 원본 파일 크기에 관계없이 결과가 일관됩니다.
일반적인 사용 사례
- 클라이언트 로고나 마케팅 자료에서 브랜드 색상 추출.
- 참고 사진에서 페인트나 패브릭 색상 일치.
- 사진이나 예술 작품에서 디자인 영감을 위한 색상 팔레트 샘플링.
- 웹사이트 스크린샷에서 CSS 개발용 HEX 코드 식별.
- 무드보드 이미지에서 색상 팔레트 구축.
지원 색상 형식
선택한 각 색상은 세 가지 표준 형식으로 표시됩니다. HEX 코드(예: #3b82f6)는 CSS와 웹 디자인에서 일반적으로 사용됩니다. RGB 값은 그래픽 디자인 소프트웨어와 디지털 디스플레이에 유용합니다. HSL 값은 색상을 색상, 채도, 명도 측면에서 직관적으로 이해할 수 있어 조정이 쉽습니다.