스튜디오

NFP

Creative studio

0%

컬러 조합기 대비 체커 팔레트 (조화)팔레트 (랜덤)단색 카드 그라데이션 카드 컬러 추출기 RGB↔CMYK 그라데이션 2컬러 그라데이션 3컬러

NFP 크리에이티브 · 컬러 도구

색상 대비 체커

텍스트와 배경 색의 명도 대비를 WCAG 접근성 기준으로 바로 확인하세요.

색상 선택

텍스트 색상

배경 색상

빠른 조합

미리보기 & 결과

큰 텍스트 미리보기 Aa

일반 본문 텍스트는 이렇게 보입니다. The quick brown fox jumps over the lazy dog.

버튼 텍스트

19.44:1

명도 대비 (Contrast Ratio)

모든 기준 통과본문·작은 글씨 모두 안심하고 쓸 수 있어요.

AA · 일반 텍스트4.5:1 이상✓ 통과

AA · 큰 텍스트3:1 이상✓ 통과

AAA · 일반 텍스트7:1 이상✓ 통과

AAA · 큰 텍스트4.5:1 이상✓ 통과

알아두기

WCAG(웹 콘텐츠 접근성 지침)는 AA(권장)와 AAA(고급) 두 단계로 명도 대비 기준을 정의합니다.
큰 텍스트는 18pt(24px) 이상 또는 굵게 14pt(18.66px) 이상인 텍스트를 뜻하며, 기준이 조금 더 관대합니다.
일반적인 본문 텍스트는 최소 AA 기준(4.5:1) 이상을 맞추는 것을 권장합니다.
버튼, 배너, 강조 문구 등 눈에 잘 띄어야 하는 요소일수록 더 높은 대비를 사용하세요.

컬러 조합기베이스 색상을 선택하면 어울리는 색조합을 자동으로 생성해주는 컬러 팔레트 도구입니다.컬러 팔레트 (조화)조화로운 5색 컬러 팔레트를 자동으로 생성하는 도구입니다.단색 컬러 카드랜덤으로 컬러 카드를 뽑아 오늘의 색상 영감을 얻어보세요.그라데이션 컬러 카드랜덤으로 그라데이션 카드를 뽑아 오늘의 색상 조합 영감을 얻어보세요.

텍스트 색상과 배경 색상의 명도 대비를 WCAG 기준(AA/AAA)으로 확인합니다. 웹·앱 접근성 검증, 가독성 좋은 배색 확인에 활용하세요.

본문 텍스트는 최소 AA 기준(4.5:1)을 맞추는 것을 권장합니다
큰 텍스트(18pt 이상 또는 굵게 14pt 이상)는 기준이 조금 더 관대합니다

색상 대비 접근성 체커 · 스튜디오 NFP