🎨

색상 조합 생성

기본 색상을 선택하고 조화로운 색상 조합을 생성하세요. 보색, 유사색, 삼각 배색 등에서 선택할 수 있습니다. HEX, RGB 또는 CSS 변수를 즉시 복사하세요.

생성기 도구 로컬에서 실행 데이터 전송 없음
색상팔레트조합디자인
보색

색상 조합 생성이란?

색상 조합 생성은 보색, 삼각 배색, 유사 배색, 분할 보색 등 색채 이론 규칙에 따라 조화로운 색상 팔레트를 만듭니다. UI 디자인, 브랜딩 또는 예술 프로젝트의 색상을 고를 때 사용하세요.

색상 조합 생성 사용 방법

  1. 색상 선택기에서 기본 색상을 고르거나 HEX 값을 입력하세요.
  2. 배색 유형(보색, 유사, 삼각 등)을 선택하세요.
  3. 아무 색상 견본이나 클릭해 HEX를 복사하거나, 모두 CSS 변수 / JSON으로 내보내세요.
더 알아보기▾
색상 조화 유형
  • 보색 —보색, 높은 대비
  • 유사색 —인접 색상, 조화롭고 차분함
  • 삼각 배색 —균등 간격의 세 색상, 생동감
  • 분할 보색 —기본 색 + 보색에 인접한 두 색상
  • 테트라딕 —색상환에서 사각형을 이루는 네 색상
  • 단색 —한 가지 색조의 음영과 틴트
자주 묻는 질문
CSS에서 색상을 어떻게 사용하나요?

'CSS 변수로 복사'를 클릭하면 모든 색상을 사용자 지정 속성으로 담은 바로 붙여넣을 수 있는 스니펫을 얻을 수 있습니다.

팔레트를 JSON으로 내보낼 수 있나요?

예. 'JSON 내보내기'를 클릭하면 HEX 및 RGB 값이 포함된 색상 구성표를 다운로드할 수 있습니다.