カラーコード

カラーコードとは、相互に組み合わせて使用することで魅力的なデザインを生み出すことができる調和のとれたカラーの集合です。

カラーコードの例

上の行のベースカラーにさまざまなコードタイプを適用して作成されたカラーコードの例。

カラーコードについて

カラーコードは、最初にベースカラーを選択したうえで(本格的なカラー理論に基づいて作成された)コードタイプを選択することによって作成されます。続いて、カラーの集合が設定され、[スウォッチ]パネルの現在のパレット内に保存されます。その後、デザインの際にはこれらのカラーから選択を行うことができます。

コードタイプは、HSLカラーホイールに基づいており、次の要素を含んでいます。

パネル環境設定 スウォッチパネルを使用してカラーコードを作成するには:
  1. カテゴリリストのポップアップメニューから、ベースカラーが含まれているパレットを選択します。
  2. パレットで、ベースカラースウォッチをクリックし、[カラーコードを作成]ポップアップメニューからコードタイプを選択します。
パネル環境設定 カラーパネルを使用してカラーコードを作成するには:
  1. (省略可能)[スウォッチ]パネルで、[パネル環境設定]をクリックし、[パレットの追加]オプションを選択します。
  2. 次のいずれかを行います。
    • コンテンツが選択されていない状態で、カラーモデルの[ホイール](HSLのみ)、[スライダー]、または[ボックス]からカラーを選択するか、選択済みのカラースウォッチをクリックします。
    • ベースカラーが含まれているページコンテンツを選択します。[カラー]または[スウォッチ]パネルで、適切なカラーセレクターを忘れずに選択してください。
  3. [カラー]パネルで、[パネル環境設定]メニューをクリックし、[コードを見本に追加]ポップアップメニューからコードタイプを選択します。

関連項目: