Riferimento Colori Material
Sfoglia e copia gratuitamente online tutti i codici colore di Material Design. Trova i valori hex della palette da 256 colori con un solo clic.
No results found
Come funziona
- Apri lo strumento Material Color Reference nel tuo browser.
- Esplora la palette completa di 256 colori organizzati per famiglie di colori e livelli di tonalità.
- Individua il colore desiderato scorrendo tra i diversi gruppi disponibili.
- Clicca sul campione di colore per copiare automaticamente il codice hex negli appunti.
- Incolla il codice direttamente nel tuo CSS, Figma, Sketch o qualsiasi altro strumento di design.
Esempio
Input: Material Amber 700
Risultato: #FFA000
FAQ
È il sistema di colori ufficiale di Google, che comprende 256 colori accuratamente selezionati e organizzati in famiglie come Rosso, Blu, Verde e Viola, ognuna con più livelli di luminosità.
Sì, lo strumento è completamente sicuro. Tutta l'elaborazione avviene direttamente nel browser lato client e nessun dato viene inviato ad alcun server.
Clicca semplicemente sul campione di colore o sul valore hex e verrà copiato automaticamente negli appunti.
Sì, i colori Material Design sono liberamente disponibili e ampiamente utilizzati in applicazioni web, mobile e desktop, sia personali che commerciali.
La maggior parte delle famiglie di colori include tonalità da 50 a 900, più varianti accent A100, A200, A400 e A700 dove applicabile.