utilbox
이미지

Color Palette Generator

색상 코드를 입력하거나 이미지를 업로드해 팔레트를 생성하세요.

내보내기

언제 쓰면 좋나요?

디자인 작업에서 이미지 색감을 그대로 팔레트로 뽑고 싶을 때, 또는 기준 색상에서 보색·유사색을 자동으로 생성할 때 유용합니다. Tailwind CSS 프로젝트에서 커스텀 컬러를 설정할 때도 바로 내보낼 수 있습니다.

주요 기능

  • 이미지 업로드로 대표 색상 자동 추출
  • HEX 입력으로 보색·유사색·모노크롬 팔레트 생성
  • HEX · RGB · HSL 변환
  • Tailwind CSS · CSS 변수 형식으로 내보내기

사용 방법

  1. 이미지를 업로드하거나 기준 HEX 코드를 입력합니다.
  2. 팔레트 규칙(보색·유사색·모노크롬 등)을 선택합니다.
  3. 색상 카드를 클릭해 HEX·RGB·HSL 코드를 복사합니다.
  4. CSS 변수 또는 Tailwind 형식으로 팔레트 전체를 내보냅니다.