🌓
無料 WCAG カラーコントラストチェッカー
2 つの色がアクセシビリティに関する WCAG AA および AAA コントラスト基準を満たしているかどうかを確認します。コントラストが低すぎる場合は、複数のテキスト サイズでライブ プレビューが自動提案されます。
ブラウザで実行サインアップもポップアップもありませんログイン不要永遠に無料
Large heading text
Medium body text (18px) for reading and content.
Normal body text (16px) for paragraphs.
Small body text (14px) for captions and metadata.
14.63:1
Contrast ratio
✓WCAG AA — Normal text
Requires 4.5:1 · You have 14.63:1
✓WCAG AA — Large text
Requires 3.0:1 · You have 14.63:1
✓WCAG AAA — Normal text
Requires 7.0:1 · You have 14.63:1
✓WCAG AAA — Large text
Requires 4.5:1 · You have 14.63:1
✓UI components / graphical objects
Requires 3.0:1 · You have 14.63:1
Quick presets
Based on WCAG 2.1 contrast guidelines. Large text = 18pt (24px) normal or 14pt (18.66px) bold. Hex codes update in both directions: type a hex or pick a color, both inputs stay in sync.
Optimize for your platform
使い方
1
入力
テキストまたはデータを入力します。
2
処理
ブラウザ内で即座に処理。サーバーなし、待機なし。
3
ダウンロード
結果を保存します。何も保存されません。
なぜ私たちのツール？
✓Completely free — no hidden costs, ever
✓No account, email, or login required
✓Runs entirely in your browser — no uploads
✓Works on any device — phone, tablet, desktop
✓Open and ad-supported, with no tracking
✓Loads fast, with no installation needed
関連ツール
このツールは役に立ちましたか?