# チャットボットのデザイン設定 - サイト: SHELP - カテゴリ: デザイン - URL: https://shelp.jp/help/shelp-manual/chatbot-colors - サービスサイト: https://shelp.jp - 最終更新: 2026/06/10 14:27:25 > チャットボットの配色やアイコンを設定できます。FAQページとは別に調整できます。これによりサービスの特徴に沿ったデザインのチャットボットにすることができ、一部アニメーションもついているため、おしゃれな印象のチャットボットにすることができます。 > > チャットボットの回答精度や例文のタイトルや例文の設定は「[チャットボット設定](https://shelp.jp/help/shelp-manual/chatbot-settings)」をご確認ください。 ![Screenshot from 2026-06-10 14-19-31](https://cdn.shelp.jp/01KTKA20PWNNXVQZ8Z5QQ4GVHP/contents/01KTQZBR64ZJMRMC3M236M7P5N/6a28f3e9b96d3.jpg "Screenshot from 2026-06-10 14-19-31") --- ## 設定項目 ### アイコン チャットボットのアイコンを設定できます。アニメーションがついたアイコンもあるため、選択し動きや見た目を確認して設定してください。お望みのアイコンがない場合はサポートよりご連絡ください。 ![Screenshot from 2026-06-10 14-21-09](https://cdn.shelp.jp/01KTKA20PWNNXVQZ8Z5QQ4GVHP/contents/01KTQZBR64ZJMRMC3M236M7P5N/6a28f44844faa.jpg "Screenshot from 2026-06-10 14-21-09") --- ### ベースカラー チャットボットの背景色などのベースとなる色の変更が可能です。ダークモードライクなチャットボットにするなどが可能になります。 ![Screenshot from 2026-06-10 14-21-35](https://cdn.shelp.jp/01KTKA20PWNNXVQZ8Z5QQ4GVHP/contents/01KTQZBR64ZJMRMC3M236M7P5N/6a28f46650dc3.jpg "Screenshot from 2026-06-10 14-21-35") --- ### テーマカラー チャットボットアイコンの背景色などの雰囲気を決めるサービスブランドとなる色を設定できます。 ![Screenshot from 2026-06-10 14-22-30](https://cdn.shelp.jp/01KTKA20PWNNXVQZ8Z5QQ4GVHP/contents/01KTQZBR64ZJMRMC3M236M7P5N/6a28f49c66e2a.jpg "Screenshot from 2026-06-10 14-22-30") --- ### コンテントカラー チャットボットの回答時の背景色などの色を設定できます。 ![Screenshot from 2026-06-10 14-23-29](https://cdn.shelp.jp/01KTKA20PWNNXVQZ8Z5QQ4GVHP/contents/01KTQZBR64ZJMRMC3M236M7P5N/6a28f4d9efe2b.jpg "Screenshot from 2026-06-10 14-23-29") --- ### 文字カラー 通常の文字の色を設定できます。基本的にはベースカラーの上に重なる文字の色になります。 ![Screenshot from 2026-06-10 14-25-32](https://cdn.shelp.jp/01KTKA20PWNNXVQZ8Z5QQ4GVHP/contents/01KTQZBR64ZJMRMC3M236M7P5N/6a28f54fae5fb.jpg "Screenshot from 2026-06-10 14-25-32") --- ### 反転文字カラー 反転した文字の色を設定できます。基本的にはテーマカラーの上に重なる文字の色になります。 ![Screenshot from 2026-06-10 14-26-18](https://cdn.shelp.jp/01KTKA20PWNNXVQZ8Z5QQ4GVHP/contents/01KTQZBR64ZJMRMC3M236M7P5N/6a28f57c811ef.jpg "Screenshot from 2026-06-10 14-26-18") --- このヘルプページは SHELP で作成されています。 SHELP: https://shelp.jp