Combinazioni di colori per loghi che funzionano, con codici hex

Le combinazioni di colori per loghi che funzionano meglio abbinano un colore scuro a uno chiaro o vivace, come blu notte e oro, verde bosco e crema, o antracite e lime. La differenza di chiarezza mantiene leggibili le forme alla dimensione di una favicon e in scala di grigi, mentre la differenza di tinta dà personalità al marchio. Qui sotto trovi dieci coppie testate e tre triadi con codici hex e rapporti di contrasto, poi un modo rapido per verificare da solo qualsiasi combinazione.

Perché i loghi usano pochi colori

Un logo è la cosa più riprodotta che un’attività possiede. Appare come icona del browser da 16 pixel, ricamato su una maglietta, stampato su un bicchiere di caffè e in un solo colore su uno scontrino. Ogni colore che aggiungi è un’altra cosa che può andare storta in uno di quei posti. Per questo tanti marchi noti hanno un colore solo, e quasi tutti gli altri due.

Parti dal nero. Se la forma funziona in nero su bianco e in bianco su nero, il colore può solo aiutare. Se non funziona, nessuna combinazione la salverà. Le basi del design di un logo trattano il lato della forma; questo articolo presume che la forma sia già decisa.

Dieci combinazioni di colori per un logo a due colori

Nota che verde acqua e corallo è la voce fuori dal coro. Entrambi i colori hanno una chiarezza simile, quindi lettere corallo su un badge verde acqua sarebbero difficili da leggere e diventerebbero un’unica macchia grigia in una stampa in bianco e nero. La coppia funziona comunque quando i colori sono forme separate, come un simbolo verde acqua accanto a un logotipo corallo, ciascuno su fondo bianco o scuro. I numeri vengono dalla formula WCAG spiegata in contrasto dei colori e accessibilità.

Combinazioni di colori per un logo a tre colori

Tre colori vanno bene per marchi fatti di pezzi separati: un simbolo composto da tessere, un logotipo con un punto colorato, un insieme di forme per un brand per bambini. Ancora il trio con un colore scuro, poi scegline due chiaramente diversi per tinta. Distanziarli lungo la ruota, come nei colori triadici, evita che facciano a gara.

Combinazioni di colori da evitare nei loghi

I loghi con gradiente sono un caso speciale. Possono essere splendidi in grande, ma creano bande in stampa e si sfocano in piccolo. Tieni una versione piatta a uno o due colori e tratta il gradiente come una variante; i loghi con gradiente spiegano come costruire entrambe.

Come testare una combinazione di colori per un logo

1. 1

   Stampalo in scala di grigi

   Converti il logo in grigio. Se i due colori diventano lo stesso grigio, la coppia ha troppo poca differenza di chiarezza.

2. 2

   Riducilo a 16 pixel

   Guardalo come icona di una scheda del browser. Le parti sottili in un colore tenue spariscono per prime.

3. 3

   Invertilo

   Metti il logo sul tuo colore di brand più scuro e sul bianco. Annota quale colore va scambiato in ciascun caso.

4. 4

   Controlla il daltonismo

   Passalo in un simulatore di daltonismo. Le coppie rosso e verde spesso si fondono per chi ha i tipi più comuni di daltonismo.

5. 5

   Mettilo su uno sfondo vero

   Un logo raramente sta su un bianco pulito nella realtà. Provalo su una foto, su un gradiente e in un feed affollato.

Quest’ultimo test è dove molti loghi faticano. Mettere un logo su uno sfondo a gradiente tratta le tecniche. In Gradiently un Mark sa dove stanno le parole e il logo: la sua regione più calma si sposta dietro di loro e l’inchiostro automatico sceglie chiaro o scuro riga per riga dalla palette del Mark stesso, così un semplice logo a due colori può stare su uno sfondo ricco senza un riquadro dietro.

Tieni semplice il logo e lascia ricco il brand

Il logo non deve portare ogni colore che usa il tuo brand. Molti brand tengono il marchio in uno o due colori e mettono la profondità negli sfondi, nella fotografia e nei caratteri. Se stai scegliendo la palette più ampia, le idee di colori per il brand ne offrono 30 da cui partire, e i loghi famosi con gradiente mostrano come i brand affermati bilanciano un marchio semplice con un colore espressivo.