🎨 이미지 색상 추출
사진의 픽셀을 분석해 가장 많이 쓰인 대표 색 8개를 HEX 코드와 함께 보여줍니다.
사용 방법
- 색을 뽑을 이미지를 끌어다 놓거나 클릭해서 선택합니다.
- 자동으로 주요 색 8개가 점유율과 함께 팔레트로 표시됩니다.
- 색 카드를 클릭하면 HEX 코드가 복사되고, '전체 HEX 복사'로 한 번에 가져갈 수도 있습니다.
이럴 때 유용해요
- 마음에 드는 사진의 색감을 디자인 배색으로 옮기고 싶을 때
- 브랜드 로고 이미지에서 정확한 HEX 코드를 확인할 때
- 웹사이트·PPT 색 테마를 대표 이미지와 맞출 때
- 인테리어·패션 사진에서 컬러 조합을 참고할 때
알아두면 좋은 팁
- 점유율(%)이 함께 표시되므로, 상위 1~2색을 배경으로 하고 점유율이 낮은 색을 포인트 컬러로 쓰면 원본 이미지와 같은 인상의 배색이 됩니다.
- 서로 비슷한 색은 자동으로 걸러내고 충분히 다른 색들만 골라 팔레트의 다양성을 유지합니다.
- 그라데이션이 많은 사진은 대표색이 중간 혼합색으로 잡힐 수 있으니, 원하는 부분만 먼저 크롭한 뒤 추출하면 더 정확합니다.
자주 묻는 질문
색상은 어떤 방식으로 추출되나요?
이미지를 축소한 뒤 전체 픽셀을 색 구간(버킷)별로 집계하고, 가장 많이 등장한 구간의 평균색을 대표색으로 뽑습니다. 비슷한 색끼리는 RGB 거리 기준으로 걸러 최대 8개를 선별합니다.
특정 지점의 색을 정확히 찍어서 알 수는 없나요?
이 도구는 이미지 전체의 대표 팔레트 추출용입니다. 한 픽셀 단위 색상 확인은 브라우저 개발자 도구의 스포이드나 그래픽 프로그램의 컬러 피커가 적합합니다.
HEX와 RGB 중 무엇을 쓰면 되나요?
웹·CSS에서는 #1A2B3C 형태의 HEX가 표준이고, 디자인 프로그램에서는 rgb(26,43,60) 형태도 널리 쓰입니다. 이 도구는 두 값을 모두 표시하며 클릭 복사는 HEX 기준입니다.
로고처럼 색이 몇 개 없는 이미지도 되나요?
네. 실제 사용된 색이 8개보다 적으면 있는 색만큼만 팔레트에 표시됩니다. 단색에 가까운 로고는 안티앨리어싱 경계색이 함께 잡힐 수 있습니다.
