이미지 색상 선택기

이미지를 업로드하고, 클릭하여 원하는 픽셀 색상을 샘플링하고, 주요 팔레트를 추출한 뒤 HEX, RGB, HSL, CSS 변수 또는 JSON을 복사합니다.

이미지에서 색상을 선택하고 팔레트 추출

스크린샷, 제품 사진, 무드보드, 일러스트, 로고, UI 목업에서 정확한 색상이 필요할 때 이미지 색상 선택기를 사용하세요. 이미지를 업로드하고, 미리보기를 클릭하거나 탭하여 픽셀을 샘플링한 뒤 선택한 HEX, RGB 또는 HSL 값을 복사할 수 있습니다.

팔레트 추출기는 샘플링한 픽셀을 주요 색상으로 그룹화하고, 거의 중복되는 색상을 걸러내며, 빠른 재사용을 위한 CSS 변수와 JSON을 제공합니다.

일반적인 워크플로

  • 스크린샷, UI 목업, 로고 또는 제품 사진에서 색상을 샘플링할 때.
  • 브랜드 이미지나 디자인 참고 자료에서 빠르게 팔레트를 추출할 때.
  • CSS, 디자인 도구 또는 문서용 HEX, RGB, HSL 값을 복사할 때.
  • 이미지에서 얻은 색상으로 CSS 변수나 JSON 토큰을 만들 때.

도구를 불러오는 중...

이미지 색상 선택기 FAQ

이미지가 서버에 업로드되나요?

아니요. 이미지는 샘플링과 팔레트 추출을 위해 브라우저 캔버스에 로컬로 로드됩니다.

이미지를 업로드하지 않고 사용할 수 있나요?

예. 도구는 생성된 샘플 이미지로 열리므로 색상 선택과 팔레트 내보내기를 즉시 테스트할 수 있습니다.

추출된 팔레트가 다른 앱과 다를 수 있는 이유는 무엇인가요?

팔레트 도구마다 샘플링, 양자화, 중복 필터링 규칙이 다릅니다. 이 도구는 유용하고 눈에 띄게 구분되는 색상을 우선합니다.

관련 도구