KO
내 도구

색상 혼합기(물감·빛·지각)

2~10가지 색을 원하는 비율로 섞어 HEX, RGB, HSL로 알려 드립니다. sRGB 평균, 빛의 가산혼합, 지각 방식 OKLab, 물감 느낌의 혼합을 한눈에 비교하세요.

한 줄에 색 하나와 선택적으로 양(부 또는 %)을 입력합니다. 예: "#FF0000 3"과 "white 1"은 빨강 세 몫에 흰색 한 몫을 섞습니다.
내 도구 →
광고

빨강과 파랑을 섞으면 무슨 색이 될까요? 어떻게 섞느냐에 따라 달라집니다. 이 혼합기는 두 가지에서 열 가지 색을 원하는 비율로 섞어 네 방식으로 결과를 보여 줍니다. 대부분의 사이트가 쓰는 단순한 sRGB 평균, 빛의 가산혼합(겹친 조명이나 빠르게 도는 색 원판이 섞이는 방식), 지각 방식의 OKLab 혼합, 그리고 물감을 흉내 낸 감산혼합입니다. 비교 표에서 네 가지를 한꺼번에 볼 수 있습니다.

사용 방법

  1. 한 줄에 색 하나(HEX, rgb(), hsl() 또는 CSS 이름)와 양을 #FF0000 3처럼 입력합니다.
  2. 혼합 방식을 고릅니다.
  3. 혼합된 색을 HEX, RGB, HSL, OKLCH와 가장 가까운 CSS 이름으로 확인합니다.
  4. 미리보기 아래 표에서 방식별 결과를 비교합니다.

계산식

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 평균을 쓰세요.

최종 업데이트:

인용·퍼가기
APA

kakaoCalc. (2026, November 8). 색상 혼합기(물감·빛·지각). https://kakao.mobile/ko/tools/color-mixer/

MLA

“색상 혼합기(물감·빛·지각).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/color-mixer/.

광고