개발자 도구

Color Contrast Checker

Check WCAG 2.1 AA/AAA color contrast ratios for accessible web design

1만 명 이상의 개발자가 사용

Foreground (Text)

rgb(30, 41, 59)

Background

rgb(248, 250, 252)

Preview

Sample Text Aa

The quick brown fox jumps over the lazy dog

Regular body text — this is how a paragraph will appear at 16 px.

Small helper text at 14 px — used for captions and labels.

13.98:1

Contrast Ratio

AA — Normal Text≥4.5:1

< 18pt (24px) regular or < 14pt (18.67px) bold

AA — Large Text≥3:1

≥ 18pt (24px) regular or ≥ 14pt (18.67px) bold

AAA — Normal Text≥7:1

Enhanced, < 18pt regular

AAA — Large Text≥4.5:1

Enhanced, ≥ 18pt regular

Foreground Color

HEX

#1E293B

RGB

rgb(30, 41, 59)

Background Color

HEX

#F8FAFC

RGB

rgb(248, 250, 252)

추천 개발자 도구 도구…