색상 도구

색상 혼합기

두 가지 색상과 혼합 비율을 입력하여 혼합 색상, 곱하기 및 스크린 블렌드 결과를 16진수와 RGB 형식으로 계산합니다.

도구 실행

색상 혼합기는 두 가지 색상 값을 지정한 비율에 따라 결합하여 혼합 결과를 계산하는 온라인 도구입니다. 16진수 색상 코드(#ff0000, #f00 등)와 rgb(0, 0, 255) 형태의 형식을 지원합니다. 혼합 비율은 0에서 1 사이로 조절할 수 있으며, 기본값은 0.5로 설정되어 두 색상이 균등하게 섞입니다. 계산을 실행하면 각 색상 채널 값을 보간하여 산출한 기본 혼합 색상, 곱하기 혼합 색상, 스크린 혼합 색상이 소문자 16진수 코드로 제공되며, 기본 혼합에 대한 RGB 값도 함께 확인할 수 있습니다.

사용 방법

  1. 첫 번째 입력창에 기준이 될 색상 코드를 16진수(#ff0000 또는 #f00) 또는 rgb(...) 형식으로 입력합니다.
  2. 두 번째 입력창에 혼합할 대상 색상 코드를 동일한 형식으로 입력합니다.
  3. 혼합 비율 슬라이더를 조절하거나 0과 1 사이의 수치를 입력하여 혼합 강도를 정합니다.
  4. 실행 버튼을 누르면 화면에 기본 혼합, 곱하기, 스크린 모드별 색상 코드와 RGB 결과가 표시됩니다.

예시

  • 첫 번째 색상 #ff0000(빨강)과 두 번째 색상 #0000ff(파랑)을 비율 0.5로 혼합하여 보라색 계열의 혼합 코드 및 곱하기/스크린 값을 확인합니다.
  • 첫 번째 색상 rgb(255, 255, 0)(노랑)과 두 번째 색상 #00ff00(초록)을 비율 0.25로 조합하여 노랑에 가까운 연두색 코드를 계산합니다.

자주 묻는 질문

어떤 색상 입력 형식을 지원합니까?

우물정 기호(#)가 포함된 6자리 또는 3자리 16진수 코드(#ffffff, #fff)와 0 이상의 정수로 구성된 rgb(r, g, b) 형식을 지원합니다.

혼합 비율 수치는 무엇을 의미합니까?

혼합 비율은 0에서 1 사이의 값으로, 0에 가까울수록 첫 번째 색상의 비중이 커지고 1에 가까울수록 두 번째 색상의 비중이 커집니다. 기본값은 0.5입니다.

색상 이름(예: red, blue)을 직접 입력할 수 있습니까?

색상 이름은 지원되지 않으므로 반드시 16진수 코드나 RGB 수치 형식으로 입력해야 합니다.

이 도구 삽입하기

아래 코드를 사용해 작동하는 SmartPlusLab 도구를 웹사이트에 추가하세요.