WCAG 2.1 접근성 준수를 위해 두 색상 간의 대비율을 확인합니다. 일반 및 큰 텍스트에 대해 AA 및 AAA 수준을 테스트합니다.
색상 선택기를 사용하거나 HEX 값을 입력하여 텍스트/전경색을 입력하거나 선택하세요. 이것은 일반적으로 텍스트 색상입니다.
배경색을 입력하거나 선택하세요. 필요한 경우 스왑 버튼을 사용하여 전경과 배경을 빠르게 반전하세요.
대비 비율과 WCAG 준수 배지를 확인하세요. 녹색 배지는 통과, 빨간색은 실패를 나타냅니다. 모든 텍스트에 대해 최소 AA 준수를 목표로 하세요.
미리보기 섹션을 사용하여 디자인에 구현하기 전에 다양한 크기의 실제 텍스트에서 색상 조합이 어떻게 보이는지 확인하세요.
WCAG(웹 콘텐츠 접근성 지침)는 시각 장애가 있는 사람들이 콘텐츠를 읽을 수 있도록 대비 요구사항을 정의합니다. AA 레벨은 일반 텍스트에 4.5:1, 큰 텍스트에 3:1을 요구합니다. AAA 레벨은 각각 7:1과 4.5:1을 요구합니다.
상대 휘도는 공식 L = 0.2126R + 0.7152G + 0.0722B를 사용하여 색상의 인지된 밝기를 측정합니다. 계수는 인간 눈의 민감도를 반영하며, 녹색이 가장 두드러집니다. 계산 전에 sRGB에서 선형화됩니다.
대비율 공식은: (L1 + 0.05) / (L2 + 0.05)이며, L1은 밝은 색상의 휘도이고 L2는 어두운 색상의 휘도입니다. 0.05 오프셋은 0으로 나누는 것을 방지하고 주변 조명을 고려합니다.
큰 텍스트는 18pt(24px) 일반 굵기 또는 14pt(18.5px) 굵게로 정의됩니다. 큰 텍스트는 크기가 커서 자연스럽게 더 읽기 쉬우므로 대비 요구사항이 낮습니다.
남성의 약 8%와 여성의 0.5%가 색각 이상을 가지고 있습니다. 낮은 대비의 텍스트는 고령 사용자, 밝은 햇빛 아래 또는 저품질 디스플레이에서도 읽기 어렵습니다. 좋은 대비는 모든 사람에게 이롭습니다.
대비 비율은 두 색상 사이의 밝기(휘도) 차이를 측정합니다. 1:1(대비 없음, 동일한 색상)에서 21:1(최대 대비, 흰색 배경의 검정색)까지 범위입니다. 비율이 높을수록 가독성과 접근성이 향상됩니다.
이것은 일반 단락 텍스트입니다. 좋은 대비는 시각 장애가 있는 사용자를 포함한 모든 사용자의 가독성을 보장합니다.
이것은 가독성을 위해 더 높은 대비가 필요한 작은 텍스트입니다.
대비율
쌍을 클릭하여 전경/배경 색상으로 사용
저장된 프리셋은(는) 서포터 전용 기능입니다.
도구 기록은(는) 서포터 전용 기능입니다.
도구 메모은(는) 서포터 전용 기능입니다.
