the IT Hustle
도구실전 매뉴얼소개

색상 팔레트

이미지에서 색상 팔레트를 추출하거나 프로젝트에 어울리는 조화로운 색상 구성을 생성합니다.

무료
#0088FF
H:208 S:100 L:50
#0008FF
H:238 S:100 L:50
#7700FF
H:268 S:100 L:50
#00FFF7
H:178 S:100 L:50
#00FF77
H:148 S:100 L:50
Base:
프리셋
Export as Code
:root {
  --color-1: #0088ff;
  --color-2: #0008ff;
  --color-3: #7700ff;
  --color-4: #00fff7;
  --color-5: #00ff77;
}

색상 팔레트 생성하는 방법

The IT Hustle의 무료 Color Palette Generator로 조화로운 색상 조합을 만들어 보세요.

  1. 1
    기본 색상 선택컬러 피커로 시작 색상을 고르거나 헥스 코드를 직접 입력하세요.
  2. 2
    조화 유형 선택보색, 유사색, 삼각형, 분열 보색, 단색 배색 중에서 선택하세요.
  3. 3
    변형 살펴보기선택한 배색의 명도와 채도가 다른 다양한 팔레트를 확인하세요.
  4. 4
    팔레트 내보내기개별 색상을 복사하거나 CSS 변수, SCSS, Tailwind 설정으로 전체 팔레트를 내보내세요.

자주 묻는 질문

보색, 유사색, 삼각형, 분열 보색, 단색 배색을 지원하며, 모두 색채 이론 원리에 기반합니다.

가능합니다. 이미지를 업로드하면 주요 색상을 추출해 이미지의 색상 구성을 바탕으로 팔레트를 만들어 줍니다.

CSS 커스텀 속성(변수), SCSS 변수, Tailwind CSS 설정으로 내보내거나 개별 헥스 코드를 복사할 수 있습니다.

관련 도구

CSS 그라디언트 생성기Favicon 생성기이메일 서명 생성기