a11y.skipToMainContent
1

이미지 색상 추출기

모든 사진 또는 디자인 파일에서 깨끗하고 지배적 인 색상 팔레트를 추출하십시오. Median-Cut quantization 알고리즘을 사용하여 완전히 클라이언트 측 처리.

Image Color Extractor

Extract dominant color palettes from any photograph or design asset locally in your browser.

Drag and drop your image here, paste from clipboard (Ctrl+V), or

Was this tool helpful?
Send Image to:
Advertisement

How to use Image Color Extractor

  1. 이미지를 드래그하고 드롭합니다.
  2. 추출 색상의 수를 선택합니다.
  3. 클립보드에 hex 값을 복사하려면 swatch를 클릭하십시오.
  4. 선호하는 코드 내보내기 형식을 선택하고 snippet을 복사하십시오.

이미지 색상 추출기은 무엇입니까?

이미지 색상 추출기는 기본 색상의 클러스터를 식별하기 위해 원시 캔버스 픽셀 데이터를 파합니다. 우리의 공구는 3차원 색깔 공간에 있는 화소를 나타내고 가장 넓은 범위를 가진 수로의 매체를 따라서 공간을 분할하는 Median-Cut 알고리즘을 이용합니다. 이 수율은 매우 정확하고, 대표 swatches. 추출된 색상은 대화형이며, 한 번 클릭 클립 보드 복사를 허용하고 CSS 변수를 생성하고, Tailwind config 규칙, SASS 변수 및 다운로드 가능한 SVG 색상 견본 시트를 생성합니다.

Advertisement

FAQ

추출기는 어떻게 색상을 선택합니까?
Median-Cut 알고리즘을 사용하여 클러스터의 픽셀은 비슷한 색상을 그룹화하고 평균을 계산하며, 이차적인 악센트 색상이 최종 팔레트로 표현된다는 것을 보장합니다.
팔레트를 다운로드 할 수 있습니까?
예. 개별 색상 hex 코드를 복사하거나 생성 된 코드 구성을 복사하거나 벡터 SVG 파일로 전체 팔레트를 다운로드 할 수 있습니다.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement