색상 혼합기

화면의 혼합은 물감과 다릅니다

이 혼합기는 안료가 아니라 빨간색, 녹색, 파란색 빛의 값을 평균냅니다. 파란색 #0000FF와 노란색 #FFFF00을 50%로 혼합하면 물감 상자에서 예상하는 녹색이 아니라 회색 #808080이 됩니다. sRGB에서 평균을 내면 채도가 높은 색상 사이의 중간값이 양 끝 색상보다 탁하고 어두워지는 경향도 있습니다. CSS에서는 color-mix(in srgb, #FF6B35, #2563EB 50%)로 같은 결과를 얻지만, oklch 같은 다른 색 공간을 사용하면 보통 더 밝은 중간값이 나옵니다.

투명 오버레이 계산하기

불투명도가 있는 레이어는 자신과 뒤에 있는 요소를 혼합해 보여 주며, 이는 같은 산술 방식입니다. 배경을 먼저, 오버레이를 다음에 입력하고 오버레이의 불투명도를 가중치로 사용하십시오. #1E293B 위에 불투명도 70%의 흰색 텍스트를 올리면 70% 흰색으로 혼합한 색상으로 표시됩니다. 투명도를 사용할 수 없는 곳에서는 이 불투명한 결과를 사용하고, 대비 검사 도구에서 확인하십시오.

사용 방법

1. 유효한 #RGB 또는 #RRGGBB 값과 원하는 비율을 입력합니다.
2. 브라우저에서 고정된 로컬 색상 연산을 실행합니다.
3. 색상 견본을 확인하고 결과 또는 팔레트 값을 복사합니다.

개인정보 보호 및 제한사항

색상 값은 이 기기에 저장됩니다. 대비 결과는 수학적 검사 도구일 뿐, 모든 WCAG 준수를 보장하지 않습니다. 상황, 글꼴 렌더링, 텍스트가 아닌 요소의 대비, 사용자 인터페이스 상태를 별도로 검토해야 합니다.