배색 생성기

색상환 이론을 기반으로 조화로운 배색을 자동 생성

배색 설정

기본 색상

배색 유형

설명

색상환에서 인접한 색상; 조화롭고 안정적

배색 미리보기 (5 색)

#63adf1

#6389f1

#6366f1

#8363f1

#a763f1

그라디언트 미리보기

Tailwind / CSS 변수

:root {
  --color-primary: #63adf1;
  --color-secondary: #6389f1;
  --color-accent: #6366f1;
  --color-neutral: #8363f1;
  --color-highlight: #a763f1;
}