색상 명도 대비 계산기

색상 대비는 전경과 배경 사이의 상대 휘도 차이를 나타냅니다. 충분한 대비는 저시력, 색각 차이, 노화된 시력, 눈부심 또는 낮은 품질의 디스플레이 환경에서도 디지털 인터페이스를 읽고 조작하는 데 도움이 됩니다. 이 계산기는 HEX 또는 RGB 색상 두 개를 웹 콘텐츠 접근성 지침에서 정의한 상대 휘도로 변환한 후, 같은 휘도의 1:1부터 검정과 흰색의 21:1까지의 비율을 표시합니다. 빨강, 초록, 파랑 채널의 원시 값을 단순 비교하는 방식은 아닙니다. 각 sRGB 채널을 정규화하고 디스플레이 감마를 반영하도록 선형화합니다. 사람의 시각은 초록빛에 가장 민감하므로 선형 빨강, 초록, 파랑 값에 각각 0.2126, 0.7152, 0.0722의 휘도 가중치를 적용합니다. 최종 대비는 밝은 휘도에 0.05를 더한 값을 어두운 휘도에 0.05를 더한 값으로 나눈 것입니다. 이 표준 방식은 색상 입력 순서와 무관하게 일관된 결과를 냅니다. WCAG 2.x 성공 기준 1.4.3은 AA 수준에서 일반 텍스트에 최소 4.5:1, 큰 텍스트에 최소 3:1의 대비를 요구합니다. AAA 수준은 각각 7:1과 4.5:1입니다. 큰 텍스트는 보통 일반 글꼴 18포인트 이상 또는 굵은 글꼴 14포인트 이상이며, 일반적인 브라우저 조건에서는 각각 약 24 CSS 픽셀과 18.66 CSS 픽셀입니다. 사용자 인터페이스 구성 요소와 의미 있는 그래픽 객체는 별도 요구 사항이 있으며, 대개 인접 색상과 3:1이 필요합니다. 대비 기준 충족은 중요하지만 접근성 있는 설계를 보장하지는 않습니다. 가는 글꼴, 특이한 서체, 그라데이션, 이미지, 호버 상태, 투명도, 안티앨리어싱 및 변화하는 배경은 실제 가독성에 영향을 줍니다. 자리표시자 텍스트와 비활성화된 컨트롤도 특정 기준에서 다르게 취급하더라도 신중히 검토해야 합니다. 상태를 색상만으로 전달하지 말고 레이블, 아이콘, 무늬 또는 다른 단서를 함께 사용하세요. 기본 화면 캡처만 보지 말고 초점 표시와 모든 상호작용 상태를 검사하세요. 6자리 HEX, 3자리 HEX 또는 표준 쉼표 구분 RGB 표기를 입력할 수 있습니다. 계산기는 0부터 255까지의 채널 값을 검증하고 입력한 정확한 색상을 평가합니다. 결과가 기준에 조금 못 미치면 전경을 더 어둡게 하거나 배경을 더 밝게 하여 다시 계산하세요. 자동 대비 검사 후에는 키보드 사용, 확대와 리플로, 화면 낭독기 검토 및 장애가 있는 사용자의 의견 수렴도 필요합니다. 설계와 구현 중 기본 색상 문제를 조기에 발견하고, 최종 렌더링된 화면은 실제 조건에서 확인하세요.