色覚シミュレーター
主な色覚特性で色がどう見えるかを大まかに確認します。
このツールについて
1つのHEXカラーが主な色覚特性でどう変化するかをすばやく確認します。
完全なUIアクセシビリティレビューの前に、色選び段階で軽く確認する用途に使えます。
基準色
#2563EB
見え方: 1型色覚
#4040CA
見え方: 2型色覚
#3C38C2
見え方: 3型色覚
#28B0AA
見え方: 全色盲
#606060
使い方
- 1
必要な値を入力するか、テキストを貼り付けます。
- 2
オプションや単位を目的に合わせて調整します。
- 3
表示された結果を確認し、必要な場所へコピーして使います。
機能
即時結果
値を入力するとブラウザ内で結果がすぐに更新されます。
ブラウザ内処理
入力値はサーバーへアップロードせず、端末内で処理されます。
シンプルな入力
繰り返し使いやすい入力欄と見やすい結果を用意しています。
無料で利用
登録やインストールなしでそのまま使えます。
主な用途
- ›アクセント色が色覚条件で大きく変化するか確認します。
- ›ステータス色を決める前にパレット候補を比較します。
- ›色選択ワークフローに簡易アクセシビリティ確認を加えます。