컬러 팔레트 생성기
기본 색상을 선택하면 색상 이론 기반의 5종 팔레트를 자동 생성합니다. 색상을 클릭하면 HEX 코드가 복사됩니다.
RGB(99, 102, 241)HSL(239, 84%, 67%)
보색
#6467f2 · rgb(100, 103, 242) · hsl(239, 84%, 67%)#f2ef64 · rgb(242, 239, 100) · hsl(59, 84%, 67%)
유사색
#64adf2 · rgb(100, 173, 242) · hsl(209, 84%, 67%)#6467f2 · rgb(100, 103, 242) · hsl(239, 84%, 67%)#a864f2 · rgb(168, 100, 242) · hsl(269, 84%, 67%)
3색 조화
#6467f2 · rgb(100, 103, 242) · hsl(239, 84%, 67%)#f26467 · rgb(242, 100, 103) · hsl(359, 84%, 67%)#67f264 · rgb(103, 242, 100) · hsl(119, 84%, 67%)
분할 보색
#6467f2 · rgb(100, 103, 242) · hsl(239, 84%, 67%)#f2a864 · rgb(242, 168, 100) · hsl(29, 84%, 67%)#adf264 · rgb(173, 242, 100) · hsl(89, 84%, 67%)
단색
#0f12ae · rgb(15, 18, 174) · hsl(239, 84%, 37%)#1e21eb · rgb(30, 33, 235) · hsl(239, 84%, 52%)#6467f2 · rgb(100, 103, 242) · hsl(239, 84%, 67%)#abacf8 · rgb(171, 172, 248) · hsl(239, 84%, 82%)#d0d1fb · rgb(208, 209, 251) · hsl(239, 84%, 90%)
인기 색상
컬러 팔레트 생성기란?
무료 온라인 컬러 팔레트 생성기로 기본 색상에서 조화로운 색상 조합을 자동으로 만들 수 있습니다. HSL 색상 모델을 사용하여 보색, 유사색, 3색 조화, 분할 보색, 단색 팔레트를 생성합니다.
주요 기능
- 5종 색상 팔레트 자동 생성 (보색, 유사색, 3색 조화, 분할 보색, 단색)
- HEX, RGB, HSL 값 표시
- 클릭 한 번으로 HEX 코드 복사
- 인기 색상 프리셋
- 100% 클라이언트 처리 — HSL 색상 연산
컬러 팔레트 생성기 사용 가이드
기본 색상 하나에서 색상 이론을 기반으로 조화로운 팔레트를 자동 생성합니다. 보색, 유사색, 3색 조화, 분할 보색, 단색 등 5종의 팔레트를 한눈에 비교하고, 클릭 한 번으로 HEX 코드를 복사할 수 있습니다.
색상 조화란?
색상 조화는 색상환(Color Wheel)에서 특정 관계에 있는 색상들을 조합하는 원리입니다. 보색(반대편), 유사색(인접), 3색 조화(120도 간격) 등이 대표적입니다. 조화로운 색상 조합은 시각적으로 안정감을 줍니다.
HSL 색상 모델
이 도구는 HSL(색상, 채도, 명도) 모델을 사용하여 색상을 변환합니다. 색상환에서의 위치(H), 선명함(S), 밝기(L)를 조절하여 다양한 팔레트를 생성합니다.
디자인에 활용하기
주요 색상 1~2개를 선택하고 나머지를 보조색으로 사용하세요. 배경에는 단색 팔레트의 밝은 톤, 강조에는 보색을 사용하면 효과적입니다.
FAQ
Related Tools
🎨Color Picker
HEX, RGB, HSL converter🌈CSS Gradient
Visual gradient builder✏️SVG Editor
Edit & optimize SVG🔲Box Shadow
CSS box-shadow builder