Contrast Finder
Contrast-Finder는 웹 접근성 기준에 적합하도록 명암이 충분히 대비되는 색의 조합을 찾아줍니다
WCAG 통과 기준 1.4.3 에 의하면 글자는 최소 4.5 (큰 글자의 경우 3) 이상의 명암비를 가지고 있어야 합니다.
원래의 명암비
| 본문 | 배경 | 표본 | 명암비 | 편차 |
|---|---|---|---|---|
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 2.60079 |
새로운 명암비 : 20 개의 결과 (3,939,840 개의 색상이 검토됨)
| 본문 | 배경 | 표본 | 명암비 | 편차 |
|---|---|---|---|---|
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50074 | 81.97 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50011 | 80.04 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50036 | 78.72 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50042 | 70.82 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50036 | 71.41 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50052 | 83.27 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50076 | 66.46 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50068 | 74.37 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50067 | 67.84 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50076 | 76.8 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50082 | 72.44 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.5008 | 65.08 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50039 | 64.21 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50038 | 58.01 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50072 | 61.63 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50068 | 60.78 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50029 | 60.0 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50036 | 61.48 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50078 | 61.71 |
|
| 커다란 크기의 제목과 크고 좀 더 두꺼운 글자 여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다. | 4.50032 | 62.13 |