틀:색상 명암비
보이기
(틀:Color contrast ratio에서 넘어옴)
| 이 틀은 루아를 사용합니다. |
이 틀은 두 색상의 명암비를 구해줍니다. RGB 헥스 색상 코드(#RRGGBB)나 표준 HTML 색상, 또는 CSS ‘orange’(#FFA500)를 쓸 수 있습니다. 글자는 대소문자를 구분하지 않습니다.
사용법
[편집]밝은 배경
[편집]| 글자 색 | 배경 색 | 견본 | 코드 | 명암비 | WCAG 2.0 여부 |
|---|---|---|---|---|---|
| #000000 | #FFFFFF | 견본 | {{색상 명암비|#000000|#FFFFFF}} | 21 | AAA |
| #000080 | #DDDDDD | 견본 | {{색상 명암비|#000080|#DDDDDD}} | 11.787 | AAA |
| #7B0000 | #FF9900 | 견본 | {{색상 명암비|#7B0000|#FF9900}} | 5.324 | AA |
| #004800 | #AAAAAA | 견본 | {{색상 명암비|#004800|#AAAAAA}} | 4.691 | AA |
| red | white | 견본 | {{색상 명암비|red|white}} | 3.998 | 아니요 |
| #FF0000 | #FF9999 | 견본 | {{색상 명암비|#FF0000|#FF9999}} | 1.955 | 아니요 |
어두운 배경
[편집]| 글자 색 | 배경 색 | 견본 | 코드 | 명암비 | WCAG 2.0 여부 |
|---|---|---|---|---|---|
| #BADFEE | black | 견본 | {{색상 명암비|#BaDFeE|BlAcK}} | 14.878 | AAA |
| red | black | 견본 | {{색상 명암비|red|black}} | 5.252 | AA |
| #FFFF00 | #00FFFF | 견본 | {{색상 명암비|#FFFF00|#00FFFF}} | 1.168 | 아니요 |