EllyTools

이미지 도구

계산기

텍스트 도구

색상 도구

파일 도구

유틸리티

색상 팔레트 생성기

원하는 색상에 어울리는 팔레트 자동 생성

HSL(239, 84%, 67%) · rgb(99, 102, 241)

Analogous 팔레트

#64ADF2

rgb(100, 173, 242)

#6366F1

rgb(99, 102, 241)

#A864F2

rgb(168, 100, 242)

#EF64F2

rgb(239, 100, 242)

샘플 제목

실제 디자인에서 이 색상 팔레트가 어떻게 보이는지 확인하세요.

사용 방법

1

기본 색을 고르거나 무작위 색조로 시작하세요

2

조화 규칙을 선택하세요 — 인접·보색·삼각·단색 등

3

개별 색을 미세 조정한 뒤 CSS 변수로 전체 팔레트를 복사하세요

자주 묻는 질문

관련 도구

누구를 위한 도구인가요?

  • 브랜드·제품 색상 시스템을 구축하는 디자이너
  • 캘리그래피·뜨개질·미술 프로젝트의 조화로운 색을 찾는 취미인
  • 디자이너의 최종 팔레트가 나오기 전 UI를 프로토타이핑하는 개발자

왜 EllyTools인가요?

100% 무료 & 무제한

회원가입 없이, 제한 없이 원하는 만큼 사용하세요.

개인정보 보호 우선

모든 처리가 브라우저에서 이루어집니다. 파일이 기기를 떠나지 않습니다.

설치 불필요

데스크톱, 태블릿, 스마트폰 등 모든 기기의 브라우저에서 바로 작동합니다.

빠르고 안정적

최신 브라우저 기술로 즉각적인 결과를 제공합니다.

색상 팔레트 생성기 — 조화로운 색 체계 만들기

좋은 팔레트는 '예쁜 색들의 조합' 이상 — 라이트/다크 모드, 접근성, 브랜드 필요까지 작동하는 신중히 고른 작은 색 세트. 이 생성기는 처음부터 또는 영감 이미지에서 팔레트를 만듭니다.

일반적인 웹·앱 팔레트는 5~9색: 주요 브랜드 색 1개, 보조 1~2개, 배경·텍스트용 중성 그레이, 성공/경고/에러용 시맨틱 색. 핵심은 모두 연관되어 보이게 만들기 — 조화 규칙(인접·보색·삼각)을 따르면 일관성 유지.

색 조화 종류

조화설명느낌
인접 (Analogous)색상환에서 옆에 있는 색조차분, 조화롭
보색 (Complementary)색상환에서 반대 색조강한 대비, 생동감
분리 보색기본색 + 거의 반대 색조 두 개생동감 있지만 균형
삼각 (Triadic)균등 간격 세 색조생동감 있고 균형
단색 (Monochromatic)한 색조의 다양한 명도절제, 세련

자주 묻는 질문

팔레트에 색이 몇 개 있어야 하나요?

대부분 프로젝트에 5~9. 더 많으면 노이즈, 적으면 시각적 다양성 부족. 흔한 시작: 주요 1, 보조 1, 중성 그레이 3~4, 시맨틱 3.

팔레트가 저장되나요?

아니요 — 브라우저에서만 처리.