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

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

ダークモードはどのデバイスでも3クリックで設定できます。パソコン、Android、iPhone、テレビでの手順は下にまとめています。YouTubeが実際に使っている色(テーマや壁紙、デザイン用)が知りたい場合は、表にまとめています。プレイヤー自体の色を変えたい場合は、無料の拡張機能があります。

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

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

  1. Open youtube.com and click your プロフィール画像 in the top-right corner. Not signed in? Click the three-dot menu in the same corner instead.
  2. Choose 外観.
  3. Pick ダークテーマ. デバイスのテーマを使用 makes YouTube follow your Windows, macOS or ChromeOS setting instead.

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

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

  1. Tap your プロフィール画像 at the bottom right (or top right on older versions).
  2. Tap the 歯車 for Settings, then 全般.
  3. Tap 外観 and choose ダークテーマ - or デバイスのテーマを使用 to follow the phone's setting.

テレビやゲーム機では、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

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

Dark mode changes the page around the video, not the player: the play button, the progress bar, the volume slider and the settings icons stay the same white-on-grey set. Skins for YouTube player is a free Chrome extension that replaces that set. There are 29 dark skins - matte black, neon on black, glowing purple - plus glow and purple sets that were drawn for dark mode. Pick one on the site, press 追加, and the player changes on every video; the same extension can also turn the lights off around the video (cinema mode) and keep the progress bar always visible.

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

よくある質問

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

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

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

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

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

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

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

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

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

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

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

ありません。YouTubeにはテーマ用のショートカットはなく、プロフィールメニューから3クリック必要です。もしくはサイトを常にダークに保つ拡張機能を使いましょう。