Google Chromeの背景をサイドバーで設定する方法|色・画像・ショートカットで変更

Google Chromeのスタート画面の背景をサイドバーで変更する方法をMacでご紹介します。デフォルトの色や画像でカスタマイズしたり、お気に入りのWebページにその場でアクセスできるショートカットも設定できます。

設定した背景は同じアカウントでログインしているMac内のChromeで同期されます。

Chromeの背景を色で設定する

デフォルトの色を選択したり、お好みの色をカスタマイズできます。

画面内からサイドバーを表示
ツールバーからの設定と15色
23色を表示
  1. MacでChromeを起動する
  2. コマンドキー+「T」を押す、またはタブバーの一番右にある「+」をクリック
  3. 画面右下のペンアイコン/「Chromeをカスタマイズ」をクリック、またはアドレスバーの右にあるサイドバーアイコンをクリック「リーディングリスト」→「Chromeをカスタマイズ」をクリック
  4. 「テーマを変更」をクリック
  5. 「Chromeの色」をクリック
  6. カラーパレットから色を選択する
  7. サイドバー右上「X」をクリック、またはChromeのスタート画面右下のペンアイコン/「Chromeをカスタマイズ」をクリックしてサイドバーを閉じる

テーマ内では23色、うちサイドバーの最初の画面では15色で選択できます。バイカラーのダークトーンは非表示のタブ、ライトトーンはスタート画面および表示中のタブやツールバー、ブックマークバーに使用されます。

Chromeの設定画面(画面右上「︙」→「設定」→「Googleの設定」→「Chromeプロファイルをカスタマイズ」→「テーマカラーを選択」)でも23色で変更可能です。

設定した色はいずれの場所で同期し、15色の画面で利用できない色の場合はスポイトに表示されます。

色を指定して変更する

手動で色を調整するほか、RGBなどで指定もできます。

スポイト
スライダーでトーン調整
  1. サイドバーの色リストの右下にあるスポイトをクリック
  2. カラーウインドウ内のスポイト右にあるスライダーを右へドラッグしながらトーンを選ぶ
  3. 左下隅にあるサークルをカラーフィールドへドラッグして色を調整する
  4. 画面をクリックしてカラーウィンドウを閉じる

デフォルトではカラーウインドウにRGB(Red/Green/blue)が表示され、数値を指定して色調整が可能です。さらに右の矢印をクリックで、HSL(Hue:色相、Saturation:飽和度、Lightness:輝度)やHEX(16進数カラーコード)に切り替えて設定することもできます。

HSLで調整
カラーコードで調整

サークルの位置にある色と、指定した色の数値やコードはそれぞれ連動します。

カスタマイズした色はメニューバーに使用され、画面は自動的に同系色の明るめのトーンで調整されます(スポイトで抽出した場合も同様)。

スポイトで色を抽出する

画面上の色をスポイトで抽出しChromeの背景に設定します。

スポイトと色を抽出中のサークル(右)
  1. 同じ画面でスポイトで抽出したい色を用意する
  2. サイドバーの色リストの右下にあるスポイトをクリック
  3. カラーウインドウ内のスポイトをクリック
  4. サークルの中心にある小さな四角を抽出したい色に合わせてクリックする
  5. 画面をクリックしてカラーウインドウを閉じる

マークアップのスポイトと同じような操作で行います。

保存はできないので、再度使いたい場合はRGBなどの指定値やコードをメモしておくと良いでしょう。

Chromeの背景を画像で設定する

アーティストが作成した豊富な種類のデフォルト画像や、Finderの画像で背景を設定できます。

デフォルトの画像を設定する

画像のジャンル(上部)
画像のジャンル(下部)とChromeウェブストア
  1. MacでChromeを起動する
  2. コマンドキー+「T」を押す、またはタブバーの一番右にある「+」をクリック
  3. 画面右下のペンアイコン/「Chromeをカスタマイズ」をクリック、またはアドレスバーの右にあるサイドバーアイコンをクリック「リーディングリスト」→「Chromeをカスタマイズ」をクリック
  4. 「テーマを変更」をクリック
  5. デフォルトの画像のジャンルを選ぶ
  6. 画像を選択する
  7. サイドバー右上「X」をクリック、またはChromeのスタート画面右下のペンアイコンをクリックしてサイドバーを閉じる

サイドバーから利用できる画像のジャンルは13個あり、一番下の「Chromeウェブストア」ではさらに多くの種類の画像から選択できます。背景にしたい画像をクリック→「Chromeに追加」→「Chromeに追加済み」になると背景が変更されます。他のテーマの背景に変更後は、自動的にアンストールされます。

各ジャンルの上部にある「毎日更新する」をオンにすると、ジャンル内の画像がランダムに毎日自動変更されます。設定をすると、既存の画像が切り替わります。

Finderの画像で設定する

  1. MacでChromeを起動する
  2. コマンドキー+「T」を押す、またはタブバーの一番右にある「+」をクリック
  3. 画面右下のペンアイコン/「Chromeをカスタマイズ」をクリック、またはアドレスバーの右にあるサイドバーアイコンをクリック「リーディングリスト」→「Chromeをカスタマイズ」をクリック
  4. 「テーマを変更」をクリック
  5. 「画像をアップロード」をクリック
  6. 画像を選択する
  7. 「開く」をクリック
  8. サイドバー右上「X」をクリック、またはChromeのスタート画面右下のペンアイコンをクリックしてサイドバーを閉じる

縦横に関わらず、フルスクリーンになります。

解像度が高いほどクリアに表示できます。

タブ/ツールバー/ブックマークバーの色をカスタマイズする

画像の背景では、タブ、ツールバー、ブックマークバーの色を変更できます。

  1. MacでChromeを起動する
  2. コマンドキー+「T」を押す、またはタブバーの一番右にある「+」をクリック
  3. 画面右下のペンアイコン/「Chromeをカスタマイズ」をクリック、またはアドレスバーの右にあるサイドバーアイコンをクリック「リーディングリスト」→「Chromeをカスタマイズ」をクリック
  4. 色を選択する
  5. サイドバー右上「X」をクリック、またはChromeのスタート画面右下のペンアイコンをクリックしてサイドバーを閉じる

デフォルトでは選択した画像のトーンに合わせて自動的に設定され、カラーパレットの左上に表示。画像を変更するたびに切り替わり、直前の色はスポイトへ移動します。

カラーパレットからは15の単色やスポイトで色を抽出してカスタマイズ可能です。

色の設定のように同じトーンのバイカラーで表示されます。

Chromeの背景をデフォルトで設定する

デフォルトの背景は、「クラシックChrome」のテーマで設定します。

色から戻す場合
画像から戻す場合
設定画面から戻す場合
  1. MacでChromeを起動する
  2. コマンドキー+「T」を押す、またはタブバーの一番右にある「+」をクリック
  3. 画面右下のペンアイコン/「Chromeをカスタマイズ」をクリック、またはアドレスバーの右にあるサイドバーアイコンをクリック→「リーディングリスト」→「Chromeをカスタマイズ」をクリック
  4. (色から戻す場合)「テーマを変更」→「クラシックChrome」をクリック、(画像から戻す場合)「クラシックChromeにリセット」をクリック
  5. サイドバー右上「X」をクリック、またはChromeのスタート画面右下のペンアイコン/「Chromeをカスタマイズ」をクリックしてサイドバーを閉じる

「クラシックChrome」のテーマはサイドバーでは1種類のみなので、Chromeウェブストアの「ダークトーンのテーマ」や「ミニマリスト」から似たような背景を利用するのも良いでしょう。

デフォルトの背景への変更は設定画面からも可能です。画面右上「︙」→「設定」→「デザイン」→「テーマ」→「デフォルトに戻す」をクリックします。

Chromeの背景にショートカットを設定する

Chromeの背景には、Webページにすばやくアクセスできるショートカットを最大10個追加できます。

  1. MacでChromeを起動する
  2. コマンドキー+「T」を押す、またはタブバーの一番右にある「+」をクリック
  3. 画面右下のペンアイコン/「Chromeをカスタマイズ」をクリック、またはアドレスバーの右にあるサイドバーアイコンをクリック「リーディングリスト」→「Chromeをカスタマイズ」をクリック
  4. 「ショートカットを表示」をオンにする
  5. 「カスタムショートカット」または「よくアクセスするサイト」を選択
  6. サイドバー右上「X」をクリック、またはChromeのスタート画面右下のペンアイコン/「Chromeをカスタマイズ」をクリックしてサイドバーを閉じる

「カスタムショートカット」は自分が選択したWebページを追加できます。「よくアクセスするサイト」では、頻繁に訪問するWebサイトを自動的に表示します。

「カスタムショートカット」でWebページを追加するには、「+」をクリック→名称を入力→URLを入力→「完了」をクリックします。入力した内容を変更するには、削除するアイコンにポインタを置く→「︙」→「ショートカットの編集」→内容を編集する→「完了」をクリックします。ドラッグするとアイコンを並べ替えられます。

「カスタムショートカット」のアイコンを削除するには、削除するアイコンにポインタを置く→「︙」→「削除」をクリックしてください。「よくアクセスするサイト」では、削除するアイコンにポインタを置く→「X」をクリックします。

まとめ

Chromeではバラエティに富んだ背景を手軽に変更できます。新規タブを開くたびにお好みの背景でナビゲーションをスタート。ショートカットも追加しながらおしゃれな背景をカスタマイズしましょう。

ページ先頭へ ↑