N's Webtools
0
ホーム

開発者向け

色覚シミュレーター

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

パレットチェック

使い方

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

  • 8種類の色覚タイプでの見え方をシミュレーション
  • WCAG AA基準のコントラスト比チェック
  • 複数色パレットの識別性テスト
  • リアルタイムプレビュー
  • カラーコード(HEX)での指定に対応

こんなときに使おう

  • 色覚多様性に配慮したUI配色を設計するとき
  • グラフ・地図の配色パレットを検証するとき
  • 文字色と背景色のコントラストがWCAG基準を満たすか確認するとき
  • プレゼン資料の色分けが誰にでも伝わるか確かめたいとき

シェア

関連ツール