인터랙티브 색상 휠에서 조화로운 색상 팔레트를 만드세요 — 유사색, 보색 또는 삼색 등 조화 규칙을 적용하고 원하는 값을 즉시 복사하세요.

밝기 100%
조화 규칙
활성 색상
HEX
RGB
HSL
팔레트

조화 규칙과 기본 색상을 선택한 다음 휠 마커를 드래그하여 미세 조정하세요. 스와치를 클릭하여 복사하거나 새 기본 색상으로 설정하세요.


색상 팔레트 생성기 소개

색상 팔레트 생성기(Color Palette Generator)는 인터랙티브한 컬러 휠에서 조화로운 색상 배색을 만듭니다. 기본 색상을 선택하고 조화 규칙(유사색, 단색, 삼색조, 보색, 분할 보색, 사각조, 명암 단계 또는 완전 커스텀)을 고르면 도구가 즉시 어울리는 팔레트를 계산하며, 휠 위의 드래그 가능한 마커로 세부 조정도 가능합니다.

각 스와치는 HEX, RGB, HSL, HSB 값을 표시하며, 팔레트 내 어떤 색상이든 클릭 한 번으로 새로운 기본 색상으로 지정할 수 있습니다. 밝기 슬라이더는 색상 관계는 그대로 유지한 채 전체 배색을 더 밝거나 어둡게 이동시키므로 배색의 변형을 매우 빠르게 탐색할 수 있습니다.

모든 계산은 HSV 휠 기반의 색채 이론 수학을 이용해 브라우저에서 실시간으로 이루어지며, 업로드나 서버 왕복이 전혀 없습니다. 팔레트가 마음에 들면 개별 값, 전체 색상, 완성된 CSS 변수 또는 JSON 내보내기를 복사하면 됩니다.

색상 팔레트 생성기 사용 방법

  1. 컬러 피커로 기본 색상을 선택하거나 값을 입력하거나 "무작위"를 클릭하세요.
  2. 유사색, 보색, 삼색조, 사각조 등 조화 규칙을 선택하세요.
  3. 휠 위의 마커를 드래그하고 밝기 슬라이더를 조정해 배색을 세밀하게 조정하세요.
  4. 스와치를 클릭해 복사하거나, 새로운 기본 색상으로 지정해 반복 작업을 이어가세요.
  5. "전체 복사", "CSS 변수 복사" 또는 "JSON 복사"로 팔레트를 내보내세요.

자주 묻는 질문

네, 완전히 무료입니다. 팔레트 연산은 전적으로 브라우저 안에서 실행되므로 크레딧도, 계정도, 사용 제한도 없습니다.

각 규칙은 기본 색상을 기준으로 다른 팔레트 색상들을 컬러 휠 위의 고정된 각도에 배치합니다. 보색은 반대편(180°)에 위치하고, 삼색조는 색상들을 120°씩 떨어뜨리며, 유사색은 이웃한 색을 가까이 두고, 분할 보색은 반대 색조 양옆에 배치하며, 사각조는 네 가지 색조를 90°씩 벌려 배치합니다.

유사색이나 단색 배색은 차분하고 통일감 있는 느낌을 주기 때문에 인터페이스에 가장 안전합니다. 지배적인 기본 색조를 배경으로 버튼이나 행동 유도 요소에 강한 강조 색상이 필요할 때는 보색이나 분할 보색을 사용하세요.

네. 커스텀 규칙으로 전환해 휠 위의 각 마커를 독립적으로 드래그하거나, 임의의 조화 규칙에서 시작해 마커를 드래그하며 조정할 수 있습니다. 도구는 이동할 때마다 팔레트를 계속 업데이트합니다.

모든 스와치는 HEX, RGB, HSL, HSB 값을 보여주며 각각 개별적으로 복사할 수 있습니다. 전체 팔레트를 일반 값, 스타일시트에 바로 쓸 수 있는 CSS 커스텀 속성, 또는 코드나 디자인 도구에 전달할 JSON으로도 복사할 수 있습니다.


인기 검색어
색상 팔레트 생성기 색상환 색 조화 생성기 보색 유사색 배색 무료 팔레트 생성기
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.
문제 신고

이 무료 도구를 귀하의 웹사이트에 추가하세요 — 아래 코드를 복사하여 붙여넣으세요.