피드 컬러 팔레트 추출기 완벽 가이드
인스타그램 피드는 사진 한 장 한 장보다 "전체 톤의 일관성"이 인상을 좌우합니다. 이 도구는 업로드한 이미지에서 가장 많이 등장하는 대표 색상 5개를 자동으로 뽑아 HEX·RGB 코드로 제공합니다. 추출한 색을 디자인 템플릿, 보정 프리셋, 강조색에 활용하면 피드 톤을 손쉽게 통일할 수 있습니다.
색상 추출 원리
이 도구는 브라우저에서 이미지를 Canvas에 그린 뒤 getImageData로 픽셀 데이터를 읽습니다. 모든 픽셀을 일정 단위로 양자화(색 구간을 묶음)하여 빈도를 집계하고, 가장 자주 등장한 색 구간을 대표 색상으로 선정합니다. 너무 비슷한 색은 병합해 시각적으로 구분되는 5색을 보여줍니다. 처리 과정은 100% 브라우저 안에서만 일어나며, 업로드한 사진이 서버로 전송되지 않아 안전합니다.
팔레트 활용 팁
- 메인 + 서브 + 포인트: 가장 면적이 큰 1~2색을 배경/메인, 나머지를 포인트로 사용하세요.
- 일관성: 같은 팔레트를 여러 게시물에 반복하면 브랜드 색이 각인됩니다.
- 대비: 텍스트는 배경색과 명도 차가 큰 색을 골라야 가독성이 좋습니다.
자주 묻는 질문 (FAQ)
Q. 추출된 색이 사진과 조금 달라요.
A. 빈도 기반 양자화 방식이라 미세한 그라데이션은 가까운 대표색으로 묶입니다. 정확한 단일 픽셀 색이 필요하면 사진을 확대해 해당 부분만 잘라 다시 추출해 보세요.
Q. 업로드한 사진이 저장되나요?
A. 아니요. 모든 처리는 브라우저 내부에서만 이뤄지며 어떤 서버로도 전송·저장되지 않습니다.
Q. HEX와 RGB 중 무엇을 써야 하나요?
A. 웹·CSS·디자인 툴 대부분은 HEX(#RRGGBB)를 받고, 영상 편집·일부 앱은 RGB(0~255)를 받습니다. 두 값 모두 제공하니 도구에 맞게 복사하세요.