a11y.skipToMainContent
1

쿠키 정책

전경과 배경 색상 사이의 색상 대비 비율을 확인합니다. WCAG 2.1 AA 및 AAA 규정 준수를 검증합니다.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. 전경 (텍스트) 색상을 입력하거나 선택합니다.
  2. 배경 색상을 입력하거나 선택합니다.
  3. 대조 비율과 WCAG pass/fail 결과를 전망하십시오.
  4. 대상 준수 수준을 충족할 때까지 색상을 조정합니다.

대비 검사기은 무엇입니까?

A 대조 검수원은 WCAG 2.1 지침에 따라 두 가지 색상 사이의 대조 비율을 계산합니다. 텍스트가 정상적인 텍스트, 큰 텍스트 및 UI 구성 요소에 대한 배경 색상에 대해 읽을 수 있는지 결정합니다.

WCAG 2.1은 일반 텍스트 (AA), 3 : 1 큰 텍스트 (AA), 7 : 1 일반 텍스트 (AAA) 및 4.5 : 1의 최소 대비 비율을 요구합니다 (AAA). 이 도구는 모든 네 가지 기준을 위해 패스 / 팜을 즉시 보여줍니다.

Advertisement

FAQ

좋은 대조 비율은 무엇입니까?
WCAG 2.1 AA는 정상적인 원본을 위해 4.5:1를 요구하고 큰 원본을 위해 3:1를 요구합니다. AAA는 7 : 1 일반 텍스트 및 4.5 : 1 큰 텍스트를 요구합니다.
큰 텍스트로 어떤 계산?
큰 텍스트는 18pt (24px) 이상, 또는 14pt (18.66px) 이상으로 정의되며 대담한 경우.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

Advertisement