이미지 팔레트 추출기
사진을 끌어다 놓으면 대표 색과 HEX, RGB, 이미지에서 차지하는 비율을 보여 줍니다.
추출 중…
이미지를 놓으면 색상이 팔레트로 돌아옵니다.
사용 방법
- 카드에 이미지를 끌어다 놓거나 ⌘V로 붙여 넣거나 “이미지 선택”을 누르세요. HEX, RGB, 픽셀 비율 팔레트가 즉시 나타나며 누를 버튼은 없고 아무것도 업로드되지 않습니다.
- 원하는 색상 수(6, 8, 16)와 비중순 또는 색상순 정렬을 고르세요. 둘 중 하나를 바꾸면 다시 디코딩하지 않고 팔레트가 즉시 갱신됩니다.
- 견본의 “복사”를 누르면 그 색 하나를, “CSS로 복사”나 “JSON으로 복사”를 누르면 팔레트 전체를 얻습니다. “JSON 내려받기” / “텍스트 내려받기”는 파일로 저장합니다. 원본은 절대 수정되지 않습니다.
예시
예시 이미지(“예시 불러오기”로 로드)
ykit-palette-en.jpg 1200 × 800 · 53.4 KB · 그라데이션 + 텍스트
8색 팔레트
#235695 rgb(35, 86, 149) 12.5% #3834BE rgb(56, 52, 190) 12.5% #4355A5 rgb(67, 85, 165) 12.5% … 5개 더
영어 예시 이미지에서 실제 median-cut으로 얻은 결과입니다(2026-10-27, Chromium). 예시 텍스트는 페이지 언어로 그려지므로 중국어와 아랍어 예시는 바이트와 그라데이션 중간 색이 조금 다릅니다. 백분율은 200px로 축소한 이미지 기준이며 소수 한 자리로 반올림합니다. 픽셀 단위 정밀도를 꾸미지 않고 그대로 밝힙니다.
규칙, 제한 및 알려진 문제
- 아무것도 업로드되지 않습니다. 사진은 이 탭에서 읽고 축소하고 분석하며 페이지가 네트워크 요청을 보내지 않습니다. 원본 파일은 읽기만 하고 수정하지 않습니다.
- 픽셀 비율은 축소된 이미지(긴 변 200px)에서 측정해 소수 한 자리로 반올림한 값이며 원본의 모든 픽셀을 센 것이 아닙니다. 반올림 때문에 백분율 합이 정확히 100이 되지 않을 수 있습니다.
- 투명한 픽셀(알파 50% 미만)은 무시합니다. 색이 없어 포함하면 팔레트만 오염시키기 때문입니다. 완전히 투명한 이미지는 색을 지어내지 않고 “보이는 픽셀 없음”으로 알립니다.
- 이미지당 최대 20 MB, 16메가픽셀이며 디코딩 전에 거부해 큰 파일이 탭을 잡아먹지 않습니다. 픽셀을 읽기 전에 긴 변 200px로 축소하므로 추출은 빠르지만 미세한 색 디테일은 조금 부드러워집니다.
- “추출” 버튼이나 정확한 스포이트는 없습니다. 이 도구는 커서 아래의 정확한 색이 아니라 대표 팔레트를 보고하며 색이 조화로운지 판단하지 않습니다.
- 한 번에 이미지 하나만 지원합니다. 기록도, 깔끔한 페이지 URL 외의 공유 링크도 없습니다. 아무것도 저장되지 않으므로 새로고침하면 처음부터 시작합니다.
관련 도구
색을 얻은 뒤 보통 필요한 도구입니다.