색상 조합 생성기

소프트웨어 사용 설명

1. 기본 색상 선택: 색상 선택기를 사용해 기본 색상을 선택하거나 HEX 색상값(예: #4f46e5)을 직접 입력할 수 있으며, "랜덤 색상" 버튼을 클릭해 영감을 얻을 수도 있습니다. 도구는 RGB와 HSL 색상값 정보를 실시간으로 표시합니다.
2. 배색 방식 선택:
   • 단색 배색: 같은 색상에서 채도와 명도를 변경해 변화를 만듭니다
   • 유사색 배색: 색상환에서 인접한 색상으로, 자연스럽고 부드럽습니다
   • 보색 배색: 색상환에서 서로 마주 보는 두 색상으로, 대비가 강합니다
   • 분할 보색: 기본색과 그 보색 양쪽에 있는 색상입니다
   • 삼원색 배색: 색상환에서 같은 간격으로 분포한 세 가지 색상입니다
   • 정사각형 배색: 같은 간격으로 분포한 네 가지 색상입니다
   • 사원색 배색: 두 쌍의 보색으로, 계층이 뚜렷합니다
3. 매개변수 조정:
   • 색상 수: 3, 5, 7 또는 9가지 색상 생성을 선택합니다
   • 채도 조정: 슬라이더를 드래그해 전체 채도를 높이거나 낮춥니다
   • 명도 조정: 슬라이더를 드래그해 전체 명도를 높이거나 낮춥니다
4. CSS 그라데이션 색상 생성: 선형 또는 방사형 그라데이션 유형을 선택하고 각도 매개변수를 조정하면 바로 사용할 수 있는 CSS 그라데이션 색상 코드를 생성할 수 있습니다.
5. 그림자 효과 생성: 흐림 반경, 확장 반경, 투명도 매개변수를 조정해 현재 기본 색상을 기반으로 한 그림자 CSS 코드를 생성합니다.
6. 이미지에서 색상 추출: 이미지를 업로드하면 도구가 자동으로 주요 색조를 추출합니다. 이미지의 원하는 위치를 클릭해 정확하게 색상을 선택하고, 추출한 색상을 기본 색상으로 적용할 수 있습니다.
7. 일괄 색상 추출 모드: "일괄 색상 추출" 탭으로 전환해 여러 이미지를 업로드하고, 각 이미지에서 추출할 색상 수와 배색 방식 확장 모드를 설정한 뒤 일괄 추출 시작을 클릭하면, 완료 후 모든 결과가 포함된 ZIP을 다운로드할 수 있습니다.
8. 복사 및 내보내기: 원하는 색상 카드를 클릭하면 색상값을 복사할 수 있으며, "배색方案 내보내기" 버튼을 클릭하면 전체 배색 정보가 포함된 JSON 파일을 다운로드할 수 있습니다.

자주 묻는 질문