색상 및 그라데이션최근 업데이트: 2026-08-26
WCAG 색상 대비 검사기
빠른 핵심 답변:Colour Contrast Checker은(는) 브라우저 내부에서 100% 안전하게 동작하는 완전 무료 온라인 도구입니다. 모든 데이터가 로컬에서만 처리되어 개인정보가 완벽히 보호됩니다.
명도 대비 비율:
17.85 : 1
적합 (PASS)Headline Preview (18pt+)
Live sample text demonstrating readability and visual contrast against selected background.
WCAG AA
Normal (≥ 4.5:1)
WCAG AA
Large (≥ 3.0:1)
WCAG AAA
Normal (≥ 7.0:1)
WCAG AAA
Large (≥ 4.5:1)
사용 방법 안내 WCAG 색상 대비 검사기
1
색상 선택 및 입력
컬러 피커로 색을 고르거나 HEX, RGB, HSL 코드를 입력합니다.
2
배색 및 그라디언트 조절
보색, 유사색 조합을 생성하거나 그라디언트 방향을 설정합니다.
3
CSS 코드 복사
웹사이트 개발에 바로 사용할 수 있는 CSS 코드를 복사합니다.
측정 결과 및 지표 분석
명도 대비율 (Contrast Ratio)
글자색과 배경색 간의 가독성 비율 (WCAG AA/AAA 웹 접근성 기준 판정).
색 공간 (Color Space)
HEX, RGB, HSL 등 색상을 디지털 좌표로 표현하는 규격.
핵심 기능 및 장점
HEX, RGB, HSL, HSV 간의 실시간 정밀 상호 변환
WCAG 2.1 AA/AAA 기준에 맞춘 텍스트 명도 대비 적합성 검사
선형(Linear) 및 방사형(Radial) 모던 CSS 그라디언트 생성기
CSS 변수 및 색상 코드 원클릭 복사 지원
자주 묻는 질문 (FAQ)
WCAG 색상 대비 검사기의 원리와 자주 묻는 질문
A:
WCAG 2.1 AA 기준 일반 텍스트는 최소 4.5:1, 큰 텍스트는 3:1 이상의 대비율이 요구됩니다.
같은 분야 추천 도구
색상 및 그라데이션
색상 코드 변환 (HEX/RGB/HSL)
100% 무료 및 완벽한 보안의 Colour Converter。브라우저 로컬에서 즉시 안전하게 실행됩니다.
색상 및 그라데이션
조화로운 색상 팔레트 생성
100% 무료 및 완벽한 보안의 Colour Palette Generator。브라우저 로컬에서 즉시 안전하게 실행됩니다.
색상 및 그라데이션
CSS 그라데이션 생성기
100% 무료 및 완벽한 보안의 CSS Gradient Generator。브라우저 로컬에서 즉시 안전하게 실행됩니다.