이미지 색상 팔레트
이미지를 열면 1초 만에 주요 색상을 코드와 비율과 함께 보여 줍니다. 이미지를 클릭하면 그 지점의 정확한 색을 추가할 수 있습니다.
- 이미지 선택
- 색상 수와 정렬 선택
- 코드 복사 또는 팔레트 다운로드
도구를 불러오는 중…
파일은 사용자의 기기 밖으로 전송되지 않습니다
색상을 찾는 방법
- 이미지를 줄인 뒤 비슷한 색끼리 픽셀을 묶습니다(사람의 눈에 가까운 CIELAB 공간에서 k-means).
- 각 색상이 이미지에서 차지하는 비율을 표시합니다.
- PNG·WEBP의 투명 영역은 제외됩니다.
팔레트 활용
- HEX 코드 하나 또는 전체를 한 번에 복사.
- CSS는 웹사이트용 변수(--color-1…)를 바로 제공합니다.
- GPL은 GIMP·Inkscape, ASE는 Adobe 프로그램, JSON은 코드에서 사용합니다.
팁
로고나 브랜드는 3–5색, 디테일이 많은 사진은 8–12색이 좋습니다. 그라디언트에는 밝기순, 색상환 순서에는 색조순으로 정렬하세요.
자주 묻는 질문
이미지가 업로드되나요?
아니요. 색상은 브라우저에서 계산됩니다.
색이 조금 다른 이유는?
각 색은 비슷한 픽셀들의 평균입니다. 정확한 픽셀은 이미지를 클릭해 가져오세요.
지원 형식은?
JPG, PNG, WEBP, GIF, BMP, AVIF.
로고 색상도 추출되나요?
네. 3–5색을 선택하면 투명 배경은 제외됩니다.
ASE란?
Adobe Swatch Exchange: 포토샵, 일러스트레이터, 인디자인 견본으로 가져올 수 있습니다.
같은 이미지는 항상 같은 팔레트인가요?
네, 계산 결과가 재현됩니다.