HueOdysseyPalette di colori scure
Esplora palette di colori scure con sette ruoli semantici, contrasto leggibile, un'anteprima reale dell'interfaccia e valori HEX pronti per il CSS.
Perché questa palette funziona
Nelle palette scure la leggibilità nasce da differenze controllate tra fondo, superficie e testo. Riserva i colori molto saturi alle azioni e agli stati più importanti.
I sette colori sono assegnati ad azione principale, supporto secondario, accento, sfondo, superficie, testo e contenuto attenuato. Così la palette serve ben oltre una moodboard.
Come usarla
Usa il colore principale per inviti all’azione e link, non per ogni elemento decorativo.
Abbina il testo a sfondi e superfici che rispettano il livello WCAG AA.
L’accento dà il meglio su badge, evidenze e momenti che richiedono attenzione.
Direzioni correlate
Domande frequenti
Posso usare questi colori in un progetto commerciale?
Sì. I valori HEX sono dati cromatici, non risorse con licenza. Adatta la palette alla tua interfaccia e al contesto del brand.
La palette rispetta i requisiti WCAG?
Il ruolo del testo viene verificato su sfondo e superficie. Controlla nuovamente il contrasto dopo ogni modifica a colore, carattere, dimensione o peso.