색상 대비 검사기

    접근성을 보장하기 위해 전경과 배경 색상 간의 대비 비율을 테스트하세요.

    1.00:1
    대비
    Fail
    매우 나쁨

    일반 텍스트

    AA (4.5:1)
    AAA (7:1)

    큰 텍스트

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

    빠른 수정

    Aa

    미리보기 제목

    빠른 갈색 여우가 게으른 개를 뛰어넘습니다

    작은 텍스트 예제 (12px)

    텍스트
    #000000
    배경
    #2596be

    WCAG 표준

    Level AA

    일반 텍스트의 최소 대비 비율은 4.5:1, 큰 텍스트는 3:1입니다. 대부분의 웹사이트에 필요합니다.

    Level AAA

    일반 텍스트의 향상된 대비 비율은 7:1, 큰 텍스트는 4.5:1입니다. 최적의 접근성을 위해 권장됩니다.

    모든 텍스트 크기에 대해 대비가 부족합니다 - WCAG 표준에 부합하지 않습니다.

    색상 대비 검사기

    텍스트와 배경 색상의 대비 비율을 계산하세요.

    텍스트와 배경 색상을 위해 색상 선택기를 사용하거나 RGB 16진수 형식으로 색상을 입력하세요 (예: #259 또는 #2596BE). 슬라이더를 조정하여 색상을 선택할 수 있습니다. 웹 콘텐츠 접근성 지침(WCAG)은 시각 사용자에게 텍스트가 읽기 쉬운지 판단하는 특정 지침을 제공합니다. 이 기준은 특정 알고리즘을 사용하여 색상 조합을 비교 가능한 비율로 매핑합니다. 이 공식을 사용하여 WCAG는 일반(본문) 텍스트와 배경의 색상 대비 비율이 4.5:1이면 적절하며, 큰 텍스트(18pt 이상 일반, 또는 14pt 이상 굵게)는 최소 3:1의 색상 대비 비율을 가져야 한다고 명시합니다.

    주요 기능

    • 실시간 대비 비율 계산
    • WCAG AA & AAA 준수 검사
    • 세부 조정을 위한 HSL 슬라이더
    • 다양한 미리보기 형식

    고급 도구

    • 자동 색상 수정
    • 텍스트 및 배경 샘플
    • 색상 이름 감지
    • 결과 내보내기