楽天モバイルが「OPPO A3 5G」を一括1円で販売

【Chrome】ダークモードに切り替える方法(Windows・Mac・Android・iPhone対応)

Chromeでもダークモードが使える!PC(Windows/Mac)でもスマホ(iPhone/Android)でも黒基調のChromeが使える!


最終更新 [2021年4月18日]

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//


< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


Google謹製ブラウザ「Google Chome」で背景が黒基調のダークモードを利用する方法です。

Google Chomeダークモード

[更新]
最初はPC(Windows・Mac)に実装されたChromeのダークモードですが、iPhoneおよびAndroidでも利用できるようになっています。
またAndroid版では、表示するコンテンツの色まで反転させる強制的なダークモードも利用できます(chrome://flagsを使用)

様々なアプリやOSに登場されている「ダークモード」
背景が黒基調、文字カラーが白基調となり、目に優しい&バッテリー持ちがいいと言われているスタイリッシュなモードです。

このダークモードは、PC版・スマホ版のGoogle Chomeも対応しています。
Windows版でもMac版でもAndroid版でもiPhone版でも利用可能となっています。

好みもあると思いますが、黒基調の見やすい&カッコイイのでGoogle Chomeをダークモードにしてみたい!という人は↓で紹介している手順でやってみてください。

[目次]
■スマホ版のChrome
iPhone版での設定方法
Android版での設定方法

■PC版のChrome
Windows版のChromeでの設定方法
Mac版のChromeでの設定方法



【Chome】PCもスマホも対応!『ダークモード』を利用する方法

iPhone版での設定方法(要iOS 13以降)

iOS 13以降で使えるiOSのダークモードをオンにすることで利用可能
ChomeダークモードiPhone

iPhoneの設定 > 画面表示と明るさから外観のテーマを「ダーク」に変更します。
※iOS 13以降が必要となります。


ChomeダークモードiPhone

iOSのダークモードをオンにした状態でChromeを起動します。


ChomeダークモードiPhone

背景黒基調のダークモードでChromeが起動します。


ChomeダークモードiPhone

ちなみにググった時の検索画面などは←のようになります。

上下のバーは黒ですが、検索結果の画面が黒背景になるわけではありません。


Android版での設定方法

OSに従う、Chromeで設定、chrome://flagsから強制ダークモードに対応
Android Chromeダークモード

Android版のChromeは柔軟にダークモードを切り替えることができます。
OSの設定に従う、Chrome内の設定から切り替える、またはchrome://flagsのForce Dark Mode for Web Contentsの設定から強制的にダークモードに切り替える(表示されるWEBサイトの色がすべて反転)が利用できます。

Chromeの設定からテーマを選択して設定
Android Chromeダークモード

AndroidのChromeの設定 > テーマからモードを選択します。


システムのデフォルトを選択すると現在Androidの表示設定に従ってChromeも自動的にテーマが切り替わります(OSがダークモードならChromeもダークモードとなるという仕様です)

「明」は通常通りの白基調です。
「暗」はダークモードとなります。
「明」「暗」を選択した場合、Android OSで設定しているテーマに関係なくChromeはライト/ダークモードとして表示されるようになります。

ChomeダークモードAndroid

ここで設定したダークモードだとググった時の検索画面などは←のようになります。

上下のバーは黒ですが、検索結果の画面が黒背景になるわけではありません。


表示するWEBサイトの色も強制的に反転させたい場合は↓のchrome://flagsの「Force Dark Mode for Web Contents」という項目を設定することで利用できます。
※chrome://flagsは試験的機能なので、今後のChromeのアップデートによっては利用できなくなる可能性もあります。

chrome://flagsで強制的にダークモードを適用
Android Chromeダークモード Android Chromeダークモード

試験的機能であるchrome://flagsの「Force Dark Mode for Web Contents」を利用することで表示するコンテンツの色を強制的に反転させることもできます。

Android版Chromeのダークモードの設定方法の詳細は↓の別記事にまとめているのであわせてチェックしてみてください。

関連記事:【Android】Chromeをダークモードで利用する方法 – テーマの切り替え&chrome://flagsから強制的に完全ダークモードも設定できる



Windows版のChromeでの設定方法

Chromeバージョン74以降で利用可能
ChomeダークモードWindows

Windows版のChromeの場合、Chromeのバージョン74以降にアップデートする必要があります。
Chromeは基本的に自動アップデートですが、場合によっては最新版になってないということもあるので一度手動でバージョンを確認&古いバージョンだったら手動でアップデートしてからどうぞ。

関連記事:Google Chromeを最新版に手動アップデートする方法


Windowsをダークモードに設定⇒Chromeもダークモードに
Windows10ダークモード

Windows10をダークモードに切り替えます。
この状態でChromeを表示すると…

Windows10ダークモード Windows10ダークモード

Chromeの背景が黒基調のダークモードが起動します。

Windows10をダークモードに切り替える手順は↓の記事をチェックしてみてください。

関連記事:【windows10】外観を黒基調の「ダークモード」に変更する方法


Mac版のChromeでの設定方法

macOS Mojaveが必要
ChomeダークモードWindows

Mac版もWindows同様、OS自体をダークモードにすることでChromeをダークモードで表示することができます・
macOSのダークモードは、Mojaveからの新機能です。
macOSが古い場合にはMojave以降へのアップデートが必要となります。

アップデートOKという人は↓のApp Storeからどうぞ。
※サイズが超デカいのでご注意を。

リンク:macOS Mojave – Mac App Store


macOSをダークモードに設定⇒Chromeもダークモードに。
ChomeダークモードWindows

Macをダークモードに切り替えます。
ダークモードの状態でChromeの画面を表示すると…

ChomeダークモードWindows

背景が黒基調のダークモードが起動します。

Windows10をダークモードに切り替える手順は↓の記事をチェックしてみてください。

関連記事:【Mac】外観を黒基調の「ダークモード」に変更する方法


ChromeのダークモードはOSの状態に依存する

Chromeのみをダークモードで表示するということは今のところできない

Windows10ダークモード

このようにChromeのダークモードは、PC版(Windows9Mac)もスマホ版(iPhone/Android)もOSの設定に依存します。
Chromeだけをダークモードにする、ということは今のところできません。

ただTwitterやEvernoteのようにアプリ単体でダークモードを利用できるアプリもあるので、Chromeも今後のアップデート次第では、Chromeだけをダークモードに変更することもできるようになるかもしれません。

背景は黒基調が好き!という人は、↑の手順でChromeをダークモードに切り替えて利用してみてください。

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//



この【Chrome】ダークモードに切り替える方法(Windows・Mac・Android・iPhone対応)の最終更新日は2021年4月18日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

現在開催中の「おトク」なキャンペーン、セール

【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高をもらう方法 – 買い物不要&クーポンコードあり。実際に申込してみた

携帯電話

UQ mobileにSIMのみでのりかえ契約するなら絶対にコレ!買い物不要で20,000円分のau PAY残高が還元されるスペシャルクーポンを使ってみた

【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法

銀行

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中!「新規口座開設限定!サービス体験プログラム」にも参加して合計1,000円ゲット!

【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など

キャンペーン

Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう

【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法&対象機種まとめ – 機種のみ購入でもOK!

携帯電話

ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引!機種単体(白ロム)購入も対象。割引の条件、対象機種は?

【第4弾開始!!】ワイモバイル「10周年大感謝祭」まとめ – 誰でも参加OK!PayPay大還元、紹介、スマホ安売り、抽選会などで構成される大型キャンペーン開催!

キャンペーン

ワイモバイルが10周年を記念した大型キャンペーン~第4弾~を4月1日から開催!ワイモバを契約中の人もしてない人も参加できてPayPayが当たるなど特典多数!


開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

Appleギフトカードをおトクに購入する方法・キャンペーン【2025年11月】

キャンペーン

Appleのあらゆる製品やサービスの購入に使える「Appleギフトカード(Apple Gift Card)」をキャンペーンやセールでおトクにゲット!

【一括9,824円&2万円還元】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

キャンペーン

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。MNPなら一括9,824円&2万円キャッシュバック!

PlayStation Storeで楽天ペイ、メルペイが利用可能に

ニュース

PS Storeで楽天ペイとメルペイが使えるようになりました。楽天ポイントやメルカリポイントも利用可能。楽天ペイなら金額に応じて楽天ポイントも貯まる!

ソフトバンクが「motorola edge 50s pro」にAndroid 16のOSアップデートの提供を開始

ニュース

2025年11月13日にソフトバンクが「motorola edge 50s pro」に対してAndroid 16のOSアップデートを配信。

ソフトバンクが「Galaxy A25 5G」にAndroid 16のOSアップデートの提供を開始

ニュース

2025年11月11日にソフトバンクが「Galaxy A25 5G」に対してAndroid 16のOSアップデートを配信。


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【マジ便利】LINEで自分一人の『ぼっちグループ』の作り方、有効活用方法 – LINEが自分専用のメモ&クラウドストレージみたいになって超便利

「ぼっち」といっても寂しい訳じゃないんです。LINEは一人でも有効活用できるという小ワザ。もちろん無料


【保存版】ネットフリックスの隠しカテゴリの裏コード&リンクまとめ – NETFLIXで動画をより詳細なジャンルで探す方法

NETFLIXにはトップページなどには表示されていない、より詳細なカテゴリ、ジャンルページがたくさんある!


【オータムセール!!】「PlayStation 5 / デジタル・エディション」をおトクに購入する方法 – 新旧モデルのスペックなどの違い、販売ショップ&キャンペーンまとめ

Amazonや楽天ブックス、家電量販店などでPlayStation 5 デジタル・エディション(CFI-2000B01)が期間限定10,000円オフ!


AmazonでPayPayで支払いする方法 – 初期セットアップと利用条件、使用できる残高/ポイント、キャンペーンなどまとめ

ついにAmazonでPayPayで支払いができるようになった!PayPay残高とポイントのみ利用可能で最初のみ初期設定が必要


【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高をもらう方法 – 買い物不要&クーポンコードあり。実際に申込してみた

UQ mobileにSIMのみでのりかえ契約するなら絶対にコレ!買い物不要で20,000円分のau PAY残高が還元されるスペシャルクーポンを使ってみた



注目の記事をぜんぶ見る


最新記事&ニュース

Appleギフトカードをおトクに購入する方法・キャンペーン【2025年11月】

Appleのあらゆる製品やサービスの購入に使える「Appleギフトカード(Apple Gift Card)」をキャンペーンやセールでおトクにゲット!


【一括9,824円&2万円還元】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。MNPなら一括9,824円&2万円キャッシュバック!


PlayStation Storeで楽天ペイ、メルペイが利用可能に

PS Storeで楽天ペイとメルペイが使えるようになりました。楽天ポイントやメルカリポイントも利用可能。楽天ペイなら金額に応じて楽天ポイントも貯まる!


ソフトバンクが「motorola edge 50s pro」にAndroid 16のOSアップデートの提供を開始

2025年11月13日にソフトバンクが「motorola edge 50s pro」に対してAndroid 16のOSアップデートを配信。


ソフトバンクが「Galaxy A25 5G」にAndroid 16のOSアップデートの提供を開始

2025年11月11日にソフトバンクが「Galaxy A25 5G」に対してAndroid 16のOSアップデートを配信。



最新記事をもっとチェック


usedoorをフォロー


現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

【楽天モバイル】スマホ料金チェック⇒回線契約で最大9,000ポイントがもらえるキャンペーン開催。診断だけで100ポイントも!特典、条件などまとめ

楽天モバイルがスマホ料金チェックを行ってから回線を契約するとのりかえで9,000ポイント、新規契約で5,000ポイントをプレゼントするキャンペーンを毎月開催


【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中!「新規口座開設限定!サービス体験プログラム」にも参加して合計1,000円ゲット!


【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高をもらう方法 – 買い物不要&クーポンコードあり。実際に申込してみた

UQ mobileにSIMのみでのりかえ契約するなら絶対にコレ!買い物不要で20,000円分のau PAY残高が還元されるスペシャルクーポンを使ってみた


【割引クーポンあり】Dropbox Plus(有料版)をおトクに購入する方法 – ソースネクストの3年以上複数年版がコスパよし!最安値保証&返金あり

公式は値上げ…Dropbox Plus(有料版)を安く利用したいならソースネクストの3年版が超お買い得!期間限定割引や限定割引クーポンなどまとめ


【招待コードあり】エアウォレットの友だち招待キャンペーンで最大1,000円分のCOIN+残高をゲットする方法 – 適用条件や招待コードの発行/確認手順など

AirWALLETを始めるなら友だち招待キャンペーンで招待コード(紹介コード)を入力しての利用開始がおトク!2025年12月8日まで最大1,000円分のCOIN+残高がもらえる。



開催中のキャンペーンをぜんぶ見る