変えたい範囲によって操作する場所が変わります。部分的なカラーを変更する場合はプレビュー上で、サイト全体ならサイドバー内の[テーマ]タブで変更します。
セクションパーツの色を変える
ボタン・テキスト・リンクなど、特定のパーツの色を変更します。
- 編集エリアで、色を変えたいパーツをクリックします。
- パーツの上に出る[ツール]タブから、「文字色のアイコン」をクリックします。
- カラーピッカーで色を選択する、または[カラーコード]に色を入力します(例:
#FF0000)。 - 透明度を変えたいときは、[アルファ値]で調整します。
- プレビューで確認します。
全体の配色を変える
サイト全体のカラーパレットをまとめて切り替えます。
- サイドバーから[テーマ]タブを開きます。
- [カラー]の項目から、使いたい配色セットを選びます。
- 選んだ配色がサイト全体に反映されます。
背景色を変える
セクションの背景色を変更します。
- 編集エリアで、背景を変えたいセクションをクリックします。
- セクションの[ツール]タブから「バケツアイコン」をクリックします。
- カラーピッカーで色を選択する、または[カラーコード]に色を入力します(例:
#FFFFFF)。 - プレビューで確認します。
チャットでAIに頼む
文章で指示することで色を変更できます。
- サイドバーから[チャット]タブを開きます。
- 色を変えたいパーツを編集エリアでクリックします。
- どうしたいかを入力して送信します(例:「ボタンを赤にして」)。
- 提案された色を確認し、[この色を適用]をクリックします。