YouTubeダークモードの設定方法と正確なカラーコード
ダークモードはどのデバイスでも3クリックで設定できます。パソコン、Android、iPhone、テレビでの手順は下にまとめています。YouTubeが実際に使っている色(テーマや壁紙、デザイン用)が知りたい場合は、表にまとめています。プレイヤー自体の色を変えたい場合は、無料の拡張機能があります。
パソコンでダークモードをオンにする方法
- Open youtube.com and click your プロフィール画像 in the top-right corner. Not signed in? Click the three-dot menu in the same corner instead.
- Choose 外観.
- Pick ダークテーマ. デバイスのテーマを使用 makes YouTube follow your Windows, macOS or ChromeOS setting instead.
この設定はそのブラウザに保存され、ログイン中はアカウントにも適用されます。ホーム、再生ページ、検索、Studioなど全ページに反映されます。
アプリでダークモードをオンにする(Android・iPhone)
- Tap your プロフィール画像 at the bottom right (or top right on older versions).
- Tap the 歯車 for Settings, then 全般.
- Tap 外観 and choose ダークテーマ - or デバイスのテーマを使用 to follow the phone's setting.
テレビやゲーム機では、YouTubeはダークのみ対応しており、切り替えスイッチはありません。
YouTubeダークテーマのカラーコード一覧
これは2026年時点のYouTubeデスクトップ版ダークテーマの色です(2022年のリニューアルで#181818から#0F0F0Fに変更)。壁紙やDiscordテーマ、デザインの参考に便利です。
| 要素 | Hex | RGB | スウォッチ |
|---|---|---|---|
| ページ背景 | #0F0F0F | 15, 15, 15 | |
| サイドバー・カード・ダイアログ | #212121 | 33, 33, 33 | |
| ホバー・浮き出し面 | #272727 | 39, 39, 39 | |
| チップ・セカンダリーボタン | #3F3F3F | 63, 63, 63 | |
| メインテキスト | #F1F1F1 | 241, 241, 241 | |
| サブテキスト | #AAAAAA | 170, 170, 170 | |
| リンク・アクティブ要素 | #3EA6FF | 62, 166, 255 | |
| YouTubeレッド(ロゴ・プログレスバー) | #FF0000 | 255, 0, 0 | |
| 旧ダーク背景(2017-2022) | #181818 | 24, 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ダークモードのカラーコードは?
ページ背景は#0F0F0F、サイドバーやカードなどの浮き上がった部分は#212121と#272727、メインテキストは#F1F1F1、サブテキストは#AAAAAA、リンクやアクティブ状態は#3EA6FFです。YouTubeレッドは#FF0000のままです。
パソコンでYouTubeのダークモードをオンにする方法は?
右上のプロフィール画像をクリックし、外観からダークテーマを選択します。サイト全体に適用され、そのブラウザで記憶されます。
YouTubeアプリでダークモードをオンにする方法は?
AndroidとiPhone:プロフィール画像 → 設定 → 全般 → 外観 → ダークテーマ。どちらも端末のテーマを使用を選ぶと、YouTubeがスマホの設定に合わせて切り替わります。
プレイヤー自体もダークや他の色にできますか?
標準のテーマはライトとダークの切り替えのみです。プレイヤー(ボタンやプログレスバー、色)を変えたい場合は拡張機能が必要です。Skins for YouTube playerは、29種類のダークを含む120以上のスキンが使える無料拡張機能です。
YouTubeが勝手にライトに戻るのはなぜ?
端末のテーマを使用が選ばれていて、システムが昼間にライトに切り替わるためです。端末ではなくダークテーマを明示的に選び、アカウントにサインインしていれば設定が引き継がれます。
YouTubeダークモードのショートカットキーはありますか?
ありません。YouTubeにはテーマ用のショートカットはなく、プロフィールメニューから3クリック必要です。もしくはサイトを常にダークに保つ拡張機能を使いましょう。