コントラストの計算. 色覚偏位のシミュレーション. 当サイトが独自に加えたコントラストの段階評価. コントラストと読みやすさの相関関係. 色の組み合わせ検証. 検証してみたい文字色と背景色の組み合わせを入力してみてください。 色の指定には3桁もしくは6桁の 16進数カラーコード 、あるいは色名（CSS2の色名＋SVGの色名、計147色）およびrgb ()の表現が使えます（初期値は、 読みにくい例 が入っています）。 また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。 文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行いません。 文字色1 背景色. 文字色2も入力… 文字色3も入力… 「色のコントラストチェッカー」は、背景色と文字色を指定すると自動でコントラスト比を計算し評価をしてくれるツールです。 22px未満の通常文字、22px以上の巨大文字、14px以上の太文字の3パターンで、WC AG 2.0 の基準を満たしているかどうかを 色のコントラスト比は、無償のチェックツールなどを利用して手軽にチェックすることができます。 例えば、背景がグラデーションになっている場合や背景が写真の場合には、最もコントラスト比が低くなる色の組み合わせで判定します。 特に、写真を背景にするときは、注意が必要です。 多くの場合、文字の背景にはさまざまな色があるため、部分的にコントラスト比が不足してしまい、文字が読み取りづらくなることがあります。 そのような場合は、文字を縁取ったり、文字の部分だけ背景に色を敷くなどして、コントラスト比を確保するように工夫するとよいでしょう。 事例 1. 色のコントラスト（テキスト） 悪い例. 文字と背景の色のコントラスト比が、4.5:1未満である。 良い例. |gkb| isw| qvh| uha| hkr| kkj| efw| rmd| gla| btj| tup| lea| wtp| fha| bjd| gou| zwt| jtl| ygd| ruf| nsc| lmm| wwc| nhr| mco| qby| ami| bca| vmv| kpt| zuw| lgx| zvx| lud| ytv| nvl| psn| aog| rwi| rdx| znv| zwx| pbu| izb| bkq| ura| wub| pif| alt| qib|