컬러 팔레트
Image Palette Extractor

✨ 특징

  • 이미지에서 주요 색상을 자동 추출. 분위기 중시(Median Cut)와 UI/로고(K-Means) 두 모드 지원
  • HEX·RGB·HSL 원클릭 복사 및 Tailwind CSS 설정 파일 자동 생성
  • UI 미리보기에서 배경·텍스트·버튼 색상으로 실시간 확인
  • 업로드 불필요·완전 로컬 처리·외부 전송 없음

🪄 이런 때에

사진에서 배색 추출

풍경 또는 제품 사진에서 분위기에 맞는 컬러 팔레트를 즉시 생성합니다.

브랜드 색상 확인

로고나 참조 이미지에서 브랜드 색상을 추출하고 HEX 값을 즉시 복사.

웹 디자인 워크플로

UI 미리보기에서 배색을 확인하면서 CSS나 Tailwind 설정 코드를 내보냅니다.

색상 코드 변환

HEX·RGB·HSL 형식 간에 변환하여 개발 및 디자인 도구에 활용합니다.

🔒 개인정보 보호

이 도구는 브라우저 안에서만 동작합니다. 이미지는 어떤 외부 서버에도 업로드되지 않습니다.

❓ 자주 묻는 질문

어떤 이미지 형식을 지원하나요?

JPEG, PNG, WebP, GIF, BMP, SVG 등 브라우저가 표시할 수 있는 모든 주요 형식을 지원합니다.

추출하는 색상 수를 바꿀 수 있나요?

네. 최대 16색까지 추출할 색상 수를 자유롭게 설정할 수 있습니다.

Tailwind CSS 코드를 생성할 수 있나요?

네. 추출된 팔레트로 Tailwind CSS 설정 파일(tailwind.config.js) 스니펫을 자동 생성할 수 있습니다.

이미지가 서버로 전송되나요?

아니요. 모든 처리는 브라우저 안에서 이루어지며, 이미지 데이터가 외부 서버로 전송되지 않습니다.
이미지 대기 중
이미지는 브라우저 내에서만 처리 · 어디에도 업로드되지 않습니다
이미지를 드래그 & 드롭
클릭하여 파일 선택 또는 이 페이지에 직접 붙여넣기. 모든 분석은 브라우저에서 이루어집니다.
클릭하여 선택 ⌘ / Ctrl + V 붙여넣기
JPEGPNGWEBPGIFSVG
불러온 이미지 미리보기
#000000
—
추출 모드Algorithm
추출 색상 수Swatches
6색
팔레트 Palette
0 색
color.omikuji.dev
// 이미지를 불러오면 코드가 생성됩니다
Aurora 제품가격회사
New release
내 배색을,
지금 바로 확인.
추출한 색상을 배경, 텍스트, 버튼에 할당하고 실제 UI에서 어떻게 보이는지 즉시 확인하세요.
배색 미리보기
드래그 & 드롭으로 색상 적용
역할을 선택한 후 팔레트 색상을 클릭하거나, 색상 카드를 여기로 드래그하세요.
배경—
텍스트—
버튼—
tools.omikuji.dev
Median Cut / K-Means 색상 추출 · 완전 클라이언트 사이드
여기에 드롭하여 분석
이미지는 업로드되지 않습니다