Teoria del Colore Blog
Articoli e guide sulla teoria del colore, l'UI design, le regole di armonia cromatica e l'accessibilità web.
Temperatura del colore: Kelvin, bilanciamento del bianco e design
Cosa misura davvero la temperatura del colore, come i Kelvin si traducono nella sensazione calda o fredda di uno schermo e come usare il ragionamento del bilanciamento del bianco per evitare che una palette digitale viri verso l'arancione o il blu.
Come creare sfumature che non sembrino fangose
Una guida pratica per miscelare le sfumature di colore nell'UI: perché il punto medio diventa grigio, come l'interpolazione della tonalità genera fango e le mosse — percorsi di tonalità, stop multipli e spazi colore — che mantengono pulite le sfumature.
Come scegliere una palette di colori: guida passo dopo passo
Un metodo pratico dall'inizio alla fine per scegliere una palette di colori: scegli una tonalità base, scegli una regola di armonia, assegna le proporzioni 60/30/10, verifica il contrasto WCAG e testa in contesto reale.
Come progettare palette adatte ai daltonici
Una guida pratica alla progettazione di palette adatte ai daltonici: i principali tipi di deficit della visione dei colori, perché la sola tonalità non basta mai, gli abbinamenti sicuri e come testare il proprio lavoro con i simulatori.
Come scegliere lo schema di colori per il tuo sito web
Una guida pratica e pensata per il web per costruire un vero schema di colori per un sito — colore primario, neutri, testo leggibile, un accento/CTA, stati semantici e colori dei link — assemblato a partire da una palette generata e verificato per l'accessibilità.
La regola del 60-30-10: bilanciare il colore nel design
Una guida pratica alla regola del 60-30-10 — come la proporzione cromatica crea equilibrio nel design di UI e siti web, con esempi esadecimali reali, errori comuni e un metodo ripetibile.
Colori caldi vs colori freddi: usare la temperatura del colore nel design
Una guida pratica alla temperatura del colore: quali colori sono caldi e quali freddi e perché, come il caldo avanza e il freddo arretra, la temperatura all'interno di una singola tonalità e come bilanciare entrambe in un'unica palette con codici esadecimali reali.
Tinte, ombre e toni spiegati
Una guida pratica a tinte, ombre e toni: cosa sono ciascuno, in cosa il valore differisce dalla saturazione e come costruire una scala monocromatica pulita da una singola tonalità usando l'HSL, con esempi esadecimali reali per superfici UI, stati hover e disabilitati.
Codici colore HEX, RGB e HSL spiegati
Una spiegazione pratica e senza fronzoli dei codici colore HEX, RGB e HSL — cosa codifica davvero ciascuno, quando usare l'uno o l'altro e perché HSL è il formato che vorrai per regolare tinte e sfumature.
Come usare la ruota cromatica per scegliere i colori
Una guida pratica per usare davvero una ruota cromatica: come tonalità, saturazione e luminosità si mappano su di essa, la differenza RYB-vs-RGB che i tool moderni introducono, e come leggere ogni armonia come un angolo.
Capire l'armonia dei colori nel design delle interfacce
Una guida pratica all'armonia dei colori nel design delle UI: come funziona ogni schema della ruota cromatica, esempi reali in esadecimale, i ruoli dominante/secondario/accento e gli errori da evitare.
I rapporti di contrasto WCAG spiegati: una guida pratica per designer
La guida pratica di un designer senior ai rapporti di contrasto WCAG: cosa significano davvero 4.5:1, 3:1 e 7:1, AA contro AAA, testo grande contro normale, la regola 1.4.11 per gli elementi non testuali e come misurare e correggere un contrasto basso.
La psicologia del colore nel branding: una guida pratica
Il punto di vista di un designer senior sulla psicologia del colore nel branding: cosa segnalano davvero i colori, perché i cliché sono per metà sbagliati e un processo pratico per scegliere i colori di marca in modo consapevole.
Creare color token scalabili per i design system
Una guida pratica alla strutturazione di color token primitivi, semantici e di componente: convenzioni di denominazione, scale numeriche, theming per la dark mode e gli errori che minano silenziosamente i design system mentre crescono.
Le migliori pratiche per le palette di colori in dark mode
Una guida pratica per costruire palette di colori dark mode che funzionano davvero: grigi scuri al posto del nero puro, elevazione, accenti desaturati, contrasto WCAG e gli errori che vedo più spesso.
Split-complementare vs triadica: la guida pratica di un designer
Un confronto pratico tra schemi cromatici split-complementare e triadico: gli angoli esatti sulla ruota, l'atmosfera che ciascuno produce, esempi concreti in esadecimale e come scegliere tra i due.