비공개 브라우저 내 색상 도구

이미지 색상 추출기

이미지를 업로드하여 주요 색상 팔레트를 생성하거나 미리보기의 아무 곳이나 클릭하여 정확한 색상을 선택하세요.

이미지 업로드 없음픽셀을 샘플링하려면 클릭하세요.HEX, RGB 및 HSL

여기에 이미지를 드롭하세요.

JPG, PNG, WebP, AVIF, GIF, BMP · up to 50.0 MB

Local processing · 가입이 필요하지 않습니다 · No watermark

귀하의 이미지는 귀하의 장치에 남아 있습니다

색상 분석은 브라우저 Canvas API를 통해 로컬로 실행됩니다. 원본 색상과 추출된 색상은 서버로 전송되지 않습니다.

Local processing · 가입이 필요하지 않습니다 · No watermark

작동 원리

세 단계로 이미지 팔레트 구축

Find reusable colors in photos, screenshots, and design mockups for brand work, web design, illustration, photo analysis, and social assets.

  1. 01

    이미지 추가

    공통 이미지 파일을 선택하거나 삭제하세요. 브라우저는 이를 로컬로 읽습니다.

  2. 02

    색상 탐색

    5, 8 또는 12색 팔레트를 구성하거나 이미지를 클릭하여 하나의 픽셀을 샘플링합니다.

  3. 03

    복사 또는 내보내기

    HEX, RGB 또는 HSL을 선택하거나, 팔레트를 복사하거나, CSS 변수를 다운로드하세요.

FAQ

자주 묻는 질문

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

아니요. 이미지 디코딩, 픽셀 샘플링, 색상 클러스터링 및 정확한 선택이 모두 이 브라우저에서 수행됩니다.

주요 색상이 이미지와 약간 다를 수 있는 이유는 무엇입니까?

팔레트는 유사한 픽셀을 대표 색상으로 그룹화합니다. 한 픽셀의 정확한 값이 필요할 때 이미지를 클릭하세요.

투명 PNG 파일을 지원하나요?

예. 완전히 투명한 픽셀은 무시됩니다. 눈에 보이는 영역과 부분적으로 투명한 영역이 분석에 참여합니다.

디자인이나 코드베이스에서 색상을 어떻게 사용할 수 있나요?

개별 HEX, RGB 또는 HSL 값을 복사하거나, 전체 팔레트를 복사하거나, CSS 사용자 정의 속성을 다운로드하세요.

관련 도구

이미지 워크플로우를 계속하세요

Formats

지원되는 이미지 형식

Common still-image formats work directly. GIF files are analyzed from the first frame; fully transparent PNG pixels are ignored.

JPGJPEGPNGWebPAVIFGIFBMP

Use cases

일반적인 사용 사례

  • Find brand or theme colors from a photo
  • Create a palette reference for web, app, or poster design
  • Grab an exact HEX value from a screenshot
  • Check dominant color balance in a mockup

Keep exploring

관련 도구 및 가이드