去年にアップデートされた Chorome 83 以降、拡張やアプリなどを導入することなく、DevTools で簡単にシミュレートすることが可能になっています。 手順 DevTools のメニューを開きます。 More tools から Rendering を選択します。 あとは Emulate vision deficiencies で選択するだけです。 シミュレーションできる種類 実際に DevelopersIO のロゴがどう見えるのか、それぞれの選択肢でどうみえるようになるのか確認してみました。 選択肢名 サンプル画像
![色覚多様性(色覚異常)の見え方を Chrome DevTools でシミュレーションする | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/bedd873f740a5571b2a127355297e65d6e96d163/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Fgoogle-chrome-eyecatch.jpg)