이미지에서 색상 추출

이는 중앙값 절단 양자화라는 기술을 사용합니다: 각 픽셀의 색상을 3D 빨강/초록/파랑 공간의 한 점으로 취급하고, 가장 색상이 많은 그룹을 그 안에서 가장 많이 변하는 색상 채널을 따라 반복적으로 절반으로 나누며, 요청한 색상 수만큼 그룹이 생기면 각 그룹을 하나의 대표 색상으로 평균화합니다. 픽셀이 더 많은 그룹이 결과에서 먼저 나오므로, 팔레트는 각 색상이 이미지에서 실제로 차지하는 비율을 반영합니다.

모든 것을 한 번에 평균화하면 뚜렷한 빨강과 파랑 영역이 있는 사진이 원본 어디에도 없는 탁한 보라색으로 뒤섞이게 됩니다. 평균화하기 전에 색상 공간을 별도의 그룹으로 나누면, 각 그룹에는 비슷한 색상만 포함되므로 빨강 영역과 파랑 영역은 서로를 상쇄시키는 대신 각자 독립적이고 알아볼 수 있는 팔레트 항목으로 유지됩니다.

그 색상이 이미지의 작은 영역만 차지한다면, 특히 색상 수가 적을 때 자체 항목을 얻는 대신 더 크고 지배적인 그룹에 접혀 들어갈 수 있습니다. 요청하는 색상 수를 늘리면 작거나 미묘한 색상 영역이 자체 팔레트 항목으로 분리될 가능성이 더 높아집니다.

팔레트 추출에는 모든 픽셀이 아니라 대표적인 색상 샘플만 필요하므로, 분석 전에 이미지가 먼저 더 작은 작업용 복사본으로 축소되며, 이는 큰 사진에서도 도구를 빠르게 유지합니다. 이는 이미지 자체에는 영향을 주지 않고 분석에만 영향을 미치며, 아무것도 업로드되지 않고 원본 파일은 절대 수정되지 않습니다.

네, "CSS 변수로 복사"를 클릭하면 팔레트를 바로 붙여넣을 수 있는 --color-1부터 --color-N까지의 사용자 지정 속성으로 복사할 수 있고, "HEX 목록으로 복사"를 클릭하면 순수한 16진수 코드 목록으로 복사할 수 있습니다.