이미지 색상 추출기
이미지를 업로드하여 주요 색상을 추출하고 즉시 컬러 팔레트를 만드세요.
이미지 색상 추출기는 Median Cut 알고리즘으로 업로드한 이미지의 주요 색상을 뽑아내어 HEX·RGB·HSL 값과 각 색상의 차지 비율을 보여줍니다. 정확한 픽셀을 집는 스포이트 기능을 포함하고, 팔레트를 CSS 변수·JSON·Tailwind 설정·PNG 스와치 형식으로 내보낼 수 있습니다. Canvas API를 사용해 브라우저 안에서 — 업로드 없음. FreeToolHub 제작.
이미지를 드롭하거나 클릭하여 업로드
JPEG, PNG, WebP, GIF, BMP, SVG 지원 — 최대 50 MB
또는 클립보드에서 붙여넣기 (Ctrl+V)
컬러 팔레트
팔레트 내보내기
이미지는 브라우저 내에서 완전히 처리됩니다. 서버에 업로드되지 않습니다.
FAQ
이미지가 서버에 업로드되나요?
아니요. 모든 처리는 HTML5 Canvas API를 사용하여 브라우저 내에서 완전히 이루어집니다. 이미지는 기기를 절대 떠나지 않습니다.
색상 추출은 어떻게 작동하나요?
이 도구는 Median Cut 알고리즘을 사용하여 이미지의 모든 픽셀을 분석하고 유사한 색상을 그룹화합니다. 그런 다음 각 그룹의 평균 색상을 계산하여 팔레트를 생성합니다.
비율은 무엇을 의미하나요?
비율 백분율은 이미지에서 각 색상이 차지하는 면적을 보여줍니다. 30%의 색상은 이미지 면적의 약 3분의 1을 차지합니다.
특정 픽셀 색상을 선택할 수 있나요?
네. 스포이트 도구를 활성화한 후 이미지의 아무 곳이나 클릭하면 해당 픽셀의 정확한 색상을 선택할 수 있습니다. 선택한 색상을 팔레트에 추가할 수 있습니다.
어떤 내보내기 형식을 사용할 수 있나요?
팔레트를 CSS 사용자 정의 속성, JSON 배열 또는 Tailwind CSS 설정 스니펫으로 복사할 수 있습니다. 팔레트를 PNG 견본 이미지로 다운로드할 수도 있습니다.
흰색과 검정은 왜 제외되나요?
거의 흰색과 거의 검정인 픽셀은 이미지의 의미 있는 색상을 나타내지 않는 배경이나 그림자인 경우가 많습니다. 이 옵션을 끄면 포함할 수 있습니다.