# 이미지 대표 색상

이미지에서 가장 많이 나타나는 색상과 주요 색상 팔레트를 찾으세요. 이 도구는 보이는 모든 픽셀을 4096개의 색상 구간으로 분류하고, 픽셀 수가 가장 많은 구간을 대표 색상으로 표시합니다. 이미지에서 차지하는 비율과 함께 최대 12개의 팔레트 색상을 나열하고, 전체 평균 색상도 각각 hex, RGB 및 HSL 형식으로 표시합니다. 플레이스홀더나 강조 색상이 필요한 디자이너, 테마 제작자, 개발자에게 유용합니다.

## 자주 묻는 질문

### 대표 색상은 어떻게 찾나요?

각 픽셀은 4096개 구간 중 하나에 배정되며, 빨강, 초록, 파랑 각각 16단계로 나뉩니다. 픽셀 수가 가장 많은 구간이 선택되고, 해당 구간의 픽셀 평균 색상이 표시됩니다. 따라서 흰색 배경은 반올림된 값이 아니라 순백색으로 표시됩니다.

### 팔레트란 무엇인가요?

팔레트에는 대표 색상 다음으로 많이 나타나는 구간이 표시됩니다. 색상 수는 1개부터 12개까지 선택할 수 있으며 기본값은 5개입니다. 각 항목에는 hex, RGB 및 HSL 값과 보이는 픽셀에서 차지하는 비율이 표시됩니다.

### 평균 색상은 어떻게 다른가요?

평균 색상은 보이는 모든 픽셀의 평균입니다. 파란 하늘과 붉은 들판이 함께 있는 사진에서는 대표 색상이 파랑이나 빨강으로 나타나지만, 평균 색상은 두 색이 섞인 탁한 색이 됩니다. 평균 색상은 흐릿한 플레이스홀더에, 대표 색상은 강조 색상에 적합합니다.

### 투명 픽셀은 어떻게 처리하나요?

절반 넘게 투명한 픽셀은 제외하므로, 투명한 배경의 로고에서는 검정색 대신 로고 색상이 표시됩니다. 결과에는 이미지에서 투명한 부분의 비율도 표시됩니다. 보이는 픽셀이 없는 이미지에는 색상 대신 메시지가 표시됩니다.

### 어떤 형식을 분석할 수 있나요?

최대 5 MB인 JPEG, PNG, GIF, WebP, TIFF 및 AVIF 이미지를 지원합니다. 애니메이션 GIF 및 WebP 파일은 첫 프레임을 기준으로 측정하며, CMYK 이미지는 색상을 집계하기 전에 sRGB로 변환합니다.

### 큰 이미지는 먼저 축소하나요?

한 변이 4000픽셀보다 큰 이미지는 색상을 집계하기 전에 4000픽셀에 맞게 축소합니다. 이 과정에서 비율은 많아야 아주 조금 달라집니다. 더 작은 이미지는 픽셀 단위로 집계합니다.

### 비슷한 색조가 별개의 색상으로 표시되는 이유는 무엇인가요?

각 색상 구간은 16단계 너비이므로 구간 경계 양쪽에 있는 두 색조는 따로 집계됩니다. 따라서 그라데이션과 사진에는 팔레트에 서로 인접한 색조가 자주 표시됩니다. 팔레트 색상 수를 늘리면 더 많은 색조를 확인할 수 있습니다.

### CSS에서 색상을 사용할 수 있나요?

네. 각 색상은 #3366cc와 같은 hex 코드, rgb() 값, 색조는 도 단위로, 채도와 명도는 백분율로 표시하는 hsl() 값으로 제공됩니다. 이 값을 CSS, 디자인 도구 또는 테마 설정에 바로 붙여넣을 수 있습니다.

### 대표 색상은 어디에 사용할 수 있나요?

이미지가 로드되는 동안 배경 플레이스홀더로 사용하거나, 표지 이미지와 어울리는 카드 및 헤더의 강조 색상으로 활용할 수 있습니다. 제품 사진을 색상별로 정렬하거나 브랜드 이미지가 팔레트에 맞는지 확인할 때도 유용합니다. 구조화된 결과는 스크립트와 테마에서 값을 재사용하기도 쉽게 해줍니다.

### 매번 같은 결과가 나오나요?

네. 집계 방식은 결정적이므로 같은 파일에서는 항상 같은 대표 색상, 팔레트, 비율이 나옵니다. 두 구간의 픽셀 수가 정확히 같으면 색상이 처음 나타난 순서에 따라 표시 순서가 정해집니다.

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)