アクセシビリティ・カラー・ホイール

PSD to HTML / PSD to Xhtml by Convert2xhtml.com

このツールの目的についての情報は私のホームページで閲覧できます。

色を選択(マウスで円や縦の白黒バーをクリックします)

アルゴリズム(使用したアルゴリズムについては、ここに説明があります)

コントラスト比 (WCAG 2 推奨)
コントラスト/ブライトネス(輝度)の違い (WCAG 1)

一般的な見え方

1*		2*
C		B
コントラスト比

使用法: 画面左の円の中の色か、縦長のバーから、マウスで前景色を選択してクリックします。次に、「背景色」ボタンをクリックし、同じように背景色を選択します。この説明文の下に“OK!”の表示が出たら、カラーの組み合わせはアクセシビリティに適合しています。そうでなかった場合、左のボタンで前景色と背景色を選択しながら、一方か、両方の色を変更します。

OK!

* 上の1,2の入力枠に16進数(3桁か6桁)を入力することもできます。入力したら「更新」ボタンをクリックします。

Share |

他の見え方の例と、その色彩の値

第2色覚異常

1		2
C		B
コントラスト比

第2色覚異常（2型色覚；Deuteranopia）は緑色の感知（緑と赤の区別）がしにくいです。このボックスは緑色覚異常(部分的な色盲)の人々の見え方をシミュレートします。

第1色覚異常

1		2
C		B
コントラスト比

第1色覚異常（1型色覚；Protanopia）は赤色の感知（赤と緑の区別）がしにくいです。このボックスは赤色覚異常(部分的な色盲)の人々の見え方をシミュレートします。

第3色覚異常

1		2
C		B
コントラスト比

第3色覚異常（3型色覚；Tritanopia）は非常に稀であり、青色の感知（黄色と青紫色や、緑色と青色の区別）がしにくいです。このボックスは青色覚異常(部分的な色盲)の人々の見え方をシミュレートします。

画面左の円の中の色か、縦長のバーから、マウスで色を選択してクリックします.

アクセシビリティ・カラー・ホイール　バージョン 2.3Giacomo Mazzocato作
カラー・ホイールはJemima Pereira作を基礎にしています。

Translated into Japanese by TANIMOTO. TANIMOTO's Web page

このツールは、次の条項の下でライセンスされています。 Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

Home page