시작 색상을 끝 색상까지 최대 10단계로 블렌딩하세요 — 그라디언트를 미리 보고 모든 음영을 가져와 어떤 형식이든 즉시 복사하세요.

시작 색상
끝 색상
단계
생성할 중간 음영 수 (1–10).
블렌드 모드
그라디언트
혼합 팔레트

두 색상과 단계 수를 선택하면 중간의 모든 음영이 브라우저에서 즉시 계산됩니다.


색상 믹서 소개

컬러 믹서(Color Mixer)는 두 색상을 서로 섞어 그 사이의 모든 단계를 보여줍니다. 시작 색상과 끝 색상을 선택하고 원하는 중간 색조 수(최대 10개)를 정하면 도구가 즉시 전체 전환 과정을 개별 스와치와 부드러운 그라디언트 미리보기 두 가지 형태로 계산해 줍니다.

두 가지 혼합 모드가 계산 방식을 결정합니다. RGB는 각 채널을 직선으로 보간해 예측 가능하고 중립적인 반면, HSL은 컬러 휠을 따라 이동해 중간 단계를 더 채도 높고 선명하게 유지합니다. 두 끝 색상을 서로 바꾸거나 무작위 색상을 굴리는 것도 클릭 한 번이면 됩니다.

모든 혼합 작업은 서버 없이 브라우저에서 이루어집니다. "파란색과 주황색의 딱 중간 색은 무엇일까"와 같은 질문에 답하거나, 차트용 단계별 색상 램프를 만들거나, 두 브랜드 색상 사이의 CSS 그라디언트를 얻는 데 편리한 방법입니다.

색상 믹서 사용 방법

  1. 피커로 시작 색상과 끝 색상을 선택하거나 "무작위 색상"을 클릭하세요.
  2. 1부터 10까지 중간 단계 수를 설정하세요.
  3. 혼합 모드를 선택하세요: 선형 혼합은 RGB, 색조를 유지하는 혼합은 HSL입니다.
  4. 원하는 색조를 클릭해 복사하거나 "전체 복사"로 전체 램프를 복사하세요.
  5. "CSS 그라디언트 복사"로 전환 과정을 바로 붙여넣을 수 있는 그라디언트로 가져오세요.

자주 묻는 질문

네. 색상 혼합은 무료이며 제한이 없습니다. 도구는 계정, 크레딧, 서버 처리 없이 전적으로 브라우저에서 실행됩니다.

RGB 혼합은 빨강, 초록, 파랑 채널을 직접 보간하므로 반대 색조를 섞을 때 회색을 거쳐 갈 수 있습니다. HSL 혼합은 대신 컬러 휠을 따라 회전하므로 중간 단계가 채도를 유지하며 더 화사하게 보입니다.

단계 수를 1로 설정하세요. 유일한 중간 색조가 혼합의 중간점입니다. 두 색상의 수치적 평균을 원하면 RGB 모드를, 색조 휠을 따른 지각적 중간점을 원하면 HSL 모드를 사용하세요.

네. 두 끝점 색상 사이의 단계별 혼합은 차트와 히트맵용 순차 색상 스케일이 만들어지는 바로 그 방식입니다. 단계를 생성한 뒤 "전체 복사"를 클릭하고 값을 차트 라이브러리의 색상 배열에 붙여넣으세요.

1개에서 10개까지 중간 색조를 생성할 수 있으며, 시작 및 끝 색상과 합치면 최대 12개의 스와치를 얻을 수 있습니다. 각각 원하는 형식으로 개별 복사가 가능합니다.


인기 검색어
색상 믹서 두 색상 혼합 온라인 색상 혼합 색상 혼합 단계 색상 간 그라데이션 색상 혼합 도구
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.
문제 신고

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