색상 대비 검사기

사용 방법

1. 1
   항목 입력

   숫자를 입력하거나 필요한 옵션을 고르세요.

2. 2
   결과 보기

   값을 바꾸면 답이 즉시 업데이트됩니다.

3. 3
   활용하기

   결과를 복사하거나 적어 두세요. 아무것도 어디로도 전송되지 않습니다.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

풀이 예시

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

최상의 결과를 위한 팁

결과를 믿기 전에 모든 항목을 확인하세요. 숫자 하나만 틀려도 전체 답이 바뀝니다. 급여명세서, 청구서, 증명서, 계약서에 있는 정확한 숫자를 사용하고 계산한 날짜를 기록해 두세요. 세율, 기준, 규정은 수시로 바뀌므로 세금, 수수료, 법률 관련 사항은 결과를 추정치로 보고 이 페이지에 명시된 공식 출처와 대조하세요. 시나리오는 얼마든지 시도할 수 있습니다. 아무것도 저장되거나 전송되지 않으며 페이지를 새로 고치면 입력이 지워집니다.