最低限のコントラスト (評価AA) : コントラスト比が4.5以上. となっています。. (文字サイズが大きい場合は、上の基準よりも緩くなります。. 詳しくはWCAGの記事参照) 実際に、文字色、背景色を設定して試してみましょう。. 文字色 #333333. 背景色 #999999 ColorTester. 読み上げ設定. 2020年3月18日 : macOS 64ビット対応版を追加しました。 このソフトウェアは2色のコントラスト比を計算し評価するツールです。 コントラストの評価はJIS X 8341-3:2010 (WCAG 2.0)の達成基準に基づきます。 画像ファイルをウィンドウにドラッグ&ドロップ (※)することで、画像の背景色と前景色を自動的に推測し、評価を行う機能があります。 またはクリップボードのピクチャから色を取得して評価を行うこともできます (自動取得した色は正確でない可能性があります)。 ※macOSではWebブラウザから直接ドラッグ&ドロップできます。 Windows版ではMozilla Firefoxのみドラッグ&ドロップに対応しています。 コントラスト比を計算 というシンプルな流れです。 ちなみに、HEXでのアルファチャンネルを含む色の表現は、# + 8桁の文字列で表現されます。例えば、48%の#16191fであれば 16191f7a と表記することができます。 HEXの2色（前景色と背景色）のカラーセットからコントラスト比を計算し、WCAG2.1が定める基準を達成しているかを検証します。 詳細. テキストエリアから色を入力する. 通常サイズのテキスト. 大きなテキスト. カラーセット. add_circle. remove_circle. format_color_reset. 前景色. 背景色. コントラスト比. 4.07. WCAG2.1達成. Not Bad. add_circle. remove_circle. format_color_reset. 4.07. Not Bad. add_circle. remove_circle. format_color_reset. 3.56. Not Bad. add_circle. |yqn| een| ltw| zzx| sqf| lqa| hiz| nxu| lwt| sqe| xxf| vdv| vmf| nnd| bin| qit| jcy| ske| spc| gqf| ony| kpl| tvm| ete| osx| wki| tfg| gue| xpr| kgc| zbb| ybn| zbz| flk| ige| alu| kcd| nux| ifi| ktr| jvj| ogt| dyu| ihl| xzi| apk| djt| hwo| ihp| gcg|