1.00:1
대비
Fail
매우 나쁨
일반 텍스트
AA (4.5:1)
✖
AAA (7:1)
✖
큰 텍스트
AA (3:1)
✖
AAA (4.5:1)
✖
Black
#000000
Black
#b3b3b3
빠른 수정
Aa
제목 미리보기
게으른 개를 뛰어넘는 재빠른 갈색 여우
작은 텍스트 예시(12px)
텍스트
#000000
배경
#b3b3b3
WCAG 표준
Level AA
일반 텍스트의 경우 최소 대비 비율은 4.5:1, 큰 텍스트의 경우 3:1입니다. 대부분의 웹사이트에 필요합니다.
Level AAA
일반 텍스트의 경우 7:1, 큰 텍스트의 경우 4.5:1의 향상된 대비 비율. 최적의 접근성을 위해 권장됩니다.
모든 텍스트 크기에 대한 대비가 충분하지 않음 - WCAG 표준을 충족하지 못합니다.
색상 대비 검사기
텍스트와 배경색의 대비 비율을 계산합니다.
텍스트 및 배경색의 색상 선택기를 사용하여 색상을 선택하거나, 16진수 RGB 형식(예: #259 또는 #2596BE)으로 색상을 입력하세요. 슬라이더를 조정하여 색상을 선택할 수도 있습니다. 웹 콘텐츠 접근성 가이드라인(WCAG)은 시력이 있는 사용자가 텍스트를 읽을 수 있는지 판단하는 데 도움이 되는 구체적인 지침을 제공합니다. 이 기준은 특정 알고리즘을 사용하여 색상 조합을 비교 가능한 비율로 변환합니다. 이 공식에 따르면, WCAG는 일반 텍스트(본문)의 경우 텍스트와 배경의 색상 대비율이 4.5:1이면 충분하며, 큰 텍스트(18pt 이상 또는 14pt 이상 굵게)의 경우 최소 3:1의 대비율을 가져야 한다고 명시하고 있습니다.
주요 기능
- • 실시간 명암비 계산
- • WCAG AA 및 AAA 준수 확인
- • 미세 조정을 위한 HSL 슬라이더
- • 다양한 미리보기 형식
고급 도구
- • 자동 색상 수정
- • 텍스트 및 배경 샘플
- • 색상 이름 감지
- • 내보내기 결과