기술
픽셀과 rem 변환
실제 루트 글꼴 크기로 CSS 픽셀 값을 rem으로 변환합니다.
문자 색상 대비율 계산기
불투명 sRGB 두 색의 상대 휘도로 대비율을 계산합니다.
이 페이지에서
대비율14.63
문자 상대 휘도0.02
배경 상대 휘도1
계산기 제어
계산하는 방법
불투명 sRGB 두 색의 상대 휘도로 대비율을 계산합니다.
대비율 =
((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))+(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2))+abs((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))-(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2)))+0.1)/((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))+(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2))-abs((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))-(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2)))+0.1)문자 상대 휘도 =
(0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))배경 상대 휘도 =
(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2))작업 예제
- 문자 빨강 (0–255): 30
- 문자 초록 (0–255): 41
- 문자 파랑 (0–255): 59
- 배경 빨강 (0–255): 255
- 배경 초록 (0–255): 255
- 배경 파랑 (0–255): 255
- 대비율: 14.63
- 문자 상대 휘도: 0.02
- 배경 상대 휘도: 1
가정과 한계
두 색만 검사하며 전체 접근성 준수를 인증하지 않습니다. 일반 텍스트 AA는 4.5:1, 정의를 충족하는 큰 텍스트는 3:1입니다. 반올림 전 값을 사용하고 투명도·이미지·그라데이션은 따로 확인하세요. 반올림 전 비율로 판정하세요.
결과는 표시를 위해 반올림되고 계산은 반올림되지 않은 값을 사용합니다.Results are rounded for display; calculations use unrounded values. 우리의 계산 방법론을 읽으십시오.
결과 이해Understanding the result
불투명 sRGB 두 색의 상대 휘도로 대비율을 계산합니다. 두 색만 검사하며 전체 접근성 준수를 인증하지 않습니다. 일반 텍스트 AA는 4.5:1, 정의를 충족하는 큰 텍스트는 3:1입니다. 반올림 전 값을 사용하고 투명도·이미지·그라데이션은 따로 확인하세요. 반올림 전 비율로 판정하세요.
이 도구가 유용할 때
초기값과 표시 단위로 예시를 재현하고 계산 중 정밀도를 유지하세요. 결과를 비교하기 전에 가정을 확인하세요.
Inputs 이해
| 입력 입력 | 예시 |
|---|---|
문자 빨강 (0–255) r1 | 30 |
문자 초록 (0–255) g1 | 41 |
문자 파랑 (0–255) b1 | 59 |
배경 빨강 (0–255) r2 | 255 |
배경 초록 (0–255) g2 | 255 |
배경 파랑 (0–255) b2 | 255 |
자주 묻는 질문
모델의 적용 범위는?
두 색만 검사하며 전체 접근성 준수를 인증하지 않습니다. 일반 텍스트 AA는 4.5:1, 정의를 충족하는 큰 텍스트는 3:1입니다. 반올림 전 값을 사용하고 투명도·이미지·그라데이션은 따로 확인하세요. 반올림 전 비율로 판정하세요.
예시를 검산하려면?
초기값과 표시 단위로 예시를 재현하고 계산 중 정밀도를 유지하세요. 결과를 비교하기 전에 가정을 확인하세요.