색각이상 시뮬레이터
색상이 색각이상(색맹)을 가진 사용자에게 어떻게 보이는지 시뮬레이션하고, WCAG 색상 대비율을 확인합니다.
색각이상이란?
색각이상(색맹)은 특정 파장의 빛을 감지하는 원뿔세포가 결함이 있거나 없는 상태입니다. 가장 흔한 유형은 적록색맹으로, 남성의 약 8%, 여성의 약 0.5%에서 발생합니다.
주요 색각이상 유형
- 적색맹(Protanopia): L형 원뿔세포 이상. 빨강 감지 불가. 빨강·주황·초록이 비슷하게 보임.
- 녹색맹(Deuteranopia): M형 원뿔세포 이상. 가장 흔한 유형. 빨강과 초록 혼동.
- 청색맹(Tritanopia): S형 원뿔세포 이상. 드문 유형. 파랑·노랑·보라 혼동.
WCAG 대비율 기준
- AA: 일반 텍스트 4.5:1 이상 / 큰 텍스트 3:1 이상
- AAA: 일반 텍스트 7:1 이상 / 큰 텍스트 4.5:1 이상
접근성 높은 UI를 위해 색상만으로 정보를 전달하지 말고, 아이콘·패턴·레이블을 함께 사용하세요.
주요 색각이상 유형
- 적색맹(Protanopia): L형 원뿔세포 이상. 빨강 감지 불가. 빨강·주황·초록이 비슷하게 보임.
- 녹색맹(Deuteranopia): M형 원뿔세포 이상. 가장 흔한 유형. 빨강과 초록 혼동.
- 청색맹(Tritanopia): S형 원뿔세포 이상. 드문 유형. 파랑·노랑·보라 혼동.
WCAG 대비율 기준
- AA: 일반 텍스트 4.5:1 이상 / 큰 텍스트 3:1 이상
- AAA: 일반 텍스트 7:1 이상 / 큰 텍스트 4.5:1 이상
접근성 높은 UI를 위해 색상만으로 정보를 전달하지 말고, 아이콘·패턴·레이블을 함께 사용하세요.