본문으로 건너뛰기
계산기

두 색 섞기 계산기 (HEX 혼합·그라데이션 단계)

두 HEX 색을 원하는 비율로 섞은 색과 0~100% 단계별 색, CSS color-mix 코드를 계산

계산 공식

  • 채널 = A×(1−비율) + B×비율

자주 묻는 질문

Q.흰색과 섞으면 어떻게 되나요?

색 B를 흰색(#FFFFFF)으로 두고 비율을 올리면 점점 밝은 파스텔 톤이 됩니다.

신뢰 정보

정확성 등급
A · 결정론적 계산 (공식·단위 정의 기반)
마지막 검증일
2026-10-13

모든 기준값의 출처와 적용 기간은 기준값·출처에서 볼 수 있습니다.

내 사이트에 이 계산기 넣기

아래 코드를 붙여 넣으면 헤더·광고 없이 계산기만 표시되며, 높이는 내용에 맞게 자동 조절됩니다.

<iframe id="allcalc-color-mix" src="https://azcalc.kr/embed/color-mix/" title="두 색 섞기 계산기 (HEX 혼합·그라데이션 단계)" style="width:100%;max-width:960px;height:720px;border:0" loading="lazy"></iframe>
<script>addEventListener("message",function(e){if(e.origin==="https://azcalc.kr"&&e.data&&e.data.type==="allcalc:height"){var f=document.getElementById("allcalc-color-mix");if(f&&e.source===f.contentWindow)f.style.height=e.data.height+"px"}})</script>
미리 보기 ↗

결과는 참고용이며 법적 효력이 없습니다. 오류를 발견하셨다면 오류 신고로 알려 주세요.