명도 대비 4.5 대 1 이상 체크 사이트 > 디자이너팁

디자이너팁

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

명도 대비 4.5 대 1 이상 체크 사이트 정보

명도 대비 4.5 대 1 이상 체크 사이트

본문

텍스트 콘텐츠의 명도 대비가 기준에 미달하는 경우 웹접근성에 문제가 생깁니다.

 

명도 대비 색상 확인 사이트

https://app.contrast-finder.org/result.html?foreground=rgb%2870%2C136%2C71%29&background=%2313BFAD&ratio=4.5&isBackgroundTested=true&algo=HSV&lang=ko

 

텍스트와 배경 간의 명도 대비가 기준 이하로 제공되고 있다면 색상 변해야 합니다.

 

사이트에서 확대가 가능한 경우라도 텍스트와 배경 간의 명도 대비를 최소 3:1 이상으로 제공해야 합니다.

추천
2

댓글 1개

크롬 같은경우 개발자콘솔에서 css color  있는 부분 찍고 색 변경하면 contrast ratio 라고 점수와 함께 체크박스 뜨는 기능이 있습니다.
전체 360
디자이너팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT