ToolNext

カラーコントラストチェッカー

前景色と背景色のWCAGコントラスト比を確認

tools.color-contrast.previewNormal

tools.color-contrast.previewSmall

tools.color-contrast.previewLarge

17.40:1
tools.color-contrast.aaNormal
tools.color-contrast.requires 4.5:1 tools.color-contrast.pass
tools.color-contrast.aaLarge
tools.color-contrast.requires 3:1 tools.color-contrast.pass
tools.color-contrast.aaaNormal
tools.color-contrast.requires 7:1 tools.color-contrast.pass
tools.color-contrast.aaaLarge
tools.color-contrast.requires 4.5:1 tools.color-contrast.pass

工具说明

前景色と背景色のWCAG 2.1コントラスト比を計算し、AA/AAAアクセシビリティ基準への適合を検証するオンラインツール。

contrastwcag对比度accessibility无障碍a11y