이미지를 업로드해 주요 색상을 추출하세요. 각 색견본의 HEX 코드를 얻고 한 번의 클릭으로 복사하세요. 모든 처리는 브라우저에서 이루어집니다.
색상 팔레트 추출기는 Canvas의 픽셀 데이터에 대해 k-평균 군집화 알고리즘을 실행하여 이미지에서 시각적으로 가장 두드러진 색상을 분석하고 식별합니다. 결과는 개별적으로 복사할 수 있는 HEX 값이 있는 색상 스워치 세트입니다. 이미지 바이트는 브라우저를 벗어나지 않으며, 픽셀 샘플링은 메인 스레드를 반응성 있게 유지하면서 Web Worker에서 로컬로 실행됩니다.
추출은 수십만 개의 개별 픽셀 색상을 더 작은 수의 대표 군집으로 묶습니다. 출력 색상 수를 설정할 수 있어 5개의 압축된 팔레트나 12개의 더 넓은 세트를 추출할 수 있습니다. 로고에서 브랜드 색상을 빠르게 추출하거나, 무드 보드용 사진의 주요 톤을 파악하거나, 사용자가 업로드한 이미지에 어떤 색상이 있는지 확인하는 데 유용합니다.
도구는 Canvas.getImageData()로 이미지의 모든 픽셀 값을 읽고, 속도를 위해 다운샘플링한 후 k-평균 군집화를 실행합니다. 각 군집 중심점이 출력 색상 중 하나가 됩니다. k-평균은 픽셀을 색상 근접성으로 묶어 주요 시각적 톤이 중심점 색상으로 나타나도록 합니다.
아니요. 픽셀 샘플링은 브라우저의 Web Worker 안에서 이루어집니다. 이미지는 로컬 디스크에서 읽히고 OffscreenCanvas에 그려지며 픽셀 배열이 메모리에서 처리됩니다. 데이터는 기기를 벗어나지 않습니다.
k-평균 중심점은 픽셀 색상 군집의 수학적 평균을 나타냅니다. 매우 흔하지만 약간 변화하는 색상(미세한 그라디언트 변화가 있는 파란 하늘)은 가리킬 수 있는 정확한 픽셀 값이 아닌 평균 색조인 중심점을 생성합니다. 결과는 특정 픽셀의 샘플이 아닌 대표적인 평균입니다.
완전히 투명한 픽셀(알파 = 0)은 투명 영역이 Canvas 배경 채우기에 따라 추출된 색상을 검정이나 흰색으로 치우치게 하지 않도록 군집화에서 제외됩니다. 반투명 픽셀은 알파 값에 따른 가중치로 샘플에 포함됩니다.
도구는 HEX 코드(예: #3A7BD5)를 출력합니다. RGB, HSL 또는 다른 형식이 필요하다면 HEX 값을 색상 변환 도구에 복사하세요. HEX를 받아 모든 일반적인 색상 모델로 변환합니다.