본문으로 건너뛰기
Toolars
둘러보기
버그 신고

이미지 · 로컬 유틸리티

이미지 색상 추출기

Image Color Extractor

이미지에서 RGB 색상 그룹을 최대 12개 추출해 분석한 가시 샘플의 알파 가중 비율 순으로 표시하고 HEX 복사 또는 JSON 다운로드를 지원합니다.

작업 경로 / 입력에서 결과까지

이미지 선택

로컬에서 실행 · 업로드 없음

이미지 색상 추출기 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

이미지에서 컬러 팔레트를 추출하는 방법

  1. 01

    이미지 선택

    “파일 선택”을 눌러 최대 12 MiB의 PNG, JPEG, WebP를 여세요. 한 변은 최대 8,192픽셀, 총 24,000,000픽셀까지입니다. 픽셀은 로컬에서 디코딩되며 업로드되지 않습니다.

  2. 02

    팔레트 크기 설정

    “팔레트 색 수” 슬라이더로 1~12개 색을 고르세요. 색이 적으면 넓은 요약이 되고, 많으면 포인트 색까지 드러나요.

  3. 03

    팔레트 추출

    팔레트 추출을 누릅니다. 디코딩된 RGB를 채널별 16단계 고정 버킷으로 나누고 완전히 투명한 픽셀은 제외하며 나머지는 알파 값으로 가중합니다. 버킷은 분석한 가시 픽셀의 가중 비율 순으로 정렬됩니다. 4,000,000픽셀을 넘는 이미지는 축소한 사본을 사용하므로 원본 파일의 정확한 픽셀 집계가 아닌 추정치입니다.

  4. 04

    색상 복사 또는 다운로드

    각 색상 견본에는 HEX와 분석한 가시 픽셀에서의 대략적인 비율이 표시됩니다. 클릭해 HEX를 복사하거나 hex, rgb, alpha, share가 포함된 JSON을 다운로드할 수 있습니다. 상위 1~12개 버킷만 반환하므로 비율을 합해도 100%가 아닐 수 있습니다.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

이미지 색상 추출기 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

이미지 색상 추출기 도구가 실제로 하는 일

랜딩 페이지에는 제품 사진에서 정직하게 뽑은 팔레트가 필요하고, 슬라이드 템플릿은 표지 이미지를 닮아야 하고, 디자인 감사에서는 현재 인터페이스의 주요 색을 알고 싶어요. 이미지 색상 추출기는 브라우저에서 분석한 가시 샘플의 알파 가중 비율 순으로 팔레트를 정렬합니다. 원본 이미지가 어디에도 업로드하면 안 되는 미공개 디자인일 때 특히 유용합니다.

자주 묻는 질문

색상은 어떻게 선택되고 정렬되나요?
각 픽셀은 RGB 채널의 상위 4비트에 따라 고정 버킷으로 분류됩니다. 비슷해 보이는 색도 다른 버킷으로 나뉠 수 있으며 같은 버킷의 색은 평균을 냅니다. 투명 픽셀은 제외하고 반투명 픽셀은 알파 값으로 가중합니다. 요청한 수 이하의 상위 버킷을 반환하지만 서로 다른 디자인 색상이라는 보장은 없습니다.
색상은 몇 개를 고르는 게 좋나요?
적게 시작하세요. 1~3개는 이미지의 분위기를 요약하고, 5~7개는 보통 사진의 배경·주제·강조색을 깔끔하게 나눠 주세요. 12개까지 늘리는 건 뚜렷이 다른 단색이 많은 아트워크에서만 하세요. 그렇지 않으면 추가 스와치가 의미를 잃고 하나의 그라디언션이 거의 같은 색들로 쪼개져요.
추출기는 투명도를 어떻게 처리하나요?
완전히 투명한 픽셀은 측정에서 완전히 제외되고, 반투명 픽셀은 불투명도에 비례해 계산됩니다. 그래서 가장자리가 부드러운 오려낸 이미지가 팔레트를 보이지 않는 배경 쪽으로 끌고 가지 않습니다. JSON 다운로드의 alpha 필드는 각 색의 평균 불투명도를 보고합니다.
JSON 다운로드의 필드는 무슨 뜻인가요?
hex와 rgb는 버킷의 반올림한 평균 RGB이고 alpha는 평균 불투명도입니다. share는 분석한 Canvas 샘플의 모든 가시 픽셀 중 해당 버킷의 알파 가중 비율이며 원본 이미지의 정확한 면적 비율이 아닙니다. 상위 버킷만 내보내므로 share 합계가 100% 미만일 수 있습니다.
팔레트가 근사적으로 보이는 이유는요?
고정 RGB 버킷은 이미지를 간단한 팔레트로 만들지만 비슷해 보이는 모든 색을 합치지는 않습니다. 버킷 경계에서 가까운 색이 갈릴 수 있습니다. 4,000,000픽셀을 넘는 이미지는 분석 전에 다시 샘플링하므로 세부 색과 순위가 달라질 수 있습니다. 채택 전에 원본과 비교하세요.
이미지가 어딘가에 업로드되나요?
아니에요. 디코딩과 양자화는 현재 브라우저 탭 안에서만 실행되고 계정도 필요 없습니다. 워크스페이스를 초기화하면 이미지와 추출된 팔레트가 버려져요.

이미지 스튜디오 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

이미지 자르기

Image Cropper

PNG·JPEG·WebP 이미지를 정확한 픽셀 좌표와 자유·고정 비율로 잘라 PNG, JPEG, WebP로 내보냅니다.

편집

이미지 필터

Image Filters

밝기, 대비, 채도, 회색조, 세피아, 흐림 여섯 개 슬라이더로 사진을 보정하고 원본 크기 PNG로 내려받습니다.

편집

이미지 크기 조절

Image Resizer

이미지를 가로세로비 잠금과 정확한 픽셀 크기로 조절합니다. 한 장씩 또는 최대 12장까지 한 번에 ZIP으로 받습니다.

편집

이미지 평균 색상 찾기

Image Average Color Finder

이미지의 알파 인식 평균 색상을 계산해 HEX, rgb(), rgba()로 복사합니다. 투명 픽셀은 평균에 섞이지 않고 제외됩니다.

검사