YouTubeスキンは気に入りましたか?
レビューが増えるほど、スキンも増えます!
もちろん! 今はしない
今後表示しない
スキン
ガイド · 2026年9月更新

YouTubeダークモードの設定方法と正確なカラーコード

ダークモードはどのデバイスでも3クリックで切り替えられます。パソコン、Android、iPhone、テレビの手順は下にまとめています。YouTubeが使っている実際の色が知りたい場合は、表にまとめています。常にダークモードにしたい、本当に真っ黒(OLED向け)にしたい、またはプレイヤー自体も変えたい場合は、無料の拡張機能があります。

YouTube in dark mode: near-black page, dark grey sidebar, light text and a blue link

パソコンでダークモードをオンにする方法

  1. youtube.comを開き、右上のプロフィール画像をクリックします。ログインしていない場合は、同じ場所の三点メニューをクリックしてください。
  2. 外観を選択します。
  3. ダークテーマを選びます。デバイスのテーマを使用にすると、YouTubeがWindows、macOS、ChromeOSの設定に従います。

この設定はそのブラウザに保存され、ログイン中はアカウントにも適用されます。ホーム、再生ページ、検索、Studioなど全ページに反映されます。

アプリでダークモードをオンにする(Android・iPhone)

  1. 右下(または古いバージョンでは右上)のプロフィール画像をタップします。
  2. 設定の歯車をタップし、全般を選びます。
  3. 外観をタップしてダークテーマを選択、またはデバイスのテーマを使用でスマホの設定に従わせます。

テレビやゲーム機では、YouTubeはダークのみ対応しており、切り替えスイッチはありません。

YouTubeダークテーマのカラーコード一覧

これは2026年時点のYouTubeデスクトップ版ダークテーマの色です(2022年のリニューアルで#181818から#0F0F0Fに変更)。壁紙やDiscordテーマ、デザインの参考に便利です。

要素HexRGBスウォッチ
ページ背景#0F0F0F15, 15, 15
サイドバー・カード・ダイアログ#21212133, 33, 33
ホバー・浮き出し面#27272739, 39, 39
チップ・セカンダリーボタン#3F3F3F63, 63, 63
メインテキスト#F1F1F1241, 241, 241
サブテキスト#AAAAAA170, 170, 170
リンク・アクティブ要素#3EA6FF62, 166, 255
YouTubeレッド(ロゴ・プログレスバー)#FF0000255, 0, 0
旧ダーク背景(2017-2022)#18181824, 24, 24

ワンタッチで常にダーク、本物の黒もOK

YouTubeの設定はブラウザ・デバイスごとで、デバイスのテーマを使用だと毎朝ライトに戻ります。Skins for YouTube player(無料のChrome拡張機能)なら、ポップアップのダークテーマスイッチで全てのYouTubeページを常にダークにできます(YouTube標準のテーマがずっとオン)。さらに本物の黒スイッチで、ダークグレー#0F0F0Fを完全な#000000に変更:ページ、サイドバー、検索バー、メニューも真っ黒に。OLED画面なら黒いピクセルは消灯するので、より深い黒になり、ノートPCのバッテリーも長持ちします。

ダークテーマYouTubeのダークな外観を全ページで、常にオンにします。
本物の黒#0F0F0Fの代わりに完全な#000背景。OLEDや夜更かしに最適です。
フル音量おまけ:YouTubeは実は大音量動画をこっそり下げています。拡張機能の音量最適化スイッチで100%が本当に100%になります。
ワンタッチで常にダーク、本物の黒もOK無料拡張機能 · 120種類以上のスキン · Chromebook対応
拡張機能を入れる - 無料です

プレイヤーをダークや好きな色に変えるならスキンで

ダークモードは動画周りのページだけを変え、プレイヤー自体(再生ボタン、プログレスバー、音量スライダー、設定アイコン)は白×グレーのままです。Skins for YouTube playerならそのセットも置き換えられます。29種類のダークスキン(マットブラック、ネオンブラック、パープルグローなど)や、グロー・パープル系もダークモード向けに描かれています。サイトで好きなものを選んで追加を押すだけで、全動画のプレイヤーが変わります。同じ拡張機能でシネマモード(ライトオフ)やプログレスバー常時表示もできます。

YouTubeプレイヤー用ダークスキン無料拡張機能 · 120種類以上のスキン · Chromebook対応
ダークスキンを見る

よくある質問

YouTubeダークモードのカラーコードは?

ページ背景は#0F0F0F、サイドバーやカードなどの浮き上がった部分は#212121と#272727、メインテキストは#F1F1F1、サブテキストは#AAAAAA、リンクやアクティブ状態は#3EA6FFです。YouTubeレッドは#FF0000のままです。

パソコンでYouTubeのダークモードをオンにする方法は?

右上のプロフィール画像をクリックし、外観からダークテーマを選択します。サイト全体に適用され、そのブラウザで記憶されます。

YouTubeアプリでダークモードをオンにする方法は?

AndroidとiPhone:プロフィール画像 → 設定 → 全般 → 外観 → ダークテーマ。どちらも端末のテーマを使用を選ぶと、YouTubeがスマホの設定に合わせて切り替わります。

プレイヤー自体もダークや他の色にできますか?

標準のテーマはライトとダークの切り替えのみです。プレイヤー(ボタンやプログレスバー、色)を変えたい場合は拡張機能が必要です。Skins for YouTube playerは、29種類のダークを含む120以上のスキンが使える無料拡張機能です。

YouTubeが勝手にライトに戻るのはなぜ?

端末のテーマを使用が選ばれていて、システムが昼間にライトに切り替わるためです。端末ではなくダークテーマを明示的に選び、アカウントにサインインしていれば設定が引き継がれます。

YouTubeダークモードのショートカットキーはありますか?

いいえ。YouTubeにはテーマ用のショートカットはありません。プロフィールメニューから3回クリックする必要がありますが、「Skins for YouTube player」のダークテーマスイッチを使えば、常にサイトをダークモードにできます。

YouTubeに本物の黒(OLED)モードはある?

標準ではありません - YouTubeのダークテーマはダークグレー(#0F0F0F)です。Skins for YouTube player(無料のChrome拡張機能)なら、本物の黒スイッチでページ・サイドバー・メニューを完全な#000000にできます。