색상 혼합기(물감·빛·지각)
2~10가지 색을 원하는 비율로 섞어 HEX, RGB, HSL로 알려 드립니다. sRGB 평균, 빛의 가산혼합, 지각 방식 OKLab, 물감 느낌의 혼합을 한눈에 비교하세요.
빨강과 파랑을 섞으면 무슨 색이 될까요? 어떻게 섞느냐에 따라 달라집니다. 이 혼합기는 두 가지에서 열 가지 색을 원하는 비율로 섞어 네 방식으로 결과를 보여 줍니다. 대부분의 사이트가 쓰는 단순한 sRGB 평균, 빛의 가산혼합(겹친 조명이나 빠르게 도는 색 원판이 섞이는 방식), 지각 방식의 OKLab 혼합, 그리고 물감을 흉내 낸 감산혼합입니다. 비교 표에서 네 가지를 한꺼번에 볼 수 있습니다.
사용 방법
- 한 줄에 색 하나(HEX, rgb(), hsl() 또는 CSS 이름)와 양을
#FF0000 3처럼 입력합니다. - 혼합 방식을 고릅니다.
- 혼합된 색을 HEX, RGB, HSL, OKLCH와 가장 가까운 CSS 이름으로 확인합니다.
- 미리보기 아래 표에서 방식별 결과를 비교합니다.
계산식
sRGB: c = Σ wᵢcᵢ ÷ Σ wᵢ · 빛: 선형화한 채널을 평균하고 다시 인코딩 · OKLab: L, a, b를 평균 · 물감: 선형 채널에서 c = exp(Σ wᵢ ln cᵢ ÷ Σ wᵢ)
wᵢ는 양(부 또는 퍼센트)이며 비율만 중요합니다. 선형화는 sRGB 감마 곡선을 되돌려 빛이 물리적으로 더해지게 하고, 물감 모드는 안료 시뮬레이션이 아닌 세 채널 근사입니다.
예시
빨강과 파랑을 같은 몫으로 섞으면 sRGB 평균에서는 #800080(255 ÷ 2 = 127.5 → 128 = 16진수 80)이지만, 빛으로 섞으면 선형 세기의 절반이 188로 다시 인코딩되어 #BC00BC가 됩니다. 빨강 세 몫에 흰색 한 몫이면 #FF4040입니다.
자주 묻는 질문
"빛" 모드에서는 빨강 + 파랑이 왜 더 밝게 보이나요?
화면은 색을 감마 인코딩해서 저장합니다. 저장된 숫자를 평균하면(sRGB 모드) 빛을 낮게 계산하게 되고, 실제 빛의 세기를 평균하면 조명 두 개가 겹쳤을 때 보이는 더 밝은 #BC00BC가 나옵니다.
여기서 파랑 + 노랑이 초록이 되나요?
빛으로는 순수한 파랑과 노랑이 더해져 밝은 회색(#BCBCBC)이 됩니다. 실제 물감이 초록이 되는 것은 안료마다 스펙트럼의 넓은 영역을 흡수하기 때문입니다. 물감 모드는 이를 대략만 흉내 내어, 중간 파랑과 황금빛 노랑은 올리브그린이 되지만 순수한 #0000FF와 #FFFF00은 공유하는 채널이 없어 검정이 됩니다.
웹 디자인에는 어떤 방식을 써야 하나요?
고르게 보이는 그라데이션과 혼합에는 OKLab을 쓰세요. CSS color-mix(in srgb, …)나 다른 도구와 맞추려면 sRGB 평균을 쓰세요.
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/color-mixer/
인용·퍼가기
kakaoCalc. (2026, November 8). 색상 혼합기(물감·빛·지각). https://kakao.mobile/ko/tools/color-mixer/
“색상 혼합기(물감·빛·지각).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/color-mixer/.