색상 팔레트 추출

색상 팔레트 추출 도구란?

사용 방법

1. 분석할 이미지를 끌어다 놓거나 파일을 선택해 업로드합니다.
2. 이미지 전체에서 대표 색상이 자동으로 추출되어 비율과 함께 팔레트로 표시됩니다.
3. "추출 모드"를 주요 색상 / 균형 / 포인트 색상에서 선택해, 면적이 작아도 선명한 포인트 색을 얼마나 남길지 조절합니다.
4. "추출할 색상 수"를 4~12색에서 선택하면 해당 개수로 색상을 다시 추출합니다.
5. 색상 코드 형식을 HEX / RGB / HSL로 전환하고, 원하는 색상을 클릭해 복사합니다.
6. "팔레트 내보내기"에서 JSON·CSS 변수·SCSS·Tailwind 형식을 골라 한꺼번에 복사합니다.

활용 사례

• 사진이나 디자인 이미지에서 배색을 정하려는 웹 디자이너·프런트엔드 개발자. 추출한 대표 색상을 CSS 변수나 Tailwind 설정으로 바로 구현할 수 있습니다.
• 참고 사이트나 스크린숏에서 배색의 균형을 분석하려는 UI/UX 디자이너.
• 제품 사진이나 브랜드 이미지에서 주요 색상(기본 색·강조 색)을 뽑아 배색 가이드를 만들려는 브랜딩 담당자.
• 일러스트나 사진의 전체적인 색감을 대표 색상으로 빠르게 파악하려는 일러스트레이터·사진가.
• 참고 이미지에 맞춰 문서나 슬라이드의 배색을 빠르게 맞추려는 비즈니스 사용자.

주의사항

• 대표 색상은 median-cut(중앙값 분할) 색상 양자화로 산출합니다. 같은 이미지라도 추출할 색상 수를 바꾸면 각 색상의 값과 비율이 달라집니다.
• 지각적으로 비슷한 색상(색차가 작은 색상)은 하나로 통합되므로, 실제로 표시되는 색상 수는 선택한 수보다 적을 수 있습니다.
• 추출 모드(주요 색상 / 균형 / 포인트 색상)로 가중치를 바꿀 수 있습니다. 포인트 색상은 면적이 작아도 선명한 색을 남기기 쉽고, 주요 색상은 넓은 면적의 색을 우선합니다.
• 추출 속도를 높이기 위해 이미지는 내부에서 축소한 뒤 분석합니다. 따라서 비율은 대략적인 기준으로 활용해 주세요.
• 색상은 sRGB 색 공간에서 처리합니다. 광색역(Display P3 등) 이미지는 sRGB로 변환된 값으로 표시됩니다.
• 투명도가 높은(거의 투명한) 픽셀은 대표 색상 대상에서 제외됩니다.
• 픽셀 단위로 색을 골라내려면 컬러 피커(색상 선택 도구)를 이용하세요. 이 도구는 이미지 전체의 대표 색상을 생성하는 용도에 적합합니다.

자주 묻는 질문