2~3가지 색상을 물감이나 빛처럼 비율대로 섞고, 두 색을 최대 10단계로 블렌드하세요. HEX, RGB, HSL, CMYK 복사.

색상 1
양
색상 2
양
색상 3
양
혼합 모델
실제 물감이나 안료처럼 섞입니다. 파랑과 노랑이 만나 초록이 되고, 어두운 색은 혼합 결과를 어둡게 만듭니다. 화면의 색 빛처럼 섞이며 선형 빛에서 평균을 냅니다. 빨강과 초록이 만나 노랑이 됩니다. CSS color-mix()처럼 OKLab 공간에서 색상의 평균을 냅니다. UI와 디자인 작업에 알맞은 부드럽고 고른 결과를 얻을 수 있습니다.
레시피
혼합된 색상

색상 2개 또는 3개를 고르고 각각 얼마나 넣을지 설정하세요. 혼합된 색상은 브라우저에서 즉시 계산됩니다. 결과나 아무 값이나 클릭하면 복사됩니다.

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

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


색상 믹서 소개

색상 믹서는 두세 가지 색상을 섞었을 때 나오는 색을 보여줍니다. 색상을 고르고 각각이 얼마나 들어갈지 정하면, 결과 색이 HEX, RGB, HSL, CMYK 값과 함께 즉시 나타나고, 각 색상의 비율을 보여주는 레시피 막대도 함께 표시됩니다.

세 가지 혼합 모델은 서로 다른 질문에 답합니다. 물감은 실제 안료처럼 섞기 때문에 파랑과 노랑은 초록이 되고, 검정은 조금만 넣어도 효과가 큽니다. 빛은 화면이나 색조명이 섞이는 방식으로 색을 평균하므로 빨강과 초록은 노랑이 됩니다. 지각 기반은 CSS color-mix()가 쓰는 OKLab 공간에서 평균해 UI와 디자인 작업에서 매끄럽고 고른 결과를 줍니다.

두 번째 보기인 블렌드 단계는 시작 색상에서 끝 색상까지 최대 10개의 중간 색조로 자연스럽게 이어 줍니다. RGB 또는 HSL을 선택할 수 있고, 그라디언트 미리보기와 바로 붙여넣을 수 있는 CSS 그라디언트도 제공합니다. 모든 처리는 서버 없이 브라우저에서 이루어집니다.

색상 믹서 사용 방법

  1. "색상 섞기" 보기를 열어 두 색상을 고르거나, "색상 추가"로 세 번째 색상을 추가하세요.
  2. 각 색상의 양을 설정하세요. 옆의 백분율이 혼합에서 차지하는 비율입니다.
  3. 혼합 모델을 선택하세요: 물감, 빛 또는 지각 기반.
  4. 섞인 색상이나 그 값을 클릭해 복사하거나, "레시피 복사"로 비율을 저장하세요.
  5. "블렌드 단계"로 전환해 두 색상 사이에 최대 10개 색조의 그라디언트를 만드세요.

자주 묻는 질문

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

물감 모델에서는 실제 물감처럼 파랑과 노랑이 초록이 됩니다. 빛 모델에서는 밝은 회색이 되는데, 화면은 안료가 아니라 빛을 섞기 때문입니다. "색상 섞기" 보기에서 원하는 조합을 시험해 모델을 비교해 보세요.

물감은 빛을 흡수하는 안료를 시뮬레이션하므로 섞을수록 어두워지고 파랑과 노랑은 초록이 됩니다. 빛은 픽셀이나 색조명이 섞이는 것처럼 선형 광 상태에서 색을 평균합니다. 지각 기반은 OKLab에서 평균해 균형 잡힌 결과를 주며 CSS color-mix()와 일치합니다.

네. 세 번째 색상을 추가한 다음 각 양을 1에서 100 사이로 설정하세요. 양은 상대값이므로 2, 1, 1이면 50%, 25%, 25% 혼합이 됩니다. 레시피 막대와 백분율이 각 색상의 정확한 비율을 보여줍니다.

안료가 빛을 흡수하고 산란하는 방식에 기반한 근접한 시뮬레이션이지만, 실제 물감은 브랜드, 안료, 매체에 따라 다릅니다. 색조를 예측하고 비율을 시험하는 데 사용한 뒤 작은 샘플로 확인하세요.

"블렌드 단계" 보기에서 RGB 블렌딩은 빨강, 초록, 파랑 채널을 직접 보간하므로 반대 색조를 섞을 때 회색을 거칠 수 있습니다. HSL 블렌딩은 컬러 휠을 따라 회전하므로 중간 단계가 채도를 유지하며 더 화사하게 보입니다.

"색상 섞기" 보기에서 두 색상을 같은 양으로 섞으세요. 빛은 물리적 평균을, 지각 기반은 시각적 중간점을 줍니다. "블렌드 단계" 보기에서는 단계 하나가 RGB 또는 HSL 블렌드의 중간점입니다.


인기 검색어
색상 믹서 온라인 색상 섞기 두 색을 섞으면 무슨 색 물감 색 섞기 세 가지 색 섞기 색 혼합 계산기 두 색상 블렌드 색상 블렌드 단계 색상 사이 그라데이션 색상 혼합 도구
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.
문제 신고

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