본문 바로가기
웹 프로그래밍

Contrast Ratio(색 대비) 배경과 폰트 색깔

by Minius 2019. 8. 6.
반응형

https://contrast-ratio.com/

 

Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!

How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different c

contrast-ratio.com

배경과 글자의 색 대비를 점수로 나타내어준다. 높을수록 좋은 점수고 낮은 점수일 때는

"폰트 크기를 18pt 이상으로 하거나 14pt이상, 볼드로 줘라" 같은 가이드를 제시해 준다.

'웹 프로그래밍' 카테고리의 다른 글

Critical Rendering Path  (0) 2019.08.08
Web Accessibility Tutorials(웹 접근성 자습서)  (0) 2019.08.06
[CSS] :before, :after 사용하는 방법  (0) 2019.07.31
background-size  (0) 2019.07.25
Date Time Picker  (0) 2019.07.15

댓글