Selettore colori

Color Picker è la funzione del tuo editor che ti consente di gestire la combinazione di colori di testo, sfondo, sovrapposizioni e altro. Puoi scegliere un colore dalla tavolozza dei colori, inserire un valore HEX o RGB o persino creare un gradiente personalizzato. La funzionalità dei colori recenti vi aiuterà a mantenere la combinazione di colori coerente e a mantenere un aspetto professionale sul vostro

Stile di colore

Prima di scegliere la combinazione di colori, devi scegliere dove vuoi usare un colore singolo o una sfumatura.

Se si utilizza l'opzione a colore singolo, è possibile scegliere un colore da Colori recenti scheda o vai a Scegli un altro colore.

Lo sfondo sfumato sarà un'opzione disponibile per gli sfondi di righe, colonne e widget e le sovrapposizioni di immagini. Per applicare un gradiente, con il selettore di colori aperto, fai clic sul menu a discesa sopra la tavolozza dei Colore), seleziona Gradiente, quindi assicurati di:

Scegli 2 colori delle interruzioni del gradiente
- È possibile invertire i colori per regolare il posizionamento delle fermate
Scegli la direzione del gradiente
- L'opzione centrale genererà un gradiente radiale
- Le opzioni laterali creeranno un gradiente lineare

Nota

I gradienti non possono essere salvati in Colori del tema.

Colori del tema

I colori del tema consentono di definire una tavolozza di colori e collegare i singoli colori a uno o tutti i widget con le impostazioni dei colori. Il colore di qualsiasi elemento collegato ai colori del tema verrà aggiornato automaticamente quando il colore collegato viene modificato nelle impostazioni dei colori del tema. Ciò consente di apportare rapidamente modifiche ai colori, il che aiuta a ridurre i tempi di progettazione e garantisce che lo stile del sito sia coerente tra le pagine.

Per informazioni su come configurare i colori del tema, consultaColori del tema.

Colori salvati

Salva i colori utilizzati di frequente nel tuo sito aggiungendoli all'elenco Colori salvati nel selettore di colori.

Per aggiungere un colore ai colori salvati, fate clic sulla scheda Colori salvati nel selettore di colori e fate clic su+icona. Per rimuovere un colore dall'elenco Colori salvati, fate clic con il pulsante destro del mouse sul colore e selezionateRimuovi.

Puoi salvare fino a 48 colori e sfumature nell'elenco Colori salvati.

Colori recenti

Quando scegli un colore, il menu dei colori recenti mostra un esempio di colori usati di recente nel tuo sito. Ciò consente di scegliere rapidamente i colori già presenti sul sito

Scegli un altro colore

Seleziona la tonalità di un colore utilizzando la tavolozza dei colori a destra o il pannello dei colori. In alternativa, puoi inserire il valore HEX o RGB del colore desiderato nella casella di testo sotto il gradiente di colore verticale

Per abbinare perfettamente un colore da qualsiasi punto del sito (immagini, testi e così via), fai clic sullo strumento contagocce e seleziona il colore del sito che desideri utilizzare. Non c'è bisogno di perdere tempo a cercare di capire il nome o il valore esatto di un colore

Opacità

Il cursore dell'opacità determina la trasparenza di un elemento. Tieni presente che quando riduci l'opacità di un elemento, tutto ciò che c'è dietro (immagine o colore di sfondo) inizierà a

Controllo del contrasto per i colori del testo

Il controllo del contrasto per i colori del testo aiuta a migliorare l'accessibilità dei siti indicando se il contrasto tra il testo e lo sfondo soddisfa lo standard AA o AAA*. Il controllo del contrasto viene visualizzato nel selettore di colori ogni volta che il selettore di colori viene utilizzato per il testo

Di seguito sono riportati i criteri che determinano se lo standard AA o AAA è soddisfatto:

Tipo di testo	Standard*	Dimensione del carattere	Rapporto di contrasto minimo
Testo normale	AAA	Meno di 18 punti	7:1
Testo di grandi dimensioni	AAA	18 o 14 punti in grassetto	4.5:1
Testo normale	AA	Meno di 18 punti	4.5:1
Testo di grandi dimensioni	AA	18 punti in grassetto o 24 punti e più	3:1

*Negli standard di accessibilità, «AA» e «AAA» rappresentano diversi livelli di requisiti di contrasto cromatico. Il livello AA indica che i colori hanno un contrasto sufficiente per essere leggibili, ma potrebbero comunque presentare problemi per alcuni utenti. Il livello AAA indica un contrasto elevato che dovrebbe essere leggibile per la maggior parte degli utenti

Di seguito è riportato un esempio del controllo del colore del contrasto che indica che il contrasto del testo e dello sfondo è conforme allo standard AAA.

Il correttore del contrasto verrà disabilitato nelle seguenti circostanze:

Se il testo selezionato ha più colori. Ad esempio, se diverse parole del testo sono blu e diverse altre sono rosa.
Se il testo è su uno sfondo sfumato.
Se il testo è sullo sfondo di un'immagine.

Considerazioni relative al selettore di colori

Il gradiente non è disponibile per gli elementi di testo, quindi non lo vedrai in un selettore di colori per gli elementi di testo nell'editor di progettazione dei widget della scheda Tema.
Quando si lavora con gli sfondi, passando da Colore a Immagine le impostazioni dell'opzione precedente verranno impostate su nulle. Ad esempio, se stavi usando un colore e hai cambiato l'impostazione in Immagine, tutte le impostazioni di colore o sfumatura verranno rimosse
gradienti sovrascrivono gli sfondi dei singoli pulsanti. Per ripristinarli, riseleziona