팔레트 추출기

사진, 그림, 스크린샷 또는 무드보드 이미지를 드롭하면 HEX 값과 함께 5~10가지 주요 색상을 얻을 수 있습니다. 브랜드 사진에서 팔레트를 만들고, 좋아하는 그림에서 톤을 샘플링하거나, 일몰 색상을 추출하여 배경화면과 일치하는 디자인 시스템을 구축하세요.

추출 작동 방식

이 도구는 이미지의 모든 픽셀을 색상 유사성(CIE Lab 공간에서의 k-means, 인간이 색상 차이를 인식하는 방식을 근사)에 따라 클러스터링합니다. 클러스터 중심이 주요 색상이 됩니다. 클러스터 수(기본값 5, 풍부한 이미지의 경우 최대 10)를 선택할 수 있습니다.

Lab 공간 클러스터링이 중요한 이유: 원시 RGB에서 수행하면 시각적으로 유사한 중복이 발생하고 눈이 감지하는 미묘한 색조 차이를 놓칩니다. Lab은 인간의 인식과 일치하므로 팔레트가 자연스럽게 느껴집니다.

제공되는 결과

• 5개(또는 10개)의 HEX 견본이 영역 크기 순으로 정렬됩니다.
• 각 색상에 대한 RGB 및 HSL.
• 공유용 PNG 또는 디자인 파일용 SVG로 팔레트 견본 다운로드.
• 스타일시트에 바로 붙여넣을 수 있는 CSS 변수 스니펫.
• tailwind.config.js에 바로 사용할 수 있는 Tailwind 설정 스니펫.

일반적인 워크플로

1. 제품 사진에서 브랜드 팔레트 만들기. 히어로 이미지를 업로드하고 해당 톤에서 브랜드를 구축하세요.
2. 배경화면과 일치하는 UI 테마. 좋아하는 배경화면에서 추출하고 팔레트를 앱 테마로 사용하세요.
3. 디지털 아트를 위한 그림 참조. 자신의 장면을 그리기 전에 거장의 팔레트를 샘플링하세요.
4. 무드보드 합성. 여러 참조 이미지에서 각각 추출하고 마음에 드는 색상을 병합하여 하나의 팔레트로 결합하세요.

관련 도구와 함께 사용

팔레트를 만든 후에는 그라디언트 생성기로 인접 색상 간의 그라디언트를 만들거나, 색상 변환기로 인쇄용 CMYK로 변환하세요. 이미지의 특정 지점에서 단일 색상을 선택하려면 색상 선택기를 사용하세요.