색상 대비 검사기
두 색상 사이의 WCAG AA/AAA 명암비를 확인합니다
이 계산기에 대하여
색상 대비 검사기는 상대 휘도 공식 (L1 + 0.05) / (L2 + 0.05)를 사용해 전경색과 배경색 사이의 WCAG 2.x 대비율을 계산합니다. #rgb, #rrggbb, rgb(r,g,b) 형식을 받으며, 정확한 대비율, 두 색의 휘도, 일반 텍스트(4.5:1 / 7:1)와 큰 텍스트(3:1 / 4.5:1) 기준에서의 AA·AAA 통과/실패 여부를 알려 줍니다. 올바르지 않은 색상은 오류를 반환합니다. 접근성 있는 웹 디자인에 꼭 필요합니다.
색상 대비 검사기 도구 사용 방법
- 입력란에 입력값을 입력하거나 붙여 넣으세요.
- 출력을 확인하세요 — 입력하는 즉시 업데이트됩니다.
- 옵션이 있다면 용도에 맞게 조정하세요.
- 페이지 URL을 복사해 같은 결과를 공유하세요.
대표적인 예
- #ffffff 위의 #000000 → 21.0000:1 — 모든 AA·AAA 기준 통과
- #ffffff 위의 #777777 → 4.4781:1 — AA 일반 텍스트는 아슬아슬하게 실패, AA 큰 텍스트는 통과
- #ffffff 위의 #0066cc → 5.5666:1 — AA 통과, AAA 일반 텍스트 실패
- #333333 위의 #ffcc00 → 8.3564:1 — 모든 텍스트 크기에서 AAA 통과
자주 묻는 질문
색상 대비 검사기 도구는 어떻게 작동하나요?
입력값을 입력하거나 붙여 넣으면 브라우저에서 바로 처리하여 결과를 즉시 보여 줍니다. 입력한 내용은 서버로 업로드되지 않으며, 모든 계산이 사용자의 기기에서 이루어집니다.
색상 대비 검사기 도구는 언제 사용하나요?
개발, 디버깅, 디자인, 관리 작업에 유용합니다. 아무것도 설치하지 않고, 제3자 서비스에 데이터를 맡기지 않고도 이 변환이나 확인을 빠르게 해야 할 때 사용하세요.
결과는 얼마나 신뢰할 수 있나요?
이 도구는 관련 표준이나 사양을 직접 구현하므로 출력이 표준을 준수하는 소프트웨어의 결과와 일치합니다. 비어 있거나 형식이 잘못된 입력 같은 예외 상황은 조용히 실패하지 않고 명확하게 알려 줍니다.
특정 결과를 다른 사람과 공유할 수 있나요?
네. 입력값이 URL에 반영되므로, 주소창을 복사해 링크를 공유하면 링크를 여는 사람에게 같은 상태의 도구가 열립니다.