이미지 도구 / 25
색상 팔레트 추출기
이미지에서 주요 색상을 HEX와 RGB 값으로 추출하고, 이미지에서 차지하는 비율이 큰 순서대로 정렬합니다.
색상 팔레트 추출기: TOEA는 이미지를 샘플링하고 중앙값 절단 양자화기로 색상을 그룹화한 다음, 각 그룹의 평균 색상과 이미지에서 차지하는 비율을 보여줍니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 이미지 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
PNG, JPG 또는 WebP · 최대 30 MB
사진의 색상 팔레트가 흐릿해 보이는 이유
각 색상은 해당 그룹에 속한 픽셀의 평균이며, 평균을 내면 회색에 가까워집니다. 예를 들어 어두운 픽셀이 많은 노을에서는 선명한 주황색 픽셀이 몇 개만 있어도 눈으로 기억하는 것보다 탁한 주황색이 나올 수 있습니다. 안티앨리어싱된 가장자리와 그라데이션은 별도의 색상으로 추출될 수 있는 중간 색조를 만듭니다. 로고에서 정확한 브랜드 색상을 얻으려면 이미지 색상 추출기로 단색 영역을 선택하거나 원본 SVG 또는 스타일 가이드에서 가져오십시오.
팔레트에서 색상 구성으로
추출한 팔레트를 재료로 활용하십시오. 채도가 낮고 지배적인 색상은 배경과 넓은 영역에 적합하며, 수가 적고 채도가 높은 색상은 강조색과 버튼에 더 적합합니다. 텍스트에 사용하기 전에 대비 검사 도구로 색상 조합을 확인하십시오. WCAG는 본문 텍스트에 최소 4.5:1을 요구하며, 사진에서 추출한 색상은 이 기준에 맞추려면 더 어둡게 하거나 밝게 해야 하는 경우가 많습니다.
사용 방법
- 이미지를 선택합니다.
- 원하는 색상 수를 선택합니다.
- HEX 값을 복사합니다.
개인정보 보호 및 제한사항
이미지는 브라우저에서 읽으며 업로드하지 않습니다. 분석 전에 이미지의 샘플 크기를 줄이므로 큰 사진도 원활하게 처리됩니다.
관련 도구
자주 묻는 질문
색상은 어떻게 선택합니까?
색상은 가장 큰 변화를 보이는 채널을 기준으로 반복해서 그룹으로 나눕니다. 따라서 단색 배경보다 이미지에서 실제로 변화가 큰 부분에 세부 정보가 반영됩니다.
백분율은 무엇을 의미합니까?
해당 색상 그룹에 속하는 샘플링된 픽셀의 비율입니다. 따라서 주요 색상이 첫 번째로 표시됩니다.
값은 정확합니까?
각 항목은 해당 그룹에 속한 실제 픽셀의 평균값입니다. 따라서 단색 영역은 비슷한 색상이 아니라 정확한 색상을 보여줍니다.
요청한 색상보다 적은 색상이 표시되는 이유는 무엇입니까?
이미지에 요청한 수보다 서로 다른 색상이 적기 때문입니다. 이미지에 실제로 있는 색상만 표시됩니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요