도구 소개
이미지 팔레트 추출 도구는 이미지의 비슷한 색상을 소수의 대표 색상으로 묶습니다. 사진, 일러스트, 브랜드 자료의 배색을 참고하기 좋습니다.
사용 방법
- 이미지를 선택하거나 끌어다 놓고 기본 5색 팔레트를 확인하세요.
- 필요에 따라 3색, 5색, 8색 또는 10색으로 변경하세요.
- 각 색상의 견본, 코드, 추정 비율을 확인하세요.
- 각 색상을 복사하거나 HEX 목록과 CSS 변수를 한 번에 복사하세요.
지원 형식
- PNG, JPG/JPEG, 정지 WebP 이미지를 지원합니다. 한 번에 이미지 한 장을 선택하거나 끌어다 놓으세요.
- 최대 파일 용량은 100 MiB, 픽셀 수는 4,000만, 한 변의 길이는 16384픽셀입니다. 큰 이미지는 처리에 더 많은 메모리가 필요하므로 기기 성능에 맞는 이미지를 선택하세요.
결과 안내
- 색상은 추정 가중치순으로 정렬되며 각 색상 카드에는 HEX, RGB, HSL 텍스트와 복사 버튼이 있습니다.
- 선택한 수는 원하는 대표 색상 수입니다. 단색 이미지나 색상이 적은 이미지에서는 더 적은 색상이 나올 수 있습니다.
- 완전히 투명한 픽셀은 제외하고 나머지 픽셀에는 Alpha에 따른 가중치를 적용합니다. 검정과 흰색도 포함됩니다.
색상 추출 알고리즘
- 주요 색상 추출과 동일하게 결과가 일정한 중간값 분할 양자화를 사용해 비슷한 색상을 그룹으로 묶고 대표 색상을 계산합니다. 같은 이미지와 설정에서는 같은 결과를 얻습니다.
- 주요 색상과 팔레트는 최대 250,000픽셀을 분석하며 긴 변은 1000픽셀을 넘지 않습니다. 큰 이미지는 먼저 축소 샘플링하고 실제 분석 크기를 결과에 표시합니다. 작은 이미지는 모든 픽셀을 사용합니다.
- 3색 결과는 전체 배색을 간결하게 보여주고 10색 결과는 더 많은 색상 변화를 보존합니다. 색상 수를 늘려도 이미지 속 모든 작은 색상 영역을 찾아내는 것은 아닙니다.
개인정보 보호
이미지는 사용 중인 브라우저에서만 처리되며 서버에 업로드되지 않습니다.
입력과 결과는 자동으로 저장되지 않습니다. 초기화하거나 페이지를 떠나기 전에 필요한 내용을 복사하거나 다운로드하고 원본 이미지도 보관하세요.
자주 묻는 질문
Color Palette는 어떻게 추출하나요?
이미지 픽셀을 읽어 비슷한 색상을 몇 개의 대표 색상 그룹으로 양자화한 뒤 가중치순으로 나열합니다. 큰 이미지는 먼저 축소 샘플링하며 결과에 분석 크기를 표시합니다.
한 이미지에서 여러 색상을 추출하는 이유는 무엇인가요?
이미지에는 보통 배경, 피사체, 그림자, 하이라이트 등 여러 색상이 있습니다. 팔레트는 주요 색상 하나만 표시하는 대신 여러 대표 색상으로 이 분포를 요약합니다.
3색과 10색은 어떻게 다른가요?
3색은 간결해 전체 배색을 파악하기 좋고, 10색은 더 많은 색상 변화를 보존합니다. 원본의 색상이 적으면 선택한 수보다 결과가 적을 수 있습니다.
투명 픽셀은 어떻게 처리하나요?
완전히 투명한 픽셀은 추출에서 제외하며 나머지에는 Alpha에 따른 가중치를 적용합니다. 따라서 반투명 픽셀은 같은 수의 불투명 픽셀보다 가중치가 낮습니다.