【iPhone・iPad】Webページを暗くするポルンのナイトモード

【iPhone・iPad】Webページを暗くするポルンのナイトモード

こんにちは、ポルンの中の人です! 今日は、ポルンに搭載している「ナイトモード」を紹介します。

夜にWebページを開くと、画面の明るさを下げても白い背景がまぶしいことがありますよね。 そんなときに使ってほしいのが、Webページの背景や文字の色を暗い表示に変えるナイトモードです。

ただ、まだ実験的な機能なので、どのサイトでもきれいに表示できるわけではありません。 実際に切り替えた画像を見ながら、使い方と、少し苦手なところもお伝えします。

iPhoneをダークモードにしても、ページが白いのはなぜ?

Appleが案内しているダークモードは、iPhoneやiPadのシステム画面と、対応しているアプリの外観を暗くする機能です。

Webページの色まで変わるかどうかは、サイトやブラウザの対応次第。 端末をダークモードにしても、白いままのページがあるのはそのためです。

ほかのブラウザではどう案内されているのかも調べてみました。 下の表は、2026年8月9日に各社の公式案内を確認したものです。

方法暗くなる範囲
iPhone・iPadのダークモードシステム画面と対応アプリが中心です。Webページの配色はサイトやブラウザの対応によります。
Safariリーダー表示を利用できるページでは、記事を読みやすい表示へ切り替えられます。すべてのWebページを強制的に暗くする設定ではありません。
ChromeiPhone・iPadをダークモードにすると、Chromeのホームページ、ツールバー、設定などが暗くなると案内されています。すべてのWebページを暗くするとは案内されていません。
Firefox「ウェブサイトのダークモード」を、ブラウザ本体のテーマとは別に切り替えられます。
ポルンWebページの明るい背景や文字色を、ブラウザ側で暗い表示へ変換します。

ナイトモードを使ってみる

ポルンでは、ブラウザ側でWebページの背景色や文字色を変換します。 変わるのはWebページの表示で、ポルンの設定画面や他のアプリの外観はそのままです。

利用できるのは、プレミアムプランに加入している方と、新規インストール後のフルアクセス期間中の方です。

設定は「ブラウジング」から

  1. ポルンのスタートページで「設定」を開きます。
  2. 「ブラウジング」を開きます。
  3. 画面を下へスクロールします。
  4. 「実験的機能」の「ナイトモード」を有効にします。

ブラウジング設定にあるナイトモード

開いているページには、設定を変えたあとの再読み込みで反映されます。

ページを見ながら切り替えるなら、画面右下の「…」にあるクイックメニューからも操作できます。 「ナイトモード」を探してみてください。 なお、この設定は他のタブにも共通です。 今見ているサイトだけの設定にはならないので、その点はご注意ください。

ONにすると、こんなふうに変わります

まずは、はてなブックマークのテクノロジー人気エントリーを開いてみました。 白い背景に見出しや紹介文が並ぶページです。

今回の画像は、iPhone 17 Pro(iOS 26.5)のSimulatorで、同じページをOFFとONにして撮影しています。

ナイトモードOFFナイトモードON
はてなブックマークのナイトモードOFFはてなブックマークのナイトモードON

白かった背景が暗くなり、見出しや紹介文は明るい文字色に変わりました。 右側のサムネイルは元の色のままです。

続いて、ポルン公式ブログの記事一覧でも試してみます。

ナイトモードOFFナイトモードON
ポルン公式ブログのナイトモードOFFポルン公式ブログのナイトモードON

こちらも背景と文字色が変わり、記事画像の色は保たれています。 ただ、上にある黒いロゴは、暗い背景に埋もれてしまいました。

こういうところは、まだナイトモードが苦手としている部分です。 画像やロゴの作り方によっては、背景との区別がつきにくくなってしまいます。

写真や動画の色はどうなる?

ページを暗くしても、写真や動画の色まで反転してしまうと困りますよね。 ナイトモードでは、画像や動画そのものを単純に色反転させないようにしています。

今回試した記事の画像は元の色を保ち、YouTubeの公開動画も、切り替え後に映像を反転せず再生できました。 ただし、切り替えるとページが再読み込みされます。 動画の再生位置や再生状態がそのまま維持されるとは限らないので、視聴中の切り替えには気をつけてください。

また、背景画像やロゴ、動画プレーヤーの操作ボタンなどは、サイトの作りによって見え方が変わることがあります。

もともと暗いサイトでも試してみました

こちらは、もともと暗い配色のDark Reader公式サイトです。

ナイトモードOFFナイトモードON
暗いサイトのナイトモードOFF暗いサイトのナイトモードON

背景は暗いままで、本文も読めています。 ところが、上部の画像はさらに暗くなってしまいました。

すでに暗いサイトなら何も変わらない、というわけでもないんですね。

見えにくくなったら、いったんOFFに

サイトごとに色やページの作りが違うので、まだうまく表示できない場合があります。 特に、次のようなページでは文字やボタンが見えにくくなることがあります。

  • 背景と一体になった黒いロゴを使っているページ
  • 独自の動画プレーヤーや重なり合うメニューを使っているページ
  • 別サイトの内容を埋め込んでいるページ
  • 表示内容を頻繁に書き換えるページ

「文字が読みにくい」「ボタンが見つからない」と感じたら、画面右下の「…」からクイックメニューを開き、ナイトモードをOFFにしてみてください。 ページが再読み込みされ、元の配色に戻ります。

白いページがまぶしい夜に

まだ得意なページと苦手なページがある機能ですが、夜のブラウジングで白い背景が気になったら、ぜひ試してみてください。 見やすくなるページではONに、色が気になるときはOFFに。 そんなふうに、読むページに合わせて使ってもらえたらうれしいです!

App Storeでポルンを開く