색상 대비 검사기

모든 도구
색상 대비 검사기
텍스트와 배경 색상 간 WCAG 대비 비율을 확인하세요 — 일반 텍스트, 큰 텍스트 및 UI 컴포넌트의 AA/AAA 합격/불합격 등급을 라이브 미리보기와 접근 가능한 색상 제안과 함께 확인하세요.
텍스트 색상
틴트
배경 색상
틴트
대비 비율
--:1
일반 텍스트
18px 미만 본문 텍스트 (또는 볼드 14px 미만)
AA AAA
큰 텍스트
18px 이상 일반, 또는 14px 이상 볼드
AA AAA
UI 컴포넌트
아이콘, 테두리, 폼 컨트롤 및 그래픽
AA AAA
라이브 미리보기

빠른 갈색 여우

대비가 충분하면 큰 텍스트를 편안하게 읽을 수 있습니다.

이것은 일반 본문 텍스트의 샘플 단락입니다. 좋은 색상 대비는 저시력이나 색맹인 사람들을 포함한 모든 사람이 콘텐츠를 읽을 수 있도록 합니다. 샘플 링크.

소문자 인쇄와 캡션은 가장 읽기 어렵습니다 — 가장 많은 대비가 필요합니다.
샘플 버튼 샘플 버튼
제안

모든 계산은 WCAG 2.x 상대 휘도 공식을 사용하여 브라우저에서 실시간으로 이루어집니다 — 업로드 없음, 가입 없음, 완전 무료.

공유하기
관련 도구
색맹 시뮬레이터

적색맹, 녹색맹, 청색맹 또는 전색맹인 사람의 눈으로 이미지나 팔레트를 확인하세요 — 완전히 브라우저에서 실행되며 업로드가 없습니다.
색상 코드 변환기

HEX, RGB, RGBA, HSL, HSLA 및 HSV 간 색상을 변환합니다 — 색상을 선택하고 알파를 조정한 후 어떤 형식이든 즉시 복사하세요.
팔레트 내보내기

색상 세트를 붙여넣거나 가져와서 CSS 변수, SCSS, Tailwind 설정, JSON 또는 SVG 스와치로 즉시 내보내세요 — 팔레트의 마무리 단계.
인기 검색어
색상 대비 검사기 wcag 대비비 접근성 대비 검사기 텍스트 대비 검사기 aa aaa 대비 테스트 온라인 색상 대비 확인

이 무료 도구를 귀하의 웹사이트에 추가하세요 — 아래 코드를 복사하여 붙여넣으세요.