두 색을 섞어 중간색의 11단계를 자동 생성합니다. 각 단계를 클릭해 HEX를 복사하세요.
중간 단계 (11단계)
특정 비율 미리보기
컬러 믹서 사용법
- 색상 A와 색상 B를 컬러 피커 또는 HEX로 선택합니다.
- 혼합 방식을 선택합니다 (RGB 또는 HSL).
- 11단계 중간색이 자동으로 생성됩니다.
- 슬라이더로 특정 비율의 결과도 확인할 수 있습니다.
- 각 색상을 클릭해 HEX를 복사하세요.
주요 기능
- 두 색 → 11단계 중간색 자동 생성
- RGB / HSL 두 가지 보간 방식 지원
- 슬라이더로 임의 비율 미리보기
- 한 번 클릭으로 HEX 복사
활용 예시
- 그라데이션의 정확한 중간 색 추출
- 두 브랜드 색의 조화로운 매개 색 찾기
- 호버·active 상태의 자연스러운 변화 색
- 차트의 단계별 색 결정
- 두 색 사이의 보색 라인 만들기
RGB vs HSL 보간 차이
RGB 보간은 빨강·초록·파랑 채널을 단순 평균합니다 — 빠르지만 중간에 회색이 생기기 쉽습니다. HSL 보간은 색조(Hue)를 색상환에서 짧은 경로로 보간해 색이 더 선명하게 변화합니다. 그라데이션 디자인에는 HSL이, 단순 평균이 필요하면 RGB가 적합합니다.
자주 묻는 질문
왜 두 색을 섞으면 회색이 되나요?
RGB 보간에서 보색(빨강↔시안)을 섞으면 중간에 회색이 됩니다. 이는 정상이며 색조가 정확히 반대이기 때문입니다. 색다른 결과를 원하면 HSL 보간을 사용하세요.
컬러 믹서와 그라데이션 생성기의 차이는?
그라데이션은 색이 부드럽게 이어지는 시각적 효과(CSS background)이고, 컬러 믹서는 중간 색의 정확한 HEX 값을 추출하는 도구입니다. 함께 사용하면 좋습니다.
3개 이상의 색을 섞을 수 있나요?
현재는 두 색만 지원합니다. 3색 그라데이션이 필요하면 두 색씩 단계적으로 섞거나, 그라데이션 생성기의 코드를 직접 확장하세요.
실제 페인트 섞는 결과와 같나요?
아니요. 본 도구는 화면 색공간(RGB) 기반이라 빛의 혼합과 같습니다. 실제 페인트는 안료의 흡수 특성으로 결과가 다르며, 빨강+노랑=주황 같은 직관과 일치하지 않을 수 있습니다.