その 配色、みんな に 伝わる?

画像 を 読み込む と、 原画 と 並べて 1型 (P型・赤 を 感じにくい) / 2型 (D型・緑) / 3型 (T型・青) の 見え方 を 同時 に 表示。 自分 の 作った 資料 や 配色 が、 色覚特性 を 持つ 人 に どう 映る か を その場 で 比べられる。

選んだ 型 の 人 が 色 を 区別 しやすく なる よう、 失われる 色差 (主に 赤緑) を 別 の チャンネル へ 配分 し直して 配色 を 補正 する。 補正後 の 画像 を、 さらに その 型 で シミュレート した もの も 並べる ので、 「補正 で 区別 しやすく なった か」 を 確認 できる。

赤 と 緑、 オレンジ と 黄緑 の よう に 区別 しにくく なりがち な 組み合わせ を、 グラフ ・ 路線図 ・ 地図 ・ スライド で 使って いない か を チェック できる。 サンプル の 折れ線 グラフ ・ 原色 ブロック ・ 色相帯 も 用意。

色 の 変換 は 3×3 の 行列 計算 で 行い、 アップ した 画像 は あなた の ブラウザ の 中 だけ で 処理 する (サーバー に 送ら ない)。 補正後 の 画像 は PNG で 保存 でき、 資料 に 差し替える のに 使える。 ※ 色覚 は 個人差 が 大きく、 これ は 一般的 モデル に よる 近似。