이미지 색상 팔레트 추출기

사진이나 이미지에서 주요 색상 팔레트를 뽑아 HEX·RGB·HSL 스와치와 비중, 원클릭 복사로 보여줍니다 — 100% 브라우저에서 실행되며 업로드되지 않습니다.

이미지에서 색상 팔레트 추출

사진, 스크린샷, 로고, 일러스트를 올리면 오프스크린 캔버스에 그려 픽셀을 읽고, 비슷한 색끼리 묶어 이미지를 지배하는 색을 찾아냅니다. 각 스와치는 HEX·RGB·HSL 값과 이미지에서 차지하는 비중과 함께 표시되어, 필요한 코드를 바로 복사하거나 팔레트 전체를 배열로 가져올 수 있습니다. 슬라이더로 2~12개 색상을 선택하세요.

팔레트를 만드는 방식

불투명한 모든 픽셀을 색상 버킷으로 분류하고, 픽셀이 많이 들어간 버킷 순으로 정렬해 상위 버킷을 팔레트로 만듭니다. 각 스와치 색은 반올림한 근삿값이 아니라 해당 버킷 픽셀의 실제 평균색입니다. 처리 과정이 결정적이라 같은 이미지와 같은 색상 수는 항상 같은 팔레트를 냅니다. 완전하거나 거의 투명한 픽셀은 제외해 빈 영역이 검정으로 잘못 잡히지 않으며, 큰 이미지는 먼저 축소해 주요 색을 바꾸지 않으면서 빠르게 추출합니다.

자주 묻는 질문

이미지가 서버로 업로드되나요?

아니요. 이미지는 브라우저 안에서 canvas로 디코딩되고 픽셀을 읽습니다. 어디에도 업로드·저장·전송되지 않습니다.

색상은 몇 개까지 추출하나요?

2개에서 12개까지 가능합니다. 스와치 슬라이더를 움직이면 같은 이미지에서 즉시 다시 추출하므로, 다시 올리지 않고도 3색 구성과 12색 구성을 비교할 수 있습니다.

색상 옆의 퍼센트는 무엇인가요?

그 색이 이미지에서 차지하는 비중으로, 같은 색 그룹에 속한 불투명 픽셀의 비율입니다. 스와치는 가장 지배적인 색부터 순서대로 정렬되어 첫 스와치가 가장 넓은 영역을 차지합니다.