Contrast

Contrast is a free browser-based tool. Supported files are processed locally whenever possible, with no installation required.

How to use

Set the foreground and background with the color pickers, hex values, or RGB sliders. Review the contrast ratio, WCAG result, and real text and button previews together.

🅰 foregroundcolor (Foreground)

#000000

R 0

G 0

B 0

🅱 background color (Background)

#FFFFFF

R 255

G 255

B 255

21.00:1

最高レベル · AAA基準クリア

👁 preview

見出し（H3相当）

リードテキスト — 大きめの本文

これは標準サイズの本文です。WCAGのAA基準では4.5:1、AAA基準では7:1の比率が求められます。読みやすさのためには、コントラストが十分に確保されている必要があります。

🔸 これはキャプションや注釈などの小さいテキスト例です。

✨ よく使う色の組み合わせ