WCAG 명암비 공식

전경색과 배경색 간의 상대적 휘도 대비를 계산합니다.

Color DevByte는 서버에 데이터를 전송하지 않고 재현 가능한 색상 수학이 필요한 개발자, 디자이너 및 접근성 검토자를 위해 이 공식을 문서화합니다.

연결된 색상 도구를 사용하여 실시간 미리보기 및 다중 형식 내보내기를 통해 이 공식을 대화형으로 적용할 수 있습니다.

디자인 토큰을 구축하거나 WCAG 대비를 확인하거나 CSS, Tailwind 또는 디자인 시스템 JSON에서 색상 파이프라인을 자동화할 때 wcag 대비 비율 공식을 적용합니다.

프로덕션 UI의 경우 항상 대비 검사기 또는 시각적 미리 보기를 사용하여 결과를 확인하십시오. 감마 보정 및 영역 매핑의 극단적인 경우 결과가 바뀔 수 있습니다.

브라우저 기반 도구는 휘도 또는 ΔE 계산 전에 sRGB를 선형화해야 합니다.

RGB 혼합에서 흔히 발생하는 회색 중간점이 방지되도록 그라데이션 및 테마에 OKLCH 또는 LAB 보간을 선호합니다.