틀:색상 명암비
보이기
(틀: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 | 아니요 |