カラーコントラスト分析と色覚模擬
背景と文字のコントラスト比をWCAG 2.1基準で即時計算し、配色の自動修正を提供。ドラッグ＆ドロップ画像からの色抽出や4つの色覚障害フィルター表示をサポートします。
⚖️ カラーコントラスト解析 (WCAG 2.1)
コントラスト比
12.3:1
WCAG 2.1 AA
PASS
WCAG 2.1 AAA
PASS
コンポーネントリアルタイムプレビュー
これは読みやすさをテストするためのサンプルテキストです。優れたコントラストは視覚障害者を含むすべてのユーザーを助けます。
✨ スマートコントラスト修正
ワンクリックで文字の明るさを自動調整し、AA（4.5:1）レベルに合格させます
👁️ 画像色盲シミュレータ
📤 画像をドラッグ＆ドロップするか、クリックしてアップロード PNG, JPG, WebP 対応。ブラウザ上で安全にローカル処理されます。
🐑 Processing filter...
📚 ウェブコンテンツ色彩アクセシビリティガイド (WCAG 2.1)
- AAレベル：通常のテキストは 4.5:1 以上、大きなテキスト（18pt以上）は 3:1 以上が必要です。
- AAAレベル：通常のテキストは 7.0:1 以上、大きなテキストは 4.5:1 以上が必要です。
- 相對亮度 (Luminance) 指的是顏色的視覺明度，介於 0 (最暗的黑色) 到 1 (最亮的白色) 之間。
