이미지 색상 추출기

사용 방법

사진, 로고, 스크린샷을 고르면 median cut 알고리즘으로 주요 색을 찾아요. 이미지의 색을 같은 크기의 묶음으로 계속 나누는 방식이에요. 색마다 HEX 코드와 이미지에서 차지하는 비율을 보여 주고, 전체 팔레트를 CSS 변수로 복사할 수 있어요.

이미지 → 비슷한 색끼리 묶기 → 묶음마다 평균 색

이럴 때 좋아요

• 제품 사진에서 브랜드나 웹사이트 팔레트를 만들 때
• 발표 자료, 포스터, 썸네일 색을 이미지에 맞출 때
• 로고나 일러스트의 정확한 색을 알고 싶을 때

활용 팁

• 색 개수를 줄이면 대표 색이, 늘리면 포인트 색까지 보여요.
• PNG 이미지의 투명한 부분은 무시해요.
• 이미지는 내 기기에서만 분석하고 업로드하지 않아요.

계산 기준과 출처

• 색상 양자화는 median cut 알고리즘(Heckbert, 1982)을 사용
• 색상 값은 CSS Color Module Level 4에 정의된 sRGB로 표시

최종 검토 2026년 10월 7일