0

이미지 팔레트 추출기

브라우저에서 사진의 실제 색상 팔레트를 추출하세요. Median-Cut 양자화로 3~12가지 주요 색상을 HEX 코드, CSS 변수, JSON으로 확인할 수 있습니다.

🔒 전적으로 귀하의 브라우저에서 처리됩니다. 여기에 입력하는 어떤 것도 업로드되지 않습니다.

🧵

이미지 끌어다 놓기

처리 중... 0%
이미지 파일 읽는 중
픽셀 축소 중
Median-Cut 양자화 실행 중
팔레트 구성 중

결과

Preview Output

이 팔레트 추출기는 이미지에 실제로 존재하는 색상을 읽어냅니다. 이론적으로 계산된 색이 아니죠. 사진을 업로드하고 원하는 색 수(대개 3~12개, 보통 5~6개면 충분)를 선택하면, 가중치에 따라 정렬된 색상 견본 팔레트를 반환합니다. 주요 색상이 가장 먼저 오며, 각 견본에는 HEX 코드, 이미지에서의 비율(%), 복사 버튼이 표시됩니다. CSS 사용자 정의 속성 블록, 스크립트·디자인 토큰용 JSON 배열, 무드보드용 팔레트 스트립 PNG까지 한 번의 클릭으로 내보낼 수 있습니다.

내부적으로 이 도구는 Median-Cut 양자화를 사용합니다. GIF 인코더가 수백만 가지 색을 작은 팔레트로 압축할 때 쓰는 바로 그 알고리즘입니다. 먼저 이미지가 로컬 캔버스에서 약 1만 픽셀로 축소된 뒤, 요청한 군집 수가 남을 때까지 색 공간을 가장 폭이 넓은 채널의 중앙값을 기준으로 반복 분할하고, 각 군집을 평균 내 하나의 견본으로 만듭니다. 그래서 결과가 무작위로 찍은 몇 개 픽셀이 아니라, 우리 눈이 이미지의 개성으로 느끼는 바로 그 색상을 반영하는 것입니다.

모든 과정은 브라우저 안에서 이루어집니다. 업로드도, 대기열도, 계정도 없습니다. 미공개 디자인, 클라이언트 사진, 내부 스크린샷도 완벽히 안전하죠. 브라우저가 디코딩할 수 있는 모든 형식(PNG, JPG, WebP, GIF)을 지원하며, 투명 영역은 무시하므로 PNG 로고도 깔끔한 팔레트를 생성합니다.

일반적인 활용 사례: 브랜드 사진 촬영물을 디자인 시스템 색상으로 변환, 영웅 이미지에 맞춰 랜딩 페이지 디자인, 커버 아트로 차트·테마 색상 생성, 일러스트레이션의 팔레트 문서화 등. 참고로, 이 도구는 여러분이 선택한 하나의 기본 색상으로부터 조화로운 팔레트를 만드는 색상 팔레트 생성기와는 다릅니다. 이 도구는 실제 이미지가 이미 품고 있는 팔레트를 추출하죠. 견본을 골랐는데 다른 표기법이 필요하다면? 색상 형식 변환기로 HEX를 RGB, HSL, CMYK로 바꿀 수 있습니다.