$ tools/image-color-picker

이미지 컬러 피커

어떤 이미지든 올려서 정확한 색상을 골라보세요 — hex, RGB, HSL, CMYK. 또는 주요 색상 팔레트를 자동 추출. 클릭으로 복사, 브라우저에서 실행.

여기에 이미지를 놓으세요
PNG, JPG, WebP 또는 GIF — 또는 클립보드에서 붙여넣기(⌘/Ctrl+V)
100% 로컬 · 아무것도 업로드되지 않음
#000000
이미지 위로 이동…

$ 자동 팔레트

색상
이미지를 로드한 다음 주요 색상을 추출하세요.

# 선택한 색상

이미지의 아무 곳이나 클릭하여 색상을 선택하세요.
HEXcopy
RGBcopy
HSLcopy
CMYKcopy

$ 저장된 팔레트

선택한 색상이 여기 모입니다. 견본을 클릭하여 HEX를 복사하세요.

$ 이미지에서 색상 선택하는 방법

  1. 위 상자에 이미지를 놓거나 파일을 선택하거나 클립보드에서 직접 붙여넣으세요. 모든 것이 브라우저에서 로컬로 일어납니다 — 이미지는 어디로도 업로드되지 않습니다.
  2. 이미지 위로 커서를 이동하세요. 돋보기가 픽셀 수준 확대와 실시간 HEX 코드를 보여주어 정확한 지점에 도달하도록 합니다.
  3. 클릭하여 선택하세요. 색상이 오른쪽에 Hex, RGB, HSL, CMYK로 나타납니다. 어떤 값이든 클릭하여 즉시 복사하세요.
  4. 계속 클릭하여 팔레트를 만드세요. 저장된 색상이 아래에 모입니다 — 한 번에 모두 복사하거나 한 클릭으로 단일 HEX를 가져오세요.

왜 이미지에서 직접 색상을 가져올까?

앱의 스토어 리스팅, 피처 그래픽 또는 아이콘을 디자인할 때 스크린샷은 이미 색상 스토리를 가지고 있습니다. 실제 픽셀 — 브랜드 블루, UI의 액센트, 정확한 배경 톤 — 을 샘플링하면 눈대중이 아닌 모든 것이 일관되게 유지됩니다. 스크린샷 캡션, 배경, 프레임을 제품에 실제로 있는 색상과 일치시키세요.

Hex, RGB, HSL 또는 CMYK — 무엇을 사용?

Hex와 RGB는 화면용입니다: 앱 UI, 스토어 자산, 웹사이트. HSL은 조정에 가장 친화적입니다 — 추측 없이 명도나 채도를 조정합니다. CMYK는 물리적 프로모 카드처럼 무언가가 인쇄될 때만 중요합니다. 이 도구는 모든 픽셀에 대해 네 가지 모두를 제공하므로 직접 변환할 필요가 없습니다.

$ FAQ

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

아니오. 피커는 캔버스를 사용하여 브라우저에서 픽셀을 직접 읽습니다. 이미지는 기기를 떠나지 않으며 빠르고 비공개로 만듭니다.

어떤 이미지 형식이 작동하나요?

브라우저가 렌더링할 수 있는 모든 것 — PNG, JPG, WebP, GIF, BMP 등 대부분. ⌘/Ctrl+V로 클립보드에서 이미지를 붙여넣을 수도 있습니다.

여러 색상을 선택할 수 있나요?

예. 클릭할 때마다 색상이 아래의 저장된 팔레트에 추가됩니다. 디자인 파일에 팔레트를 떨어뜨리는 데 편리한 HEX 코드 목록 전체를 한 번에 복사할 수 있습니다.

선택한 색상의 정확도는?

커서 아래의 정확한 픽셀을 읽으므로 픽셀 단위로 정확합니다. 돋보기는 특히 복잡하거나 자세한 이미지에서 정확한 지점에 도달하는 데 도움이 됩니다.

모바일에서 작동하나요?

예. 호버 대신 이미지를 탭하여 색상을 선택하세요. 선택한 값과 팔레트는 동일하게 작동합니다.

색상 심층 탐색

마음에 드는 색상을 선택하셨나요? 컬러 페이지에서 색조, 음영, 하모니, 대비, 의미를 파헤치세요.

LaunchShots가 마음에 드시나요?
평생 무료 — 시간을 아껴드렸다면 커피 한 잔 사주실 수 있어요.
후원하기 →
복사됨 ✓