이미지 색상 개수 세기
PNG·JPG·WebP·GIF에 쓰인 고유 RGB 색상 수를 정확히 세고, 가장 많이 쓰인 색을 hex 코드·픽셀 수와 함께 보여줍니다 — 추정이 아닌 정확한 값입니다.
🔒 색상은 브라우저에서 처리되며 업로드되지 않습니다.
이미지를 끌어다 놓거나 눌러서 고르세요
이미지의 모든 고유 색상 세기
PNG, JPG, WebP, GIF 이미지를 올리면 모든 픽셀을 읽어 서로 다른 RGB 색상이 정확히 몇 개인지 알려주고, 가장 많이 쓰인 색상을 — 목록에 보일 색 수에 적은 만큼 — 코드·픽셀 수·비율과 함께 보여줍니다. 이미지가 인덱스 팔레트에 맞는지 확인하거나, 로고·아이콘을 내보내기 전에 점검하거나, 파일 복잡도를 가늠하거나, 디자인 시스템용 주요 색상을 뽑을 때 유용합니다.
색상을 세는 방식
각 픽셀의 빨강·초록·파랑 채널을 하나의 색상 키로 묶어 같은 색끼리 합산합니다. 완전히 투명한 픽셀은 검정으로 잘못 잡히지 않도록 제외합니다. 모든 픽셀을 검사하므로 결과는 추정치가 아니라 정확한 값입니다. 코드는 헥스로 쓰지만 색 표기에서 RGB·HSL·HSV·OKLCH를 고를 수 있고, 각 색상의 복사 버튼은 보이는 표기 그대로 복사합니다. 목록 위의 표는 전체 픽셀 수와 함께 불투명·반투명·완전 투명·회색 픽셀을 나눠 보여 주며, 보고서 복사나 보고서 내려받기 (.txt)로 집계 전체를 스프레드시트에 붙여넣을 수 있는 텍스트로 가져갈 수 있습니다.
정렬, 비슷한 색 합치기, 색 이름
정렬은 목록의 색을 많이 쓰인 순, 무지개 순이나 그 역순, 밝은 순, 어두운 순으로 바꾸되 어떤 색이 목록에 드는지는 바꾸지 않으며, 보고서도 그 순서를 따릅니다. 비슷한 색조는 거의 같은 색을 아주 가깝게, 비슷하게, 넓게 중 고른 만큼 한 줄로 합쳐 평균색과 합쳐진 색의 수를 보여 주고, 맨 위의 색 종류 수는 그대로 정확한 값입니다. 합친 줄을 누르면 그 묶음의 픽셀이 모두 표시됩니다. 색 이름 표시를 켜면 각 코드 옆에 가장 가까운 CSS 색 이름이 붙습니다. 사진이 없다면 예시가 그려 주는 그림으로 먼저 해 볼 수 있습니다. 같은 크기의 블록으로 확대한 픽셀 아트라면 크기 아래에 한 줄이 더 나와, 원래 픽셀 하나가 어떤 크기의 블록으로 그려졌는지와 실제 크기를 픽셀로 알려 줍니다. 사진이나 한 가지 색뿐인 그림, 격자에서 한 픽셀이라도 어긋난 그림에는 이 줄이 나오지 않습니다.
자주 묻는 질문
이미지가 서버로 업로드되나요?
아니요. 이미지는 브라우저의 canvas API로 전부 처리됩니다. 어디에도 전송되거나 저장되지 않습니다.
투명한 픽셀도 세나요?
완전히 투명한(알파 0) 픽셀은 검정으로 잡히지 않도록 제외합니다. 반투명 픽셀은 RGB 값으로 계산됩니다.
사진은 왜 고유 색상이 이렇게 많나요?
사진과 손실 압축 JPEG에는 미세한 그라데이션과 압축 노이즈가 있어 거의 모든 픽셀이 조금씩 다릅니다. 수만 개의 고유 색상이 나오는 것이 정상이며, 단색 그래픽이나 아이콘은 훨씬 적습니다.
색을 더 많이 보고, RGB나 HSL로 쓰고, 집계를 가져갈 수 있나요?
네. “목록에 보일 색 수”로 가장 많이 쓰인 색을 몇 개까지 보일지 정하고, “색 표기”로 모든 코드와 각 행의 복사 버튼이 복사하는 값을 HEX·RGB·HSL·HSV·OKLCH 중에서 바꿀 수 있습니다. 목록 위의 표는 전체 픽셀 수와 함께 불투명·반투명·완전 투명·회색 픽셀을 나눠 보여 줍니다. “보고서 복사”와 “보고서 내려받기 (.txt)”는 파일, 픽셀 수, 나눈 표, 목록의 색별 비율까지 집계 전체를 스프레드시트에 붙여넣을 수 있는 텍스트로 줍니다.
색을 색상 순으로 늘어놓거나, 거의 같은 색을 묶거나, 색 이름을 볼 수 있나요?
네. 정렬에서 많이 쓰인 순(기본), 무지개 순, 무지개 역순, 밝은 순, 어두운 순을 고르면 목록에 드는 색은 그대로 두고 순서만 바꾸며, 보고서도 그 순서를 따릅니다. 무지개 순은 색상에 따라 빨강에서 보라까지 늘어놓고 회색은 뒤에 두며, 밝기는 OKLCH 명도로 따지므로 순수한 노랑이 순수한 파랑보다 훨씬 밝은 쪽에 섭니다. 비슷한 색조는 아주 가까운 색조, 비슷한 색조, 넓게 중 고른 만큼 거의 같은 색을 한 줄로 합쳐 평균색과 합쳐진 정확한 색의 수를 보여 주고, 색 종류 수는 그대로 정확한 값입니다. 합친 줄을 누르면 그 묶음의 픽셀이 모두 표시됩니다. 색 이름 표시를 켜면 각 코드 옆과 보고서의 마지막 열에 가장 가까운 CSS 색 이름이 붙고, 정확히 같지 않으면 ≈를 붙입니다.
확대한 픽셀 아트와 사진을 구별하나요?
네. 그림의 픽셀 하나하나가 같은 크기의 블록으로 확대되어 있으면 이미지 크기 아래에 그렇다고 한 줄이 나오고, 블록 크기와 원래 그림의 실제 크기를 픽셀로 알려 줍니다. 모든 행과 열을 확인하므로 사진이나 한 가지 색뿐인 그림, 한 픽셀이라도 격자에서 어긋난 그림에는 이 줄이 나오지 않습니다. 같은 색 블록은 여전히 한 색이므로 색 개수는 어느 쪽이든 같습니다.