색상 선택기

WCAG 접근성 검사기 및 색상 형식 변환기

색상 대비를 실시간으로 WCAG 2.1 글로벌 표준과 대조하여 모든 사용자에게 친화적인 웹사이트를 디자인하세요.

사용 방법:

• 시각적 인터페이스를 사용해 색상을 고르거나 HEX 코드를 입력하세요.
• CSS 파일에 사용할 수 있는 RGB 변환 값을 확인하세요.
• 접근성 카드를 통해 해당 색상이 가독성을 위한 AA 또는 AAA 대비 테스트를 통과하는지 확인하세요.

WCAG 대비 테스트를 통과하려면 어떻게 해야 하나요?

일반 텍스트의 경우, Level AA를 통과하려면 대비 비율이 최소 4.5:1이어야 합니다. 이 도구는 흰색 및 검은색 텍스트 오버레이에 대해 실시간으로 '합격' 또는 '불합격' 등급을 보여주어, 시각 장애가 있는 사용자를 포함한 모든 이가 읽기 편한 배경색을 선택할 수 있도록 돕습니다. 이는 현대 SEO와 사용자 경험(UX)의 핵심 요소입니다.