N's Webtools
ホーム
👁️

色覚シミュレーター

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

パレットチェック

使い方

前景色と背景色を選択すると、8種類の色覚タイプでの見え方が表示されます。パレットチェッカーで複数色の区別しやすさも確認できます。

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

こんなときに使おう

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

シェア

関連ツール