색상 믹서 — hex 색상 두 개 혼합

이 색상 믹서가 하는 일

hex 색상 두 개를 고르고 비율 슬라이더를 움직여 섞으면 0%(색상 A 그대로)부터 정확한 중간값을 지나 100%(색상 B)까지 자유롭게 조절할 수 있습니다. 혼합된 hex 코드와 실시간 색상 칸이 슬라이더를 움직일 때마다 갱신되고, 한 번 클릭하면 결과가 클립보드에 복사되어 CSS나 디자인 도구, 스타일 가이드에 바로 쓸 수 있습니다. 두 입력 모두 색상 선택기와 직접 입력한 hex 값을 받으므로 브랜드 색상을 그대로 붙여넣을 수 있습니다.

색상을 섞는 방법

각 채널은 RGB 공간에서 단순 선형 보간으로 섞입니다. 색상 A의 빨강·초록·파랑 값이 슬라이더 위치에 비례해 색상 B 쪽으로 이동한 뒤 가장 가까운 8비트 값으로 반올림됩니다. 비율 0.5는 두 색의 정확한 중간이라 검은색과 흰색을 섞으면 중간 회색 #808080이 나옵니다. 혼합 공간을 지각 균일 (OKLab)로 바꾸면 CSS color-mix()와 같은 방식으로 보간되어 검은색과 흰색의 중간이 #636363이 되고, 빨강과 초록을 섞으면 탁한 올리브가 아니라 선명한 금색이 됩니다. 계산이 결정적이라 같은 두 색·비율·공간을 넣으면 항상 같은 결과가 나옵니다. 표준 6자리 hex, #fff 같은 축약형, 앞의 # 없는 값 모두 입력할 수 있습니다.