Hello, World!
이전
목록
다음
카

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

카이루
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 3년 전 · 5812 · 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
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전
크롬 같은경우 개발자콘솔에서 css color 있는 부분 찍고 색 변경하면 contrast ratio 라고 점수와 함께 체크박스 뜨는 기능이 있습니다.
jjennie102
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전

신고가 접수되어 자동으로 블라인드 된 댓글입니다. 원문을 보시려면 를 클릭하세요.

ffive2795
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전

좋은 정보 감사해요~~

송화
프로필 보기이 회원 글보기이 회원의 댓글보기
 8개월 전

오 감사합니다~~~ 

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

디자이너팁

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

+
제목 글쓴이 날짜 조회
3개월 전 조회 357
5개월 전 조회 527
7개월 전 조회 529
7개월 전 조회 581
7개월 전 조회 638
7개월 전 조회 636
8개월 전 조회 652
8개월 전 조회 726
8개월 전 조회 576
9개월 전 조회 668
9개월 전 조회 655
1년 전 조회 1,395
1년 전 조회 1,046
1년 전 조회 1,518
3년 전 조회 5,813
3년 전 조회 3,917
3년 전 조회 2,878
3년 전 조회 3,095
3년 전 조회 2,663
3년 전 조회 2,896
3년 전 조회 2,613
4년 전 조회 4,408
4년 전 조회 4,961
4년 전 조회 4,598
4년 전 조회 2만
4년 전 조회 5,176
4년 전 조회 4,439
4년 전 조회 2,800
4년 전 조회 3,959
4년 전 조회 3,762
이전 첫 페이지 다음
글쓰기