색상 대비 검사기

텍스트 색상과 배경색의 정확한 대비율과 AA 및 AAA 접근성 수준을 충족하는지 여부를 보여주는 WCAG 색상 대비 검사기예요. 견본이나 16진수 코드로 색상을 선택하고 실시간 미리보기를 확인하세요.

배지가 필요한 수준을 통과할 때까지 두 가지 색상을 조정하면 결과가 즉시 업데이트돼요.

배경과 밝기가 너무 가까운 텍스트는 읽기 어렵거나 불가능해요. 특히 저시력이나 색각 장애가 있는 사람이나 밝은 햇빛 아래에서 휴대전화를 사용하는 사람의 경우 더욱 그래요. 대비가 충분하면 모든 사람이 콘텐츠를 읽을 수 있어요.

웹 콘텐츠 접근성 지침(WCAG)이 표준을 설정했어요. 대부분의 사이트가 목표로 하는 수준이자 많은 접근성 법률이 참조하는 수준인 AA에서는 일반 텍스트의 경우 4.5:1, 큰 텍스트의 경우 3:1의 비율이 필요해요. AAA는 7:1과 4.5:1에서 더 엄격해요.

큰 문자는 대비가 낮아도 읽을 수 있기 때문에 큰 텍스트는 임계값이 더 낮아요. 대략 24px(18pt)로 크게 계산되며, 굵은 글씨로 표시되면 18.66px(14pt)로 간주돼요.

비율은 공식 WCAG 공식을 사용하여 두 색상의 상대적 휘도에서 나오며, 1:1(대비 없음, 동일한 색상)에서 최대 21:1(흰색 바탕에 검정색)의 값을 생성해요.

모든 것이 브라우저에서 계산되므로 즉각적이고 비공개예요. 선택한 내용은 어디에도 업로드되지 않아요.