Come generare tinte e tonalità da un colore

A cosa serve

Color Shades serve a ricavare varianti più chiare e più scure partendo da un colore fornito dall’utente. È utile quando vuoi esplorare rapidamente una scala cromatica per un’interfaccia, una tavolozza o una prova grafica, scegliendo quante varianti visualizzare e quali gruppi includere.

Come generare le varianti

1. Inserisci il colore di partenza nel campo dedicato. Per un risultato coerente con il comportamento documentato, usa una notazione esadecimale interpretabile, come #3498db oppure #369. Se ometti il cancelletto iniziale, viene aggiunto prima dell’interpretazione. La forma a tre cifre viene espansa ripetendo ciascuna cifra.

2. Imposta il numero di passaggi. Se lasci il campo vuoto, il valore predefinito è 10. Per un numero intero positivo, ogni gruppo che decidi di includere avrà quel numero di elementi; per esempio, con 5 passaggi il gruppo delle varianti più chiare contiene cinque elementi e quello delle varianti più scure ne contiene cinque.

3. Scegli i gruppi da includere. Puoi mantenere sia le varianti più chiare sia quelle più scure, oppure escludere uno dei due gruppi. Per impostazione predefinita sono inclusi entrambi.

4. Avvia la generazione e osserva i dati restituiti. Il colore di base riportato conserva il testo inserito dopo l’eventuale aggiunta del cancelletto, mentre le varianti sono espresse in formato esadecimale. Non è necessario calcolare manualmente i valori dei singoli canali: prima della formattazione vengono arrotondati a numeri interi e mantenuti nell’intervallo da 0 a 255.

Come leggere il risultato

Il risultato distingue il colore di base dai gruppi richiesti. Il numero di elementi di ciascun gruppo dipende dal numero di passaggi positivo inserito, ma un gruppo escluso non dovrebbe essere interpretato come un errore: indica semplicemente che quella direzione non è stata richiesta. Il colore di base può mantenere una forma testuale diversa da quella digitata, perché il cancelletto iniziale viene aggiunto quando manca.

Se il colore non supera la conversione necessaria per l’interpretazione, i dati restituiti includono un’indicazione di errore, mentre l’operazione risulta comunque contrassegnata come riuscita. In questo caso conviene controllare la rappresentazione del colore invece di usare le varianti come se fossero affidabili. Anche i valori generati non vanno letti come canali frazionari: sono arrotondati a valori interi e limitati all’intervallo 0-255 prima della conversione esadecimale.

Esempio pratico

Stai preparando una tavolozza per un’interfaccia e vuoi cinque varianti più chiare del colore abbreviato #369.

Inserisci #369, imposta 5 passaggi, mantieni il gruppo chiaro e disattiva quello scuro, quindi avvia la generazione.

Il risultato dovrebbe presentare il colore di base normalizzato e due gruppi distinti, ciascuno con cinque codici esadecimali, senza includere altri gruppi se quello scuro è stato escluso.

Limiti

• Il comportamento documentato copre la conversione dei colori interpretabili dal formato previsto; un colore che non supera tale conversione può produrre un’indicazione di errore nei dati.

Errori comuni

• Un errore frequente consiste nell’inserire un testo colore che non può essere interpretato e poi usare comunque le varianti restituite. Correggi la rappresentazione, prova una forma esadecimale interpretabile come #3498db o #369 e controlla l’indicazione di errore nei dati prima di procedere.

Domande frequenti

Devo inserire per forza il cancelletto nel codice colore?

No. Se manca il cancelletto iniziale, lo strumento lo aggiunge prima di interpretare il colore. Una forma a tre cifre viene inoltre espansa ripetendo ciascuna cifra.

Quante varianti produce ogni gruppo?

Con un numero intero positivo, ogni gruppo incluso contiene quel numero di elementi. Il valore predefinito è 10; con 5 passaggi, ciascun gruppo incluso contiene cinque varianti.

Cosa succede se inserisco un colore non interpretabile?

Se il colore non supera la conversione necessaria, i dati riportano un’indicazione di errore anche se l’operazione è contrassegnata come riuscita. Controlla quindi il formato inserito prima di usare il risultato.