색상

명도 대비 검사

전경색과 배경색 조합을 WCAG AA 및 AAA 기준으로 검사합니다.

전경색

배경색

큰 제목 텍스트

18픽셀 일반 본문으로, 대부분의 읽기에 쓰이는 크기입니다.

14픽셀 작은 글씨로, 기준을 통과하기 가장 어려운 경우입니다.

2.38명암비

AA 일반 텍스트

4.5:1 필요

실패

AA 큰 텍스트

3:1 필요

실패

AAA 일반 텍스트

7:1 필요

실패

AAA 큰 텍스트

4.5:1 필요

실패

AA UI 요소

3:1 필요

실패

관련 가이드

HEX, RGB, HSL과 새로 등장한 색 공간들HEX, RGB, HSL, LCH, OKLCH가 서로 어떤 관계인지, HSL로 만든 팔레트가 중간 톤에서 왜 탁해지는지, 그리고 색역 클리핑과 알파 합성이 실제로 얻는 색을 어떻게 바꾸는지 설명합니다.감에 의존하지 않고 WCAG 색 대비 충족하기대비율이 무엇을 측정하는지, 텍스트와 인터페이스 구성 요소에 대한 AA와 AAA 기준값은 얼마인지, 그리고 흰 바탕의 회색 글자에서 매번 조용히 기준을 놓치는 실수는 무엇인지 설명합니다.

관련 도구

색상 변환기

HEX, RGB, HSL, CSS 표기 사이에서 색상을 변환합니다.

색상

팔레트 생성기

하나의 기본 색에서 밝기 단계와 배색을 만듭니다.

색상