오미쿠지 도구상자 이미지·동영상

컬러 팔레트

이미지에서 주요 색상을 자동으로 추출하여 컬러 팔레트를 생성합니다. HEX / RGB / HSL 원클릭 복사, Tailwind 설정 자동 생성, 실시간 UI 미리보기로 배색을 즉시 확인하세요. 업로드 불필요 — 완전히 브라우저에서 처리됩니다.

특징

  • 이미지에서 주요 색상을 자동 추출. 분위기 중시(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에서 어떻게 보이는지 즉시 확인하세요.
시작하기 자세히 보기
배색 미리보기
드래그 & 드롭으로 색상 적용
역할을 선택한 후 팔레트 색상을 클릭하거나, 색상 카드를 여기로 드래그하세요.

Median Cut / K-Means 색상 추출 · 완전 클라이언트 사이드

여기에 드롭하여 분석
이미지는 업로드되지 않습니다