접근 가능한 색상 팔레트 생성기
색상 팔레트를 구축하고 WCAG 2.2 AA(4.5:1) 및 AAA(7:1) 대비 비율을 충족하는 조합을 즉시 확인하세요. 각 쌍이 자동으로 테스트됩니다.
당신의 팔레트
대비 매트릭스
« 모든 쌍 확인 »을 클릭하여 대비 매트릭스를 생성하세요.
접근 가능한 쌍
통과하는 쌍을 보려면 검사를 실행하세요.
📚 과학적 기반 및 출처
이 도구는 누구를 위한 것인가
적절한 색상 대비는 시각 장애인, 색각 결핍(CVD)이 있는 사람들 및 노화 관련 시각 장애가 있는 사람들에게 필수적입니다. WHO는 전 세계 적어도 22억 명이 가까이 또는 멀리 시력 장애를 겪고 있다고 추정합니다(WHO, 2019). Owsley(2011)의 연구는 대비 감도가 나이가 들수록 크게 감소하여 노인을 위한 고대비 디자인이 더욱 중요하다는 것을 보여줍니다. CVD는 전 세계 약 3억 명에게 영향을 미칩니다(Colour Blind Awareness). 디자이너, 개발자 및 브랜드 팀은 이 도구를 사용하여 색상 팔레트가 최소 WCAG 대비 요구 사항을 충족하고 이러한 모든 인구를 위한 사용성을 보존하는지 확인합니다.
WCAG 2.2 대비 요구 사항
- SC 1.4.3 (최소 대비, 레벨 AA): 일반 텍스트는 ≥ 4.5:1의 대비 비율이 필요합니다. 큰 텍스트(18pt+ 또는 14pt+ 굵게)는 ≥ 3:1이 필요합니다.
- SC 1.4.6 (강화된 대비, 레벨 AAA): 일반 텍스트는 ≥ 7:1의 대비 비율이 필요합니다. 큰 텍스트는 ≥ 4.5:1이 필요합니다.
- SC 1.4.11 (비텍스트 대비, 레벨 AA): UI 컴포넌트와 그래픽 객체는 인접 색상에 대해 ≥ 3:1의 대비가 필요합니다.
과학적 참고문헌
- W3C (2023). « Web Content Accessibility Guidelines (WCAG) 2.2. » w3.org/TR/WCAG22 · 이 도구에서 사용되는 대비 비율 임계값(4.5:1, 7:1, 3:1) 및 상대 휘도 계산 알고리즘을 정의합니다.
- Owsley, C. (2011). « Aging and vision. » Vision Research, 51(13), 1610–1622. · 대비 감도가 광학적 및 신경적 변화로 인해 나이가 들수록 크게 감소함을 문서화하여, 노화 인구를 위한 고대비 디자인의 중요성을 강조합니다.
- 세계보건기구 (2019). 세계 시력 보고서. · 전 세계 적어도 22억 명이 시력 장애를 겪고 있으며, 저시력과 노안이 가장 흔한 형태임을 확인합니다.
- Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · 시각 장애가 있는 사람들의 읽기 성능에 대비, 글꼴 크기 및 간격이 미치는 영향에 대한 기초 연구.
- Arditi, A. & Faye, E. (2004). « Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice. » Optometry and Vision Science, 81(4), 287–292. · 기능적 시력의 지표로서 대비 감도의 임상적 중요성을 입증합니다.
알고리즘
상대 휘도는 WCAG 2.2 정의에 따라 계산됩니다: sRGB 채널 값이 선형화되고(감마 보정 제거), ITU-R BT.709 표준에 따라 가중됩니다(0.2126 R + 0.7152 G + 0.0722 B). 대비 비율 = (L밝은 + 0.05) / (L어두운 + 0.05).
면책 조항
이 도구는 WCAG 2.2에 지정된 알고리즘으로 대비 비율을 계산합니다. 수학적 대비 임계값을 달성하는 것은 가독성을 위한 필요 조건이지만 충분하지는 않습니다: 글꼴 두께, 크기, 안티앨리어싱 및 화면 보정과 같은 요소도 가독성에 영향을 미칩니다. WCAG 컴플라이언스는 대비뿐만 아니라 모든 성공 기준의 평가를 요구합니다. 이 도구는 법률 자문을 제공하지 않습니다. 공식 접근성 감사를 위해서는 자격을 갖춘 전문가와 상담하세요.