이미지 색상 추출

여기에 이미지를 놓으세요

이미지를 클릭하면 스포이드로 색을 찍어요

파일은 서버로 전송되지 않아요 · 모든 분석은 브라우저 안에서

PALETTE 색을 누르면 HEX가 복사돼요

사용 방법

'이미지 올리기'를 누르거나 이미지를 끌어다 놓아요. 샘플 이미지로 먼저 써 볼 수도 있어요.

색 개수(5~10개)와 추출 방식(K-means·Median cut)을 골라 주요 색 팔레트와 비율을 확인해요.

이미지를 클릭하면 스포이드로 그 점의 HEX·RGB·HSL 값을 볼 수 있어요.

팔레트 색을 눌러 HEX를 복사하거나, EXPORT에서 CSS·SCSS·JSON 코드를 복사해요.

자주 묻는 질문

K-means와 Median cut은 뭐가 달라요?

K-means는 비슷한 색끼리 묶어 대표색을 찾아서 사진에 잘 맞아요. Median cut은 색 공간을 반씩 나눠 가며 고르게 뽑아서 일러스트나 색이 뚜렷한 이미지에 잘 맞아요. 두 방식을 바꿔 보며 마음에 드는 팔레트를 고르세요.

추출한 색을 CSS 변수로 쓸 수 있나요?

네. EXPORT에서 CSS를 고르면 :root에 --color-1 같은 변수로 정리된 코드가 나오고, 변수 이름도 바꿀 수 있어요. SCSS 변수나 JSON으로도 내보낼 수 있어요.

올린 이미지가 서버로 전송되나요?

아니요. 색 분석은 모두 브라우저 안에서 이루어지고 이미지는 어디에도 전송되지 않아요.

사용 방법