콘텐츠로 건너뛰기

색상 혼합기

조정 가능한 비율로 두 색상을 혼합합니다. HEX, RGB, HSL로 결과 확인, 그라데이션 미리보기와 중간 단계 포함. 무료, 100% 브라우저에서 실행.

50%
혼합된 색상
+
=
그라데이션 및 단계

색상 혼합은 어떻게 작동하나요?

이 도구는 RGB 선형 보간을 사용하여 색상을 혼합합니다. 각 RGB 채널(빨강, 초록, 파랑)은 혼합 비율에 따라 독립적으로 블렌딩됩니다. 0%에서는 색상 1, 100%에서는 색상 2, 50%에서는 동일한 혼합이 됩니다. 이것은 디지털 디자인에서 사용되는 표준 가산 혼색 모델로, 파랑 + 노랑 = 초록인 감산 혼색(물감처럼)과는 다릅니다.

색상 혼합 모델

가산 혼색 (RGB) — 화면과 디지털 디자인에서 사용. 빨강 + 초록 = 노랑, 빨강 + 파랑 = 마젠타, 초록 + 파랑 = 시안. 이 도구는 가산 혼색을 사용합니다. 감산 혼색 (CMYK) — 인쇄와 물감에서 사용. 시안 + 마젠타 = 파랑, 시안 + 노랑 = 초록. HSL 블렌딩 — 색조, 채도, 명도를 별도로 보간하여 때때로 지각적으로 더 균일한 결과를 생성합니다.

일반적인 사용 사례

디자인 시스템 — 브랜드 색상 사이의 중간 색상 생성. 그라데이션 — CSS로 코딩하기 전에 그라데이션 단계 미리보기. 테마 — 흰색이나 검정과 혼합하여 hover, active 상태 색상 생성. 데이터 시각화 — 두 끝점 색상을 혼합하여 색상 스케일 생성. 아트 — 디지털 색상 조합 실험.

개인정보

모든 계산은 브라우저에서 100% 실행됩니다. 서버로 데이터가 전송되지 않습니다.