# Colori

> La libreria Colori: i dieci colori di sistema con i loro valori e indirizzi, i campioni dell'operatore, l'ispettore, creare e modificare un colore, sovrascrivere un colore di sistema e dove si usa un colore.

**Colors** è la terza categoria sotto la radice Assets: la tavolozza fissa che il prodotto include e i campioni aggiunti dall'operatore, ciascuno un nome con un valore `#RRGGBB`. Il pannello è intitolato « Colori », con la riga « Colori #RRGGBB con nome restituiti dalle variabili con uscita Colore. I colori dell'operatore hanno la precedenza su un colore di sistema allo stesso indirizzo. » e la pillola di conteggio. Per leggerlo serve **Visualizzare Logic**; creare, modificare ed eliminare i colori dell'operatore richiedono **Configurare Logic**.

## La tavolozza di sistema {#the-system-palette}

| Nome | Indirizzo | Valore |
| --- | --- | --- |
| 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` |

Un colore ha un solo valore, usato tale e quale nel tema chiaro e in quello scuro; la tavolozza non cambia con il tema.

## Il catalogo e l'ispettore {#the-catalog-and-the-inspector}

I colori dell'operatore sono elencati per primi, poi la tavolozza; filtri: **Origine** e **Per pagina**. Una scheda mostra il campione, il nome, il valore esadecimale e l'origine. L'ispettore mostra il campione in grande con il suo valore esadecimale, il nome, e poi Indirizzo, Origine (Tavolozza di sistema, oppure La mia libreria) e Formato (`#RRGGBB`). Un colore della tavolozza mostra « I colori di sistema sono di sola lettura. »; quelli dell'operatore offrono **Modifica** ed **Elimina** a un ruolo che configura.

## Nuovo colore {#new-color}

Il verbo sopra la riga Colors apre « Nuovo colore » al posto della griglia (« Scegliere un indirizzo stabile e il suo valore RGB a sei cifre. »).

| Campo | Che cos'è | Valori e valore predefinito | Effetto |
| --- | --- | --- | --- |
| Nome | Il nome visualizzato; il suo segmento è l'indirizzo. | Obbligatorio. | L'indirizzo che le variabili conservano. Modifica lo rinomina poi, e ogni riferimento al vecchio indirizzo lo segue. Un nome il cui segmento coincide con quello di un colore della tavolozza sostituisce quel colore all'indirizzo e nell'elenco. |
| Selettore | Il selettore di colore del browser. | Parte da `#0369A1`. | Scrive il campo esadecimale. |
| Esadecimale | Il valore come testo. | Esattamente `#RRGGBB`; `#0369A1` all'inizio. | Qualunque altra cosa mostra « Usare esattamente il formato #RRGGBB. »; il valore viene salvato in maiuscolo. |

L'anteprima a destra mostra il campione e il valore esadecimale normalizzato. « Serve un nome. » e « Usare esattamente il formato #RRGGBB. » tengono grigio **Crea colore**; **Annulla** o **Indietro** esce senza creare nulla. Al buon esito la scheda viene rivelata e il registro delle azioni dice « Colore creato. »

## Modifica ed Elimina {#edit-and-delete}

**Modifica** apre « Modifica `<name>` » (« La rinomina viene salvata premendo Invio o quando il campo perde il fuoco e porta con sé i riferimenti; le modifiche di colore valide vengono salvate automaticamente. »): un campo **Nome** che è un campo di ridenominazione, con sotto il selettore e il campo esadecimale. Mentre scrivi un nome, una riga anticipa l'effetto (« La rinomina aggiorna i 2 punti che leggono questo indirizzo. », « Nessun riferimento usa l'indirizzo attuale. », oppure « L'indirizzo effettivo non cambia; nessun riferimento deve essere aggiornato. »). Invio, o uscire dal campo, conferma: il colore conserva il suo id e il suo valore, ogni riferimento radicato al vecchio indirizzo viene riscritto e il registro delle azioni dice « Colore rinominato e N riferimenti aggiornati. » Un nome già preso viene rifiutato lì sotto il campo. Una modifica valida del valore viene salvata mezzo secondo dopo l'ultima battuta (« Colore salvato. »). **Elimina** chiede « Eliminare 'X'? I riferimenti al suo indirizzo resteranno irrisolti. L'operazione non è reversibile. » e, quando il colore sovrascriveva una voce della tavolozza, scopre di nuovo quella voce.

## Dove si usa un colore {#where-a-color-is-used}

Una [variabile](logic-variables#output-types) con uscita Colore restituisce `Assets.Colors.<name>` (`Variables.Level.Value > 50 ? Assets.Colors.Red : Assets.Colors.Green`) e il componente collegato a essa disegna quel colore; gli ingressi Colore di riempimento e Colore del contorno di un [simbolo](assets-symbols) accettano una risorsa Colore o una variabile Colore; l'[editor delle dashboard](view-editor) offre questi indirizzi ovunque una proprietà accetti un colore.

## Che cosa non fa la libreria {#what-the-library-does-not-do}

Non accetta canale alfa, valori a tre cifre o colori con nome, non modifica la tavolozza e non tiene varianti per tema.