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

This space is available for advertising. If you are interested please contact me at gmazzocato@gmail.com

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

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

アルゴリズム:

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

一般的な見え方

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

使用法: 画面左の円の中の色か、縦長のバーから、マウスで前景色を選択してクリックします。次に、「背景色」ボタンをクリックし、同じように背景色を選択します。この説明文の下に“OK!”の表示が出たら、カラーの組み合わせはアクセシビリティに適合しています。そうでなかった場合、左のボタンで前景色と背景色を選択しながら、一方か、両方の色を変更します。 "C"、"B"や"コントラスト比"の欄に表示されるOKの意味は、アルゴリズム欄のチェックボックスで指定した、WCAG 2の推薦する「コントラスト比」、又はWCAG 1に適合する「コントラスト/ブライトネス(輝度)の違い」の指定が、それぞれの先天性色覚異常の見え方に対して適切であることを示します。

OK!

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

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

第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.0Giacomo Mazzocato作
カラー・ホイールはJemima Pereira作を基礎にしています。

Translated into Japanese by TANIMOTO. TANIMOTO's Web page

これをオフラインで使用するために必要な全てのファイルは、このzip ファイルに入っています。

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

Home page