이전
목록
다음
카

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

카이루
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2022-12-26 (월) 16:34:37 · 6115 · 4

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

 

명도 대비 색상 확인 사이트

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 이상으로 제공해야 합니다.

|

댓글 4개

ifelse
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-12-28 (수) 21:05:14
크롬 같은경우 개발자콘솔에서 css color 있는 부분 찍고 색 변경하면 contrast ratio 라고 점수와 함께 체크박스 뜨는 기능이 있습니다.
jjennie102
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-05-10 (수) 11:52:19
감사합니다. 시간을 내어 그걸 표현해 주셔서 정말 감사합니다. 꼭 MYSITE에 오십시오 :
https://jusabada.com/
https://timespototo.com/
https://online-safer.com/
ffive2795
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-12-22 (금) 18:06:28

좋은 정보 감사해요~~

송화
프로필 보기이 회원 글보기이 회원의 댓글보기
 2025-06-26 (목) 14:41:36

오 감사합니다~~~ 

댓글을 작성하시려면 로그인이 필요합니다.

디자이너팁

377건

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

+
제목 글쓴이 날짜 조회
25-12-27 조회 503
25-12-17 조회 501
25-11-30 조회 582
25-11-20 조회 546
25-10-10 조회 750
25-08-01 조회 699
25-08-01 조회 760
25-07-23 조회 795
25-07-17 조회 817
25-07-09 조회 822
25-06-26 조회 891
25-06-26 조회 730
25-06-10 조회 833
25-06-07 조회 827
25-02-03 조회 1,570
25-01-08 조회 1,188
24-10-21 조회 1,729
22-12-26 조회 6,116
22-09-28 조회 4,115
22-07-01 조회 3,080
22-06-14 조회 3,272
22-05-13 조회 2,831
22-04-28 조회 3,087
22-04-28 조회 2,825
22-02-09 조회 4,788
21-09-29 조회 5,171
21-08-27 조회 4,810
21-07-02 조회 2.1만
21-06-23 조회 5,449
21-06-21 조회 4,710
글쓰기