Colore
Teoria del colore, palette e colori per i gradienti, con codici da copiare.
200 guide · 11 argomenti
ColoreLe basi della teoria del colore per chi non fa il designer
5 min di lettura
Non serve l’accademia d’arte per scegliere bene i colori. Sei idee spiegano quasi ogni decisione sul colore, e ognuna si impara in pochi minuti.
ColoreCome usare il cerchio cromatico per scegliere una palette
5 min di lettura
Il cerchio cromatico è lo strumento più antico del colore e ancora il più utile. Ecco come leggerlo, perché il cerchio dei pittori e quello degli schermi non concordano e come farne una palette.
ColoreColori complementari: contrasto che resta equilibrato
5 min di lettura
I colori opposti offrono il massimo contrasto possibile, e la via più rapida verso un design che vibra o uno che urla. La differenza sta in proporzione e luminosità.
ColoreColori analoghi: la via più facile a una palette calma
5 min di lettura
Scegli tre vicini sulla ruota dei colori e quasi non puoi sbagliare. L’abilità sta nel dare loro abbastanza contrasto da restare interessanti e nel sapere quando rompere la calma.
ColoreColori triadici e palette complementari divise, spiegati
5 min di lettura
Tre colori equidistanti possono rendere una palette audace ed equilibrata insieme, oppure simile alla scatola dei giocattoli di un bambino. La differenza dipende quasi tutta da quale colore guida.
ColorePalette monocromatica: una sola tinta, un’intera identità
5 min di lettura
Una sola tinta sembra un limite finché non vedi quanta gamma contiene. Costruito bene, un solo colore può coprire sfondi, testo, pulsanti e gradienti, e risultare più distintivo di un arcobaleno.
ColoreCome scegliere i colori del brand: un metodo passo passo
6 min di lettura
I colori del brand si scelgono, non si trovano. Un metodo chiaro ti porta dalla pagina bianca a una palette riconoscibile, leggibile e ancora giusta tra due anni.
ColorePsicologia del colore: cosa c’è di vero e cosa è mito
6 min di lettura
Le tabelle che dicono che il rosso è fame e il blu è fiducia sono ovunque, e per lo più troppo semplici per servire. Ecco un racconto più onesto di ciò che fa il colore e di come usarlo bene.
ColoreSignificato dei colori nelle diverse culture: una guida prudente
6 min di lettura
Il bianco può voler dire un matrimonio o un funerale. Il rosso può voler dire pericolo o buona sorte. Se i tuoi design viaggiano, ecco cosa portano i colori principali in luoghi diversi e come verificare prima del lancio.
ColoreGradienti viola: palette, codici e come usarli
5 min di lettura
Il viola è uno dei colori per gradienti più usati sul web, e per questo è sia una scelta sicura sia una in cui è facile perdersi. Ecco palette che sembrano pensate, con i codici per usarle.
ColoreGradiente blu: 20 palette dal ghiaccio alla mezzanotte
5 min di lettura
Il blu è il colore più sicuro del design, ed è per questo che tanti gradienti blu si assomigliano. Eccone venti che non lo fanno, dal più chiaro al più scuro, con i codici e il ragionamento dietro.
ColoreGradienti rosa moderni, non stucchevoli
5 min di lettura
Il rosa può sembrare una confetteria o una rivista di moda. La differenza raramente sta nel rosa in sé: sta in ciò che gli metti accanto. Ecco palette, abbinamenti e codici per un rosa che sembri attuale.
ColoreGradienti tramonto: palette arancio, corallo e crepuscolo
5 min di lettura
La maggior parte dei gradienti tramonto sbaglia nello stesso punto: il centro, dove il blu incontra l’arancione e diventa grigio. Un cielo vero non lo fa mai. Ecco l’ordine che usa la natura, e dieci palette costruite su di esso.
ColoreGradienti verdi: freschi, profondi ed elettrici
5 min di lettura
Il verde può essere una mattina di primavera, un club privato o il volantino di un rave. Ecco i gradienti verdi per ciascuno, con i codici, e una via d’uscita dal cliché verde foglia.
ColoreGradiente nero: come usare il nero quasi puro
7 min di lettura
Il nero puro è un buco nello schermo. I gradienti neri che sembrano costosi nascono da neri con un filo di colore dentro e da una luce che si muove.
ColoreGradienti rossi: energia senza allarme
6 min di lettura
Il rosso cattura l’attenzione più in fretta di qualsiasi altro colore, ed è proprio per questo che si sbaglia. Come costruire gradienti rossi che sembrino vivi, caldi e sicuri invece che urlati.
ColoreGradienti arcobaleno che non sembrano un preset predefinito
5 min di lettura
L’arcobaleno predefinito ha una striscia gialla accecante e un buco blu scuro. Sistema la luminosità, scegli il tuo arco e lo spettro diventa uno degli strumenti più gioiosi che hai.
ColoreContrasto dei colori: testo leggibile per tutti
6 min di lettura
Il contrasto è la differenza tra parole che le persone leggono e parole che saltano. I numeri WCAG in parole semplici, come verificarli e cosa cambia quando lo sfondo è un gradiente.
ColoreCodici colore esadecimali, RGB, HSL e OKLCH spiegati
5 min di lettura
#7c3aed, rgb(124 58 237), hsl(262 83% 58%) e oklch(54.1% 0.247 293) sono lo stesso viola. Ecco cosa dice davvero ogni notazione e quando ciascuna si guadagna il suo posto.
ColorePalette di colori da un’immagine: come ricavarla da una foto
5 min di lettura
Il contagocce ti dà un pixel. Una palette richiede i colori che ricordi dell’immagine, nelle giuste proporzioni. Ecco come passare dall’uno all’altra.
ColoreRegola 60 30 10: le proporzioni di colore per design e brand
5 min di lettura
Quasi tutte le palette falliscono nelle proporzioni, non nella scelta. Tre numeri ti dicono quanto usare di ogni colore, e funzionano sullo schermo di un telefono come nei salotti da cui vengono.
ColoreColori caldi e freddi: usare la temperatura con intenzione
6 min di lettura
Ogni colore ha una temperatura, compresi i tuoi grigi e i tuoi bianchi. Impara a leggerla e potrai far sembrare un design più vicino, più calmo o più luminoso senza cambiare una sola tinta.