무료 변환기
컬러 팔레트 이미지 추출기
모든 이미지에서 주요 색상을 즉시 추출합니다. 한 번의 클릭으로 HEX 및 RGB 값을 얻을 수 있습니다. 무료이고 안전하며 브라우저에서 완전히 실행됩니다.
여기에 이미지를 드래그 앤 드롭하세요.
PNG, JPG, WEBP, GIF를 지원합니다. 최대 50MB.
또는
모든 이미지에서 주요 색상을 즉시 추출합니다. 한 번의 클릭으로 HEX 및 RGB 값을 얻을 수 있습니다. 무료이고 안전하며 브라우저에서 완전히 실행됩니다.
PNG, JPG, WEBP, GIF를 지원합니다. 최대 50MB.
색상 팔레트 추출은 이미지를 분석하고 주요 색상 또는 대표 색상을 식별합니다. 그 결과 이미지의 시각적 특성을 포착하는 작은 색상 세트(일반적으로 5~8개)가 생성됩니다. 디자이너는 추출된 팔레트를 사용하여 다른 디자인 요소(히어로 이미지를 보완하는 UI 색상, 사진에서 파생된 브랜드 팔레트, 무드 이미지에 맞는 색상 구성표)를 조정합니다.
추출에서는 클러스터링 알고리즘(k-평균 또는 유사)을 사용하여 모든 이미지의 픽셀을 요청된 수의 색상 클러스터로 그룹화합니다. 각 클러스터의 중심은 팔레트 색상이 됩니다. 가장 큰 클러스터는 주요 색상을 나타냅니다. 알고리즘은 눈에 띄는 강조 색상을 표면화하기 위해 원시 픽셀 수보다는 시각적 중요성(채도, 대비)에 따라 가중치를 부여할 수도 있습니다.
이 도구는 JavaScript를 사용하여 브라우저에서 실행됩니다. 이미지는 픽셀 데이터로 디코딩되고, 계산을 줄이기 위해 샘플링되고, 클러스터링됩니다. 출력은 16진수 코드, RGB 값 및 이미지에서 각 색상의 빈도를 보여주는 비례 막대가 포함된 팔레트입니다.
눈으로 색상을 선택하는 것보다 추출된 팔레트를 사용하면 기존 이미지와 조화를 이루는 작품을 디자인하는 것이 훨씬 빠릅니다. 주요 이미지를 중심으로 랜딩 페이지를 구축하는 웹 디자이너, 주요 제품 사진과 일치하는 자산을 생성하는 마케팅 담당자, 경쟁사 이미지를 분석하는 브랜드 디자이너 모두 알고리즘 팔레트 추출의 이점을 누릴 수 있습니다.
팔레트는 컨텐츠 관리도 지원합니다. 주요 색상을 기준으로 이미지를 분류하면 사용자가 색상별로 사진, 제품 또는 디자인을 검색할 수 있는 인터페이스를 구축할 수 있습니다. 이러한 시스템을 구축하려면 팔레트를 체계적으로 추출해야 하며 이를 통해 프로그래밍 방식 추출이 가능해집니다.
업로드하고, 팔레트 크기를 선택하고, 색상을 얻으세요.
K-평균 클러스터링 반복: 각 픽셀을 가장 가까운 클러스터 중심에 할당하고 할당된 픽셀의 평균으로 중심을 다시 계산하고 수렴할 때까지 반복합니다. 전체 해상도 이미지를 실행하는 것은 느립니다. 샘플링(N번째 픽셀마다 사용)은 품질 손실을 최소화하면서 가속화됩니다.
색 공간이 중요합니다. RGB의 클러스터링은 지각 거리와 일치하지 않는 RGB 거리에 따라 가중치가 부여된 팔레트를 생성합니다. LAB 또는 HSV의 클러스터링은 보다 지각적으로 정렬된 팔레트, 즉 비슷한 그룹으로 보이는 색상을 보다 안정적으로 생성합니다.
출력: 각 클러스터 중심의 16진수 코드와 각 클러스터의 이미지 픽셀 비율입니다. 백분율은 시각적 보급률을 나타냅니다. 가장 큰 클러스터가 가장 지배적인 색상입니다.