CanDoYa
KO

온라인 색상 혼합기

브라우저에서 바로 실행됩니다. 업로드도, 회원가입도 없습니다.

두 디지털 색상을 선택한 뒤 슬라이더로 혼합 비율을 조절하세요.

50% A / 50% B
혼합 색상디지털 sRGB 혼합
#9a7b8650% A / 50% B
HEX#9a7b86
RGBrgb(154, 123, 134)
HSLhsl(339, 13%, 54%)
CSS--mixed-color: #9a7b86;
이 도구 공유하기

색상 혼합 사이트에서는 무엇을 할 수 있나요?

색상 혼합기는 두 디지털 색상을 선택한 비율로 섞어 결과를 즉시 보여 줍니다. 두 HEX 값을 선택하거나 붙여 넣고 슬라이더로 혼합 비율을 조절하세요. 결과는 HEX, RGB, HSL 또는 CSS 변수로 복사할 수 있으며 계산은 브라우저 안에서만 처리됩니다.

사용 방법

  1. 1두 색 선택하기. 각 색상 선택기를 사용하거나 색상 A와 색상 B 입력란에 3자리 또는 6자리 HEX 값을 붙여 넣으세요.
  2. 2혼합 비율 정하기. 슬라이더를 A 또는 B 쪽으로 드래그하세요. 미리 보기와 모든 색상 값이 즉시 바뀝니다.
  3. 3결과 복사하기. 혼합된 색상을 HEX, RGB, HSL 또는 바로 쓸 수 있는 CSS 사용자 지정 속성으로 복사하세요.

이런 분께 추천

이 색상 혼합기는 두 sRGB 색상의 빨강, 초록, 파랑 채널을 가중 평균으로 계산합니다. 50%에서는 두 색이 같은 비중으로 반영됩니다. 슬라이더를 한쪽 끝으로 옮길수록 해당 원본 색상이 더 많이 남습니다. 입력한 색상은 기기 밖으로 전송되지 않으며, 결과는 디자인 파일이나 스타일시트에 바로 붙여 넣을 수 있습니다.

디지털 RGB 혼합은 물감을 섞는 것과 다릅니다. 안료는 빛을 흡수하므로 실제 물감은 더 어둡거나 채도가 낮아질 수 있습니다. 이 도구는 웹사이트, 인터페이스와 같은 디지털 작업에 필요한 정확한 화면 색상을 계산합니다.

자주 묻는 질문

색상 혼합 사이트는 무료인가요?

네. 계정, 다운로드, 사용 횟수 제한 없이 무료로 이용할 수 있습니다. 두 색을 선택하고 비율을 조절한 뒤 필요한 만큼 결과를 복사하세요.

입력한 색상이 다른 곳으로 업로드되나요?

아닙니다. 색상 값은 브라우저의 JavaScript로 혼합되며 서버로 전송되지 않습니다. 공개 전인 브랜드 색상이나 제품 색상도 안전하게 시험할 수 있습니다.

한 번에 몇 가지 색을 혼합할 수 있나요?

두 색의 관계를 정확히 조절할 수 있도록 한 번에 두 가지만 혼합합니다. 세 번째 색을 더하려면 첫 번째 결과를 한 입력란에 복사한 다음 다음 색과 혼합하세요.

색상 혼합 공식은 결과를 어떻게 계산하나요?

두 HEX 색상을 빨강, 초록, 파랑 채널 값으로 바꾸고 선택한 백분율을 각 채널에 적용합니다. 각 몫을 더해 가장 가까운 정수로 반올림한 뒤 HEX, RGB, HSL로 변환합니다.

두 물감을 섞었을 때 나올 색도 알 수 있나요?

아닙니다. 화면에 표시되는 디지털 sRGB 색상을 위한 혼합기입니다. 물감은 실제 재료, 농도, 조명에 따라 달라지는 감산 혼합을 사용하므로 더 어둡거나 다른 색조가 나올 수 있습니다.

3자리 HEX 색상도 혼합할 수 있나요?

네. #f06 같은 3자리 값이나 #ff0066 같은 6자리 값을 입력할 수 있으며 앞의 #은 생략해도 됩니다. 축약된 값은 일반적인 6자리 형식으로 자동 확장됩니다.