이미지 색상 팔레트 추출기

사용 방법

PNG, JPEG, WebP 또는 AVIF 이미지를 업로드하면 브라우저에서 근사 대표 색상을 최대 8개 추출하고 색상 값을 복사하거나 다운로드할 수 있습니다.

선택한 이미지에서 대표 색상을 추출합니다. 색상 칩을 눌러 HEX 코드를 복사하거나 HEX, RGB, HSL 및 CSS 변수를 담은 텍스트 보고서를 내려받습니다.

💡 3단계 초간단 사용 가이드

① 이미지 선택

파일 선택기로 PNG, JPEG, WebP 또는 AVIF 이미지를 불러옵니다.

② 추출 색상 확인

대표 색상 칩과 HEX/RGB 보고서를 자동으로 표시합니다. 원본의 모든 픽셀을 정확히 재현하는 팔레트는 아닙니다.

③ HEX 복사 또는 보고서 다운로드

색상 칩을 눌러 HEX를 복사하거나 팔레트 다운로드를 선택해 RGB, HSL 및 CSS 변수가 포함된 image-color-palette.txt를 저장합니다.

활용 상황

사진, 일러스트 또는 화면 캡처에서 배색 참고 자료를 빠르게 정리할 때 사용할 수 있습니다.

계산 또는 처리 방식

이미지를 최대 96 × 96 픽셀로 줄여 샘플링하고 알파값이 128보다 낮은 픽셀은 제외합니다. RGB 채널을 양자화한 뒤 빈도와 색상 선명도로 정렬해 최대 8색을 남깁니다.

구체적인 예시

실내 사진을 올려 벽과 가구에 가까운 HEX 값을 복사하거나 HEX, RGB, HSL 및 CSS 변수가 포함된 텍스트 파일을 다운로드합니다.

제한 및 데이터 처리

이미지를 축소 샘플링하고 색상 채널을 양자화하며 알파값이 128보다 낮은 픽셀은 제외합니다. 따라서 그라데이션, 투명 영역과 작은 색상 영역은 합쳐지거나 빠질 수 있습니다. 디코딩할 수 없거나 한도를 넘은 이미지는 팔레트를 만들지 않고 EXIF 같은 이미지 메타데이터도 팔레트에 포함하지 않습니다. 파일을 읽는 동안 별도 취소 버튼은 없으며 다른 파일을 선택하면 이전 결과를 무시합니다.

이미지 디코딩, 샘플링, 팔레트 추출과 텍스트 파일 생성은 현재 브라우저에서 모두 처리됩니다. 이미지와 추출값은 GoGo Tools 백엔드로 전송되지 않습니다.