색상 믹서
2~3가지 색상을 물감이나 빛처럼 비율대로 섞고, 두 색을 최대 10단계로 블렌드하세요. HEX, RGB, HSL, CMYK 복사.
색상 2개 또는 3개를 고르고 각각 얼마나 넣을지 설정하세요. 혼합된 색상은 브라우저에서 즉시 계산됩니다. 결과나 아무 값이나 클릭하면 복사됩니다.
두 색상과 단계 수를 선택하면 중간의 모든 음영이 브라우저에서 즉시 계산됩니다.
색상 믹서 소개
색상 믹서는 두세 가지 색상을 섞었을 때 나오는 색을 보여줍니다. 색상을 고르고 각각이 얼마나 들어갈지 정하면, 결과 색이 HEX, RGB, HSL, CMYK 값과 함께 즉시 나타나고, 각 색상의 비율을 보여주는 레시피 막대도 함께 표시됩니다.
세 가지 혼합 모델은 서로 다른 질문에 답합니다. 물감은 실제 안료처럼 섞기 때문에 파랑과 노랑은 초록이 되고, 검정은 조금만 넣어도 효과가 큽니다. 빛은 화면이나 색조명이 섞이는 방식으로 색을 평균하므로 빨강과 초록은 노랑이 됩니다. 지각 기반은 CSS color-mix()가 쓰는 OKLab 공간에서 평균해 UI와 디자인 작업에서 매끄럽고 고른 결과를 줍니다.
두 번째 보기인 블렌드 단계는 시작 색상에서 끝 색상까지 최대 10개의 중간 색조로 자연스럽게 이어 줍니다. RGB 또는 HSL을 선택할 수 있고, 그라디언트 미리보기와 바로 붙여넣을 수 있는 CSS 그라디언트도 제공합니다. 모든 처리는 서버 없이 브라우저에서 이루어집니다.
색상 믹서 사용 방법
- "색상 섞기" 보기를 열어 두 색상을 고르거나, "색상 추가"로 세 번째 색상을 추가하세요.
- 각 색상의 양을 설정하세요. 옆의 백분율이 혼합에서 차지하는 비율입니다.
- 혼합 모델을 선택하세요: 물감, 빛 또는 지각 기반.
- 섞인 색상이나 그 값을 클릭해 복사하거나, "레시피 복사"로 비율을 저장하세요.
- "블렌드 단계"로 전환해 두 색상 사이에 최대 10개 색조의 그라디언트를 만드세요.