이미지 색상 추출

사진에서 대표 색상 팔레트를 뽑아냅니다

불러오는 중…

이 도구가 도움이 됐나요?

이 도구는

컬러 팔레트 추출기는 사진을 가로 96px로 축소한 뒤 RGB 각 채널을 16단계(4비트)로 뭉뚱그려 비슷한 색끼리 묶고, 픽셀 수가 가장 많은 순으로 대표 색 6가지를 hex 코드와 비율로 보여줍니다. 예를 들어 하늘이 넓게 나온 사진이라면 하늘색 계열이 40% 안팎으로 1위를 차지하고, 나머지 5칸에 인물이나 건물의 색이 비율순으로 나타나는 식입니다. 로고 배색이나 배경색을 고를 때 사진 한 장에서 참고 색을 바로 뽑아 쓸 수 있고, 스포이드 도구 없이도 클릭 한 번으로 hex 코드를 복사할 수 있습니다. 완전히 투명한 픽셀은 계산에서 제외되므로, 배경을 지운 PNG를 올려도 남은 실제 색상만으로 비율이 계산됩니다.

사용법

  1. 색을 뽑아낼 사진을 끌어다 놓거나 선택합니다.
  2. 이미지가 자동으로 96px 폭으로 축소되어 대표 색 6가지와 비율(%)이 계산됩니다.
  3. 원본 사진과 색상 목록이 나란히 나타납니다.
  4. 원하는 색상을 클릭하면 hex 코드가 클립보드에 복사되고 잠깐 "복사됨"으로 바뀝니다.
  5. 복사한 코드를 디자인 도구나 CSS에 붙여넣습니다.
  6. 다른 사진으로 다시 뽑고 싶으면 새 이미지를 끌어다 놓으면 됩니다.

자주 묻는 질문

색상은 몇 개까지 뽑아주나요?
픽셀 수가 많은 순으로 대표 색 6가지를 보여줍니다. 사진에 색이 6가지보다 적으면 그만큼만 나타납니다.
색을 클릭하면 어떻게 되나요?
해당 색의 hex 코드(#rrggbb)가 클립보드에 복사되고, 버튼 글자가 잠깐 "복사됨"으로 바뀌어 성공 여부를 알려줍니다.
색 추출이 정확한가요?
빠른 처리를 위해 이미지를 96px 폭으로 줄이고 RGB 각 채널을 16단계로 뭉뚱그려 비슷한 색끼리 묶어 계산하는 방식이라, 정밀한 색상 측정 도구는 아니고 사진의 전반적인 색감을 빠르게 파악하는 용도에 가깝습니다.
사진이 서버로 전송되나요?
아닙니다. 사진을 선택한 순간부터 색상 분석까지 전부 브라우저 안에서 처리됩니다.
비율(%)은 어떻게 계산되나요?
96px로 줄인 이미지에서 같은 색 그룹에 속한 픽셀 수를 전체 픽셀 수로 나눠 계산합니다. 6위 밖으로 밀린 색들은 표시되지 않으므로 여섯 색의 비율을 더해도 100%가 안 될 수 있습니다.
투명한 배경이 있는 PNG를 올리면 어떻게 되나요?
완전히 투명한 픽셀은 계산에서 제외됩니다. 배경을 지운 PNG를 올려도 남아 있는 피사체의 색만으로 비율이 계산됩니다.
어떤 파일 형식을 올릴 수 있나요?
브라우저가 화면에 표시할 수 있는 이미지 형식이면 대부분 됩니다 — JPG, PNG, WebP, GIF 등.
사진이 고해상도여도 느려지지 않나요?
느려지지 않습니다. 원본 해상도와 무관하게 항상 96px 폭으로 줄인 뒤 계산하므로 처리 시간은 사진 크기에 거의 좌우되지 않습니다. 다만 아주 미세한 색 차이는 뭉뚱그려질 수 있습니다.
다른 사진과 비교하려면 어떻게 하나요?
새 사진을 끌어다 놓으면 이전 결과가 새 결과로 바로 바뀝니다. 두 사진을 비교하려면 첫 번째 사진의 hex 코드를 먼저 복사해 메모해 둔 뒤 두 번째 사진을 올리세요.

비슷한 도구