N's Webtools
ホーム
👁️

色覚シミュレーター

色覚特性を持つ人にどのように色が見えるかシミュレート

パレットチェック

使い方

前景色と背景色を選ぶと、1型(P型)・2型(D型)・3型(T型)色覚や全色盲など8種類の色覚タイプでの見え方が並んで表示されます。同時にWCAG基準のコントラスト比も計算され、AA基準を満たすかどうかが確認できます。 パレットチェッカーでは複数の色を登録して、色覚タイプごとに「隣り合う色が区別できるか」をまとめて検証できます。グラフの配色やUIのステータス色など、色だけで情報を伝える場面のアクセシビリティ確認に役立ちます。

  • 8種類の色覚シミュレーション
  • コントラスト比(WCAG AA)チェック
  • パレットの識別性テスト
  • リアルタイムプレビュー

こんなときに使おう

  • アクセシブルなUIをデザインするとき
  • グラフの配色パレットを選ぶとき
  • 色覚多様性を考慮したコントラスト確認

シェア

関連ツール