Accessibility Color Wheel

ウェブサイトデザインのテキストカラーと背景色のマッチングをチェックするツール。

foregroundボタンをクリックしカラーホイール上にマウスを持っていくと、テキストの色が変化していきます。納得したらクリックで決定します。同じようにBackgroundボタンをクリックし背景色を選択します。Invertボタンでテキストと背景の色を交換することも可能です。画面右側にサンプルが表示されるので、バランスをチェックしましょう。

カラーユニバーサルデザインとして色覚特性がある人々のために、前景色と背景色の色差・明度差を一定以上にするようなW3Cのガイドラインどおりのウェブデザインも考えることができるように、第1色覚異常（赤錐体系の異常）・第2色覚異常（緑錐体系の異常）・第3色覚異常（青錐体系の異常）の人の見え方のシミュレーションされたサンプルも同時に表示されます。