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

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

使用法: 画面左の円の中の色か、縦長の短冊状のバーから、マウスで前景色を選択してクリックするか、タッチ・スクリーンの場合は指定したい色の部分をタッチします。 次に「背景色」ボタンをクリックし、同じように背景色を選択します。 チェックマークが出たら、アクセシビリティ上、色の組み合わせは良好な状態です。 そうでなかった場合、前景色や背景色のボタンを選択し、一方か、両方の色を変更します。

oknot ok

カラー・ホイール
グレイ・バー

コピー!

コピー!

一般的な見え方

このボックスは一般的な見え方を示しています。

* 上の1,2の入力枠に16進数(3桁か6桁)を入力することもできます。

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

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

第2色覚異常

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

第1色覚異常

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

第3色覚異常

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

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

Translated into Japanese by TANIMOTO. TANIMOTO's Web page

Tests by Thierry Tardif: Alpha Design and Julie Deganutti: Jade Black Design

他のウェブ開発者向けテストツールについては、UITestをご覧ください。