カラーパレット

カラーパレットは コレクション フィールドでは、カラーピッカーを使用して各コレクションアイテムの色を定義できます。選択した色は、コレクション内の要素の背景色、テキストの色相、境界のシェーディングをカスタマイズするために使用できます。 コレクションリスト または コレクションページ.

通常の用途

• ブログ投稿のカテゴリなど、コレクションのグループをデザインし、それぞれを異なる色で表します。
• タグごとに異なる背景色でタグを強調する
• ラベルのテキストの色相を回転する
• 同じグループのアイテムを強調するために、境界線の色合いを交互に変更します

このチュートリアルでは

• カラーパレットの確立
• パレットに色を取り入れる
• カラーパレットを使ったデザイン

カラーパレットの確立

カラーパレットは、新規または既存のコレクションに含めることができます。コレクション設定内で、 新しいフィールド そして、 色 分野。

パレットに色を取り入れる

カラーパレットがコレクションフレームワークに統合されたので、あなたとコラボレーターは、任意のコレクションアイテムのカラーフィールドに色を定義することができます。 ウェブカラー（16進数、RGBA、または色名）、または カラーピッカー 色を選択します。

カラーパレットを使ったデザイン

コレクション アイテムに色を割り当てるときに、その色をデザインに組み込むことができます。コレクション リストまたはコレクション ページの各要素には、各コレクション アイテムに指定された色の値が統合されます。

コレクションスタイルの設定

コレクションリストまたはコレクションページの要素に色の値をリンクするには、 コレクションスタイル設定 の中に 設定パネル（D）以下の選択肢から 1 つ以上を選択できます。

• コレクションからテキストの色相を取得します
• コレクションから背景色を取得します
• コレクションから境界色相を取得します

オプション checkbox のチェックを外すと、これらの設定のいずれかの接続を切断できます。

テキストの色合いを変える

コレクションのカラーパレットで指定されたカラー値を使用して要素のテキストの色相を割り当てる場合:

1. 要素を選択
2. アクセス 設定パネル（D）
3. 選択してください テキストの色を取得する オプション
4. フィールドのドロップダウンからカラーパレットを選択します

どれでも フォントカラースタイル この設定を選択すると、スタイル パネルでこの要素に設定されたカラー パレット値がカラー パレットの値によって変更されます。

背景の色合いを変える

同様に要素の背景色を調整できます。

1. 要素を選択
2. アクセス 設定パネル（D）
3. 選択してください 背景色を取得する オプション
4. フィールドのドロップダウンからカラーパレットを選択します

どれでも 背景色のスタイル この設定がこの要素に対して選択された場合、スタイル パネルでこの要素に設定されたカラー パレット値は動的に置き換えられます。

境界の色合いを変える

コレクションから要素の境界色相を取得するには、まず 国境 あなたの要素について:

1. 要素を選択
2. アクセス スタイルパネル（S）
3. 境界線のスタイル
4. アクセス 設定パネル（D）
5. 選択してください 境界線の色を取得する オプション
6. フィールドのドロップダウンからカラーパレットを選択します

いつでも、スタイル パネルで境界線のスタイルと幅を変更できます。ただし、色はリンクされたカラー パレットから取得され、スタイル パネルで指定された色の値よりも優先されます。