브라우저 실행 모드: 데이터는 브라우저에서 처리되며 서버에 업로드되지 않습니다.
속도와 안정성: 처리 속도는 기기와 브라우저에 따라 달라집니다. 대량 배치 작업에는 데스크톱 버전이 더 안정적일 수 있습니다.
도구를 불러오는 중입니다. 잠시 기다려 주세요...
도구를 불러오는 중입니다. 잠시 기다려 주세요...
온라인 도구가 로드되거나 실행되지 않으면 데스크톱 도구를 사용해 보세요. https://tools.yikeaigc.com/
도구 사용량
이전 버전으로 돌아가기먼저 설정 후 처리
주 색상과 배색 규칙을 정한 뒤 내보낼 팔레트를 생성하세요
예시 색상으로 빠르게 시작하거나 HEX를 입력해 정확히 선택할 수 있습니다. 각 단계의 다음 버튼으로 진행하고, 설정 완료 후 생성·저장·다운로드하세요.
HEX / RGB / HSL / CMYK
단색 / 보색 / 3색 조합
CSS / SCSS / JSON / PNG
설정 저장 가능
현재 주 색상
색상값을 클릭해 복사
HEX
RGB
HSL
주 색상 설정
请先设置主色。可以用取色器、HEX 输入框或 HSL 滑块,方案会随参数实时更新。
기본 색상6자리 HEX 지원
예: #0F6FAE
CMYK
HSL 미세 조정색조, 채도, 밝기 미세 조정에 적합
예시 색상클릭 후 계속 조정 가능
배색 규칙
배색 모델을 선택한 뒤 색상 수와 명암 오프셋을 설정하세요. 먼저 기본값으로 한 번 생성한 후 디자인 상황에 맞게 조정하는 것을 권장합니다.
배색 모델유사색은 통일되고 부드러운 시각 스타일에 적합
생성 매개변수먼저 매개변수를 설정한 뒤 미리보기로 이동
미리보기 조정
각 색상의 코드, 텍스트 가독성, UI 예시를 확인하세요. 색상값을 클릭하면 복사됩니다.
색상표5개 색상
화면 미리보기주요·보조 관계를 빠르게 판단
그라데이션 코드CSS에 바로 복사
저장 내보내기
현재 팔레트를 내보내거나 여러 팔레트를 일괄 생성할 수 있습니다. 일괄 결과는 상위 20개만 표시되며, 다운로드 시 전체가 포함됩니다.
일괄 옵션필요에 맞게 수량 설정
내보낼 내용파일 및 코드용
다운로드 작업ZIP에 모든 일괄 결과 포함
일괄 결과아직 일괄 생성 안 됨
먼저 주색과 배색 규칙을 설정한 뒤 “일괄 생성”을 클릭하세요.
저장된 팔레트0개
저장한 팔레트가 여기에 표시되며, 다시 적용하거나 삭제할 수 있습니다.
안내
소프트웨어 사용 안내
- 주 색상 설정: “주 색상 설정”에서 색상 선택기, HEX 입력창 또는 HSL 슬라이더를 사용해 기본 색상을 설정할 수 있으며, 예시 색상을 클릭해 빠르게 불러올 수도 있습니다.
- 배색 규칙 선택:
- 단색조: 동일한 색상을 기반으로 명암 단계를 생성하며, 통일된 스타일 디자인에 적합합니다.
- 유사색: 인접한 색상을 선택하며, 부드럽고 깊이감 있는 시각 효과에 적합합니다.
- 보색: 색상환의 반대편 색상을 사용하며, 버튼, 제목 및 핵심 콘텐츠를 강조하는 데 적합합니다.
- 분할 보색: 대비 관계에 완화 색상을 추가하며, 운영 이미지와 이벤트 비주얼에 적합합니다.
- 삼색 조합, 사색 조합, 정사각형 배색: 차트, 분류 태그 및 다중 모듈 인터페이스에 적합합니다.
- 중성색: 비즈니스 페이지, 도구 인터페이스 및 문서형 디자인에 적합합니다.
- 생성 매개변수 조정: 색상 수, 인접 각도, 채도 오프셋, 밝기 오프셋, 중성화 비율, 정렬 방식 및 그라데이션 각도를 설정합니다.
- 배색方案 미리보기: “미리보기 미세 조정”으로 이동해 각 색상의 HEX, RGB, HSL 및 대비 정보를 확인하고, 색상 값 버튼을 클릭하면 복사할 수 있습니다.
- 方案 및 설정 저장: “현재 方案 저장”을 클릭하면 배색 方案을 즐겨찾기에 저장할 수 있고, “설정 저장”을 클릭하면 현재 매개변수를 저장해 이후 계속 사용할 수 있습니다.
- 일괄 생성: “저장 내보내기”로 이동해 方案 수와 변화 폭을 설정한 뒤 “일괄 생성”을 클릭하면 여러 배색 方案이 생성됩니다. 화면에는 처음 20개 方案이 표시되며, 다운로드 시에는 전체 결과가 포함됩니다.
- 파일 내보내기: JSON, CSS, SCSS, PNG 파일을 개별적으로 다운로드할 수 있으며, 내보낼 콘텐츠를 선택한 뒤 ZIP 압축 파일로 다운로드할 수도 있습니다.
자주 묻는 질문
답변: 단색조는 브랜드 확장과 간결한 인터페이스에 적합하고, 유사색은 부드럽고 통일된 페이지에 적합하며, 보색은 핵심 정보를 강조하는 데 적합합니다. 삼색 조합은 차트와 다중 모듈 레이아웃에 적합하고, 중성색은 비즈니스 도구와 문서 환경에 적합합니다.
답변: HEX 입력창에 색상 코드(예: #0F6FAE)를 입력하면 도구가 색상 선택기, HSL 슬라이더 및 배색 미리보기를 동기화하여 업데이트합니다. 색상, 채도, 밝기 슬라이더를 통해 세부 조정할 수도 있습니다.
답변: CSS 파일은 변수 형태의 색상 코드를 생성하여 웹페이지 스타일에 사용할 수 있으며, SCSS 파일은 Sass 프로젝트에 적합합니다. 두 형식 모두 디자인 시스템, 테마 전환, 컴포넌트 스타일에서 재사용하기 편리합니다.
답변: 일괄 생성은 현재 기본 색상, 배색 규칙, 변화 폭을 기준으로 색상, 채도, 밝기를 적절히 조정하여 스타일은 서로 관련되지만 중복되지 않는 여러 배색안을 만듭니다.
답변: 저장한 배색안은 현재 기기의 로컬 저장소에 기록됩니다. 사이트 데이터를 삭제하거나 기기를 변경하면 이전에 저장한 배색안이 더 이상 표시되지 않을 수 있으므로, 중요한 배색안은 제때 파일로 내보내는 것을 권장합니다.
답변: 아니요. 색상 계산, 배색안 저장, 파일 생성은 모두 현재 기기에서 완료되며, 기본 색상, 배색안, 내보내기 내용은 서버로 업로드되지 않습니다.
답: “미리보기 미세 조정”에서 각 색상의 흰색 글자 대비와 어두운 글자 대비를 확인하세요. 값이 높을수록 텍스트를 더 선명하게 읽을 수 있습니다. 본문 배경으로 사용할 때는 대비가 더 높은 텍스트 색상을 선택하는 것이 좋습니다.