이 도구에 대해
색상 팔레트 추출기는 업로드된 이미지의 모든 픽셀을 스캔하고 비슷한 색상을 함께 그룹화하여 이미지를 시각적으로 지배하는 소수의 색상을 찾아냅니다 — 디자인 도구의 "사진에서 색상 선택" 기능 뒤에 있는 것과 같은 종류의 분석입니다. 제품 사진에서 브랜드 팔레트를 추출하거나, 웹사이트 테마를 히어로 이미지에 맞추거나, 이미지가 실제로 어떤 색조로 구성되어 있는지 한눈에 파악하는 데 유용합니다.
이 도구는 속도를 위해 이미지를 작은 분석용 캔버스로 축소한 다음, 원시 픽셀 데이터를 읽고 대략적인 RGB 유사성으로 색상을 버킷으로 분류하며, 각 버킷에 속하는 픽셀 수를 세고 각 버킷의 실제 평균 색상을 보고합니다 — 반올림된 모서리 값이 아니라 — 그래서 결과가 시각적으로 정확하게 유지됩니다. 가장 빈도가 높은 버킷이 이미지에서 차지하는 비율순으로 정렬된 팔레트가 됩니다. 추출할 색상 수를 선택하고, 클릭 한 번으로 아무 스와치의 헥스 코드를 복사하거나, 전체 세트를 바로 사용할 수 있는 CSS 변수로 복사하세요. 모든 처리는 브라우저에서 로컬로 이루어지며 이미지는 어디에도 업로드되지 않습니다.
자주 묻는 질문
도구는 어떤 색상을 "주요" 색상으로 판단하나요?
모든 픽셀을 대략적인 색상 버킷으로 그룹화하고(빨강/초록/파랑을 각각 8단계 중 가장 가까운 값으로 반올림), 각 버킷에 몇 픽셀이 들어가는지 세어, 가장 많은 픽셀을 가진 버킷을 보고합니다 — 각각은 버킷의 반올림된 코너 값이 아니라 그 안에 들어간 픽셀들의 실제 평균 색상으로 표시되어 더 자연스러운 결과를 만듭니다.
작지만 눈에 띄는 영역에만 나타나는 색상도 고려하나요?
아니요 — 이 도구는 시각적 두드러짐이나 대비가 아니라 순전히 픽셀 수(이미지의 얼마나 많은 부분이 그 색인지)로 순위를 매기므로, 작지만 밝은 강조 색상(파란색과 회색 위주 사진 속 빨간 물체 하나 등)은 시각적으로 "눈에 띄더라도" 목록에 들지 않을 수 있습니다. 이는 이 도구만의 문제가 아니라 빈도 기반 추출 방식 전반의 한계입니다 — 그 특정 강조 색상이 필요하다면 수동으로 샘플링해야 할 수 있습니다.