- 公開日:
- 更新日:
Google Chromeのダークモードについて
Google Chromeのダークモードは、PCだけではなく、スマホでも使うことができます。
この記事では、デバイス別にGoogle Chromeをダークモードに変更する方法から解除する方法まで、詳しく説明します。
使いにくいと感じた際は、解除することもできますので、まずはダークモードがどのようなものか使ってみましょう。
Google Chromeのダークモードとは?
![Chromeのダークモード](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode56.png)
ダークモードとは、暗い(ダーク=dark)画面を表示させるモードのことで、Windowsなど各OSに対応しています。
ダークモードへ変更すると、グーグルクロームのツールバーや設定などのページが、上記のように暗い画面で表示されます。
また、スマホなどモバイルデバイスでは、「ダークテーマ」とも呼ばれています。
ダークモードまたはダークテーマを使用できるデバイスのOSは、以下のとおりとなります。
- Windows 10以降
- Mac OS 10.14 以降
- Android 5以降
- iOS 13以降
ダークモードに変更する
デバイス別(PC、スマホ)に、ダークモードに変更する方法をご紹介します。
PC(パソコン)
![設定を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode55.png)
Google Chromeをダークモードに変更するには、WindowsのOSの設定でダークモードを選択します。ここでは、Windows 10での手順をご紹介します。
①「スタート」アイコンをクリックし、②「設定」を選択します。ショートカットキー「Windows+I」でも設定画面を表示できます。
![個人用設定を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode4.png)
Windowsの設定画面が表示されますので、「個人用設定」を選択します。
![色を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode11.png)
個人用設定画面が表示されますので、「色」を選択します。
![∨をクリック](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode53.png)
「色を選択する」の「∨」をクリックします。
![ダークを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode5.png)
プルダウンメニューが開きますので、「ダーク」を選択します。
![✕をクリック](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode6.png)
ダークモードへ変更となりました。
右上の「✕(閉じる)」をクリックします。
![Googleと入力](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode7.png)
設定後にGoogle Chromeを開くと、ダークモードで起動します。
検索結果もダークモードで表示されるか、確認してみましょう。例として「Google」と入力し、検索します。
![設定アイコンをクリック](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode12.png)
「タブ」「アドレスバー」「ブックマークバー」はダークモードとなっていますが、背景はダークモードとなっていません。
背景もダークモードにするには、「設定」アイコンをクリックします。
![ダークモードを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode13.png)
クイック設定画面が表示されますので、下へスクロールし、「外観」の「ダークモード」を選択します。
![Playをクリック](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode14.png)
背景もダークモードに変更されました。
ただし、ダークモードに対応しているWebサイトはまだ少ないと言われています。検索後に選択したサイトがダークモード非対応の場合は、ダークモードで表示されません。
例として、「Play」をクリックします。
![ダークモード非対応のサイトの表示](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode15.png)
Webサイトがダークモード非対応の場合は、上記のように背景はダークモードでは表示されません。
スマホ
Android
![︙をタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode25.png)
Chromeアプリを開き、「︙(その他)」アイコンをタップします。
![設定を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode26.png)
「設定」を選択します。
![テーマを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode27.png)
下へスクロールし、「テーマ」を選択します。
![暗をタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode28.png)
「暗」をタップします。
![←をタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode29.png)
ダークモードに変更されました。
「←」をタップして戻ります。
![←をタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode30.png)
再度「←」をタップします。
![トップページの表示](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode31.png)
トップページがダークモードで表示されます。
![検索結果の表示](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode32.png)
ただし、「Google」と入力して検索結果を表示すると、背景はダークモードになっていません。
![ダークモード:オフをタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode33.png)
検索結果の背景もダークモードにするには、一番下までスクロールし、「ダークモード:オフ」をタップします。
![Google Driveを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode34.png)
背景もダークモードに変更されました。
ただし、検索後に選択したサイトがダークモード非対応の場合は、ダークモードで表示されません。
例として、「Google ドライブ(Google Drive)」を選択します。
![ダークモード非対応のサイトの表示](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode35.png)
Webサイトがダークモード非対応の場合は、上記のように背景はダークモードでは表示されません。
iPhone
![画面表示と明るさを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode16.png)
iPhoneのChromeアプリをダークモードにするには、iOSの設定で行います。そのため、Chromeアプリだけではなく、LINEなどの一部アプリもダークモードで表示されます。
設定アプリを開き、下へスクロールし、「画面表示と明るさ」を選択します。
![ダークをタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode17.png)
「ダーク」をタップします。
![ダークモードに変更](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode18.png)
ダークモードに変更されました。
![Chromeアプリで確認](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode20.png)
Chromeアプリを開いて確認すると、ダークモードで起動します。
![検索結果の表示](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode21.png)
ただし、「Google」と入力して検索結果を表示すると、背景はダークモードになっていません。
![ダークモード:オフをタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode22.png)
検索結果の背景もダークモードにするには、一番下までスクロールし、「ダークモード:オフ」をタップします。
![Playを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode23.png)
背景もダークモードに変更されました。
ただし、検索後に選択したサイトがダークモード非対応の場合は、ダークモードで表示されません。
例として、「Play」を選択します。
![ダークモード非対応のサイトの表示](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode24.png)
Webサイトがダークモード非対応の場合は、上記のように背景はダークモードでは表示されません。
ダークモードを解除する
デバイス別(PC、スマホ)に、ダークモードを解除する方法をご紹介します。
PC
![設定を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode3.png)
Windows 10でダークモードを解除する方法をご紹介します。
①「スタート」アイコンをクリックし、②「設定」を選択します。ショートカットキー「Windows+I」でも設定画面を表示できます。
![個人用設定を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode36.png)
Windowsの設定画面が表示されますので、「個人用設定」を選択します。
![色を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode37.png)
個人用設定画面が表示されますので、「色」を選択します。
![∨をクリック](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode54.png)
「色を選択する」の「∨」をクリックします。
![ライトを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode38.png)
プルダウンメニューが開きますので、「ライト」を選択します。
ダークモードが解除されました。
右上の「✕(閉じる)」をクリックします。
![Googleと入力](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode40.png)
確認のためGoogle Chromeを開くと、ダークモードが解除されています。
Googleのダークモードも解除するには、「Google」などと単語を入力して、検索結果を表示します。
![設定アイコンをクリック](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode41.png)
「設定」アイコンをクリックします。
![ライトモードを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode42.png)
クイック設定画面が表示されますので、下へスクロールし、「外観」の「ライトモード」または「デバイスのデフォルト」を選択します。
「デバイスのデフォルト」を選択すると、現在のデバイスのカラーパターンに合わせて、自動で調整されます。例として、「ライトモード」を選択します。
![Googleのダークモード解除](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode43.png)
Googleのダークモードが解除されました。
スマホ
Android
![︙アイコンをタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode44.png)
Chromeアプリを開き、「︙(その他)」アイコンをタップします。
![設定を選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode45.png)
「設定」を選択します。
![テーマを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode46.png)
下へスクロールし、「テーマ」を選択します。
![明をタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode47.png)
「明」をタップします。
![←をタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode48.png)
ダークモードが解除されました。
「←」をタップして戻ります。
![←をタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode49.png)
再度「←」をタップします。
![Googleと入力](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode50.png)
トップページのダークモードが解除されました。
Googleのダークモードも解除するには、「Google」などと単語を入力して、検索結果を表示します。
![ダークモード:オンをタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode51.png)
検索結果が表示されたら、一番下までスクロールし、「ダークモード:オン」をタップします。
![Googleのダークモード解除](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode52.png)
Googleのダークモードも解除されました。
iPhone
![画面表示と明るさを選択](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode57.png)
設定アプリを開き、下へスクロールし、「画面表示と明るさ」を選択します。
![ライトをタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode58.png)
「ライト」をタップします。
![ダークモード解除](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode59.png)
ダークモードが解除されました。
![単語を入力](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode60.png)
Chromeアプリを開いて確認すると、ダークモードが解除されています。
Googleのダークモードも解除するには、「Google」などと単語を入力して、検索結果を表示します。
![ダークモード:オンをタップ](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode61.png)
検索結果が表示されたら、一番下までスクロールし、「ダークモード:オン」をタップします。
![Googleのダークモード解除](https://g-tips.jp/wp-content/uploads/google-chrome-dark-mode62.png)
Googleのダークモードも解除されました。