🔍
選んだ色が 3 種類の色覚特性でどう見えるかを並べて確認できます。文章や画面を整える制作者が、公開前に内容や見え方を確認したいときに便利です。
選んだ色が 3 種類の色覚特性でどう見えるかを並べて確認できます。結果はブラウザーにすぐ表示され、入力内容はアップロードも保存もされません。
サンプルの色では、各プレビューで青い色調がどのように変わるかを確認します。2つのインターフェース要素が似すぎている場合は、別の色合いを選ぶか、視覚的な手がかりを追加できます。
入力
#2563EBプレビューはブラウザ内で生成されます。入力した色はデバイスから出ず、ページにも保存されません。複数の色合いを続けて比較できます。
このツールは3つの色覚欠陥を表示します。有用なプレビューになりますが、ほかの種類や程度の色覚異常は対象外です。
シミュレーションは一度に1つの色で動作します。パレットの場合は、重要な色合い、特に意味を伝えたり状態を示したりする色を個別にテストしてください。
いいえ、危険な組み合わせに気づく助けになるだけです。デザインを適切に検証するには、コントラスト確認、ラベル、形、関係する人々からのフィードバックを組み合わせてください。