対象プラン：全プラン

デザインエディタ上部の[ボックス]タブ内にある[塗り]から、ページに配置したボックスの色を設定することができます。 「塗り」メニューのカラーパレットを使って、次のいずれかの方法で色の設定を行います。

登録済みのカラー

プロジェクト内でよく使う色は、カラーパレットにマイカラーとして登録できます。不透明度が設定されている場合は、ベースの色と不透明度設定後の色がスラッシュで表示されます。

未登録の色は、[+]からマイカラーに追加できます。

単色・グラデーション切り替え

メニュー中央部のボタンで、単色とグラデーションを切り替えることができます。

グラデーション設定画面では、色の追加や角度の設定が行えます。追加した色はカーソルをあてると表示される[×]をクリックして削除できます。

RGBAの数値指定、HEXコードの指定

RGBAの数値やHEXコードで色を指定することができます。数値右横のボタンで切り替えが可能です。

カラーピッカー

カラーピッカーを使うと、画面上のあらゆる色を抽出することができます。

デフォルトカラー

カラーパレット中央部左のボタンをクリックすると、単色・グラデーションのサンプル色をパレット形式で表示できます。ここから選択した色は、微調整することも可能です。

透明（塗りなし）

ボックスの色を透明（塗りなし）にしたい場合に使用できます。