# 色

> 色のライブラリ。名前の付いた 10 のシステムの色とその値とアドレス、自分の色見本、検査、色の作成と編集、システムの色の上書き、そして色の使われ先。

**Colors** は、Assets の最上位の下の 3 つ目の分類です。製品が同梱する決まったパレットと、自分で足す色見本で、どれも 1 つの名前と 1 つの `#RRGGBB` の値です。パネルの見出しは「色」で、「色を出力する変数が返す、名前付きの #RRGGBB の色です。操作者の色は、同じアドレスのシステムの色より優先されます。」の行と、件数のピルが付きます。読むには **Logic の表示**が、自分の色の作成、編集、削除には **Logic の構成**が必要です。

## システムのパレット {#the-system-palette}

| 名前 | アドレス | 値 |
| --- | --- | --- |
| Brand | `Assets.Colors.Brand` | `#0369A1` |
| Brand light | `Assets.Colors.Brand_light` | `#38BDF8` |
| Brand tint | `Assets.Colors.Brand_tint` | `#E0F2FE` |
| Red | `Assets.Colors.Red` | `#C42B1C` |
| Amber | `Assets.Colors.Amber` | `#C19C00` |
| Green | `Assets.Colors.Green` | `#0F7B0F` |
| Blue | `Assets.Colors.Blue` | `#005FB8` |
| Gray | `Assets.Colors.Gray` | `#8A8A8A` |
| Black | `Assets.Colors.Black` | `#000000` |
| White | `Assets.Colors.White` | `#FFFFFF` |

色は値を 1 つだけ持ち、明るいテーマでも暗いテーマでもそのまま使われます。パレットがテーマに合わせて切り替わることはありません。

## カタログと検査 {#the-catalog-and-the-inspector}

自分の色が先に並び、そのあとにパレットが並びます。絞り込みは**出どころ**と**1 ページの件数**です。カードは、色見本、名前、16 進数、出どころを見せます。検査は、色見本を 16 進数とともに大きく見せ、名前、アドレス、出どころ（システムのパレット、または自分のライブラリ）、形式（`#RRGGBB`）を並べます。パレットの色は「システムの色は読み取り専用です。」と出します。自分の色は、構成できるロールに**編集**と**削除**を差し出します。

## 新しい色 {#new-color}

Colors の行の上の動詞は、並びの代わりに「新しい色」を開きます（「変わらないアドレスを 1 つと、6 桁の RGB の値を決めてください。」）。

| 項目 | 意味 | 受け付ける値と既定 | 効果 |
| --- | --- | --- | --- |
| 名前 | 表示の名前です。その区切りがアドレスになります。 | 必須。 | 変数が持っているアドレスです。あとから編集で名前を変えられ、古いアドレスへの参照はすべて一緒に移ります。区切りがパレットの色と同じになる名前は、そのアドレスと一覧で、その色を置き換えます。 |
| 色の選択 | ブラウザーの色の選択です。 | `#0369A1` から始まります。 | 16 進数の項目に書き込みます。 |
| 16 進数 | 値を文字列で書きます。 | ちょうど `#RRGGBB`。既定は `#0369A1` です。 | それ以外は「#RRGGBB の形でちょうど書いてください。」と出ます。値は大文字で保存されます。 |

右のプレビューが、色見本と整えた 16 進数を見せます。「名前が必要です。」と「#RRGGBB の形でちょうど書いてください。」があるうちは、**色を作成**は灰色のままです。**キャンセル**か**戻る**で、作らずに離れます。うまくいくと、そのカードが見えるようになり、操作ログ帯が「色を作成しました。」と伝えます。

## 編集と削除 {#edit-and-delete}

**編集**は「`<name>` を編集」を開きます（「名前の変更は、Enter を押すか入力欄から離れたときに保存され、参照も一緒に移ります。正しい色の変更は自動で保存されます。」）。名前の変更の入力欄である**名前**の項目と、その下に色の選択と 16 進数が出ます。名前を入力している間、1 行が影響を予告します（「名前を変えると、このアドレスを読んでいる 2 か所が更新されます。」、「現在のアドレスを使っている参照はありません。」、あるいは「実効アドレスは変わらないため、更新が必要な参照はありません。」）。Enter を押すか、入力欄から離れると確定します。色はその id とその値を保ち、古いアドレスへの最上位を根とする参照はすべて書き換えられ、操作ログ帯が「色の名前を変え、参照 N 件を更新しました。」と伝えます。すでに使われている名前は、その入力欄の下でその場で拒否されます。正しい値の変更は、最後の編集から 0.5 秒後に保存されます（「色を保存しました。」）。**削除**は「「X」を削除しますか？そのアドレスへの参照は、解決できなくなります。 この操作は元に戻せません。」と尋ね、その色がパレットの項目を上書きしていたときは、その項目をふたたび現します。

## 色の使われ先 {#where-a-color-is-used}

出力が色の[変数](logic-variables#output-types)が `Assets.Colors.<name>` を返し（`Variables.Level.Value > 50 ? Assets.Colors.Red : Assets.Colors.Green`）、それに結び付いたコンポーネントがその色を描きます。[シンボル](assets-symbols)の塗りの色と輪郭の色の入力は、色の素材か 色の変数を受け取ります。[ダッシュボードの編集画面](view-editor)は、色を受け取るプロパティのどこでも、これらのアドレスを差し出します。

## このライブラリがしないこと {#what-the-library-does-not-do}

透明度、3 桁、名前付きの色は受け付けません。パレットを編集しませんし、テーマごとの別の値も持ちません。