翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# Amazon WorkSpaces アプリケーションのカラーテーマパレット
<a name="branding-color-themes"></a>

カラーテーマを選択すると、そのテーマの色がストリーミングアプリケーションカタログページのウェブサイトのリンク、テキスト、ボタンに適用されます。この色は、ストリーミングアプリケーションカタログページの背景のアクセントとしても適用されます。カラーテーマパレットの各色について、16 進値も記載します。

**Topics**
+ [赤](#color-theme-red)
+ [水色](#color-theme-lightblue)
+ [ブルー](#color-theme-blue)
+ [ピンク](#color-theme-pink)

## 赤
<a name="color-theme-red"></a>

赤のカラーテーマを選択した場合、次の色が適用されます。

![\[red icon (#d51900)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-d51900.png)    **赤 (\$1d51900)** – ボタンとウェブサイトリンクに使用されます。

![\[white icon (#faf9f7)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-faf9f7.png)    **白 (\$1faf9f7)** – 背景のアクセントとして使用されます。

![\[dark grey icon (#404040)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-404040.png)    **ダークグレー (\$1404040)** – 本文と進行状況を表すスピナーに使用されます。

赤のカラーテーマを選択すると、ストリーミングアプリケーションカタログページのウェブサイトのリンク、本文、背景アクセントは次のように表示されます。

![\[アプリケーションカタログページに適用される赤のカラーテーマ\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/Red-AppCatalogPage2.png)


## 水色
<a name="color-theme-lightblue"></a>

水色のカラーテーマを選択した場合、次の色が適用されます。

![\[light blue icon (#1d83c2)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-1D83C2.png)    **水色 (\$11d83c2)** – ボタンとウェブサイトリンクに使用されます。

![\[white icon (#f6f6f6)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/colore-theme-f6f6f6.png)    **白 (\$1f6f6f6)** – 背景のアクセントとして使用されます。

![\[dark grey icon (#333333)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-333333.png)    **ダークグレー (\$1333333)** – 本文と進行状況を表すスピナーに使用されます。

水色のカラーテーマを選択すると、ストリーミングアプリケーションカタログページのウェブサイトのリンク、本文、背景アクセントは次のように表示されます。

![\[アプリケーションカタログページに適用された水色のカラーテーマ\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/LightBlue-AppCatalogPage2.png)


## ブルー
<a name="color-theme-blue"></a>

青のカラーテーマを選択した場合、次の色が適用されます。

![\[blue icon (#0070ba)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-0070ba.png)    **青 (\$10070ba)** – ウェブサイトリンクに使用されます。

![\[white icon (#ffffff)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-ffffff.png)    **白 (\$1ffffff)** – 背景のアクセントとして使用されます。

![\[light green icon (#8ac53e)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-8ac53e.png)    **薄緑 (\$18ac53e)** – ボタンに使用されます。

![\[grey icon (#666666)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-666666.png)    **グレー (\$1666666)** – 本文と進行状況を表すスピナーに使用されます。

青のカラーテーマを選択すると、ストリーミングアプリケーションカタログページのウェブサイトのリンク、本文、背景アクセントは次のように表示されます。

![\[アプリケーションカタログページに適用される青のカラーテーマ\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/Blue-AppCatalogPage2.png)


## ピンク
<a name="color-theme-pink"></a>

ピンクのカラーテーマを選択した場合、次の色が適用されます。

![\[pink icon (#ec0069)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-ec0069.png)    **ピンク (\$1ec0069)** – ウェブサイトリンクに使用されます。

![\[white icon (#ffffff)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-ffffff.png)    **白 (\$1ffffff)** – 背景のアクセントとして使用されます。

![\[blue icon (#3159a2)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-3159A2.png)    **青 (\$13159a2)** – ボタンに使用されます。

![\[dark grey icon (#333333)\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/color-theme-333333.png)    **ダークグレー (\$1333333)** – 本文と進行状況を表すスピナーに使用されます。

ピンクのカラーテーマを選択すると、ストリーミングアプリケーションカタログページのウェブサイトのリンク、本文、背景アクセントは次のように表示されます。

![\[アプリケーションカタログページに適用されるピンクのカラーテーマ\]](http://docs.aws.amazon.com/ja_jp/appstream2/latest/developerguide/images/Pink-AppCatalogPage.png)