デザイン案のバリアフリー配色チェック
画面キャプチャを3タイプの色覚の近似行列に通し、赤と緑の情報が区別できるかを確かめます。
Guide
色覚ページには「チャレンジ」と「シミュレーター」の2つがあります。チャレンジは全16問で、赤緑系と青黄系が8問ずつ。図柄はプログラムが Canvas 上でローカルに生成します。シミュレーターはアップロードした画像を読み込み、長辺を720px以下に縮小したうえで、3タイプの色覚に対応する RGB 近似行列をそれぞれ適用し、元画像とあわせて PNG で出力します。
更新日 2026-09-271 min read
画像シミュレーションではアップロードは行われません。元画像はまず Canvas に描画され、その後でピクセル行列を変換します。出力にはローカルの data: PNG を使います。
画面キャプチャを3タイプの色覚の近似行列に通し、赤と緑の情報が区別できるかを確かめます。
同じ画像で元画像とシミュレーション結果を切り替え、色の見え方の差を体感できます。
16問の赤緑・青黄の図を正答率別に集計でき、啓発デモに向いています。
いいえ。標準的な条件での検査は眼科で受けてください。
テストの回答とアップロード画像はブラウザ内だけで処理され、サーバーには送信されません。医療に関する判断は専門の検査を基準にしてください。
更新日 2026-09-27
生成する色覚テスト画像+3種類の色覚型の見え方を画像でシミュレーション(娯楽目的)
このツールの翻訳は未完了です。一部は原文または代替言語で表示されます。
全 16 問。赤緑系と青黄系の混同色が各 8 問です。各画像はランダムに生成され、点の中に 2 桁の数字が隠れています。見えた数字を選んでください。
推奨:画面の明るさを 70% 以上にし、目に優しいモード / 夜間モードをオフにして、画面から約 60cm 離れてください。