작업 경로 / 입력에서 결과까지
두 색상을 섞는 방법
- 01
두 색상 입력하기
「첫 번째 색상」과 「두 번째 색상」에 16진수 값을 입력하세요. #RGB, #RGBA, #RRGGBB, #RRGGBBAA 모두 허용되므로 반투명 입력도 괜찮아요. 작업 공간은 #6D5EF8와 #22C55E 조합으로 열려요.
- 02
계산 방식
「계산 방식」을 선택하세요. 가중 혼합은 인코딩된 sRGB 채널을 알파를 미리 곱해 보간하고, 합성은 첫 번째 색을 두 번째 색 위에 놓아요. 합성에서는 레이어 순서가 중요하며 가중치 슬라이더가 보이지 않아요.
- 03
색상 혼합하기
가중 혼합에서는 두 번째 색의 가중치를 0%(첫 번째 색만)에서 100%(두 번째 색만) 사이로 정하고 「색 혼합」을 누르세요. 합성에서는 같은 버튼으로 레이어를 겹칩니다. 색, 방식, 가중치를 바꾸면 이전 결과는 사라져요.
- 04
결과 패널 읽기
HEX, RGBA, CSS와 미리보기는 동일한 8비트 채널과 알파를 사용합니다. 투명도는 페이지 위에 표시되며 출력에는 알파가 유지됩니다.
- 05
샘플 블렌드 사용해 보기
「샘플 불러오기」를 누륩면 #F97316과 #7C3AED를 35% 가중치로 혼합합니다. 따뜻한 오렌지가 바이올렛으로 옮겨가는 예시로, 전체 흐름을 볼 수 있습니다. 「초기화」는 기본 조합의 50%로 되돌려요.
- 06
결과 복사 또는 다운로드하기
두 입력 색상, 계산 방식, sRGB 색 공간, HEX, RGBA와 CSS 선언이 담긴 toolars-color-mix.json을 복사하거나 다운로드합니다. secondColorWeight는 가중 혼합에만 포함됩니다. 모든 출력은 동일한 8비트 결과를 사용합니다.