Strumento colore pratico
Generatore palette colori brand
Crea una palette brand da un logo o colore primario ed esporta variabili CSS e design token pronti per UI.
Cosa offre questa pagina
- Mappa il colore brand in ruoli primary, accent, neutral e semantic.
- Controlla se il testo sul colore brand passa il contrasto WCAG.
- Esporta variabili usabili dagli sviluppatori senza rinominare ogni colore.
Ideale per
- Brand system
- Landing startup
- Style guide
Come usarlo
Generatore paletteCrea palette accessibili, controlla il contrasto WCAG, estrai colori dalle immagini ed esporta CSS, Tailwind, SCSS, JSON, SVG e PNG.Controllo WCAGVerifica contrasto tra testo e sfondo secondo WCAG AA e AAA, testa coppie colore reali e scegli combinazioni leggibili.Estrattore immaginiEstrai colori dominanti da immagini PNG, JPG o WebP direttamente nel browser e trasformali in palette e token esportabili.
Posso usarlo con il generatore principale?
Sì. Parti da questa pagina, poi apri lo strumento Chromoforge con lo stesso colore base ed esporta la palette.
Quanti colori servono a una palette di brand?
Un sistema di brand funzionante richiede un primario, uno o due secondari, un accento per le call to action e una scala neutra di cinque-nove step. Oltre questo numero i colori diventano decorazione e gli stati dei componenti sono piu difficili da mantenere coerenti.
Posso usare il colore del brand per il testo?
Raramente. La maggior parte dei colori di brand saturi resta sotto il rapporto 4.5:1 richiesto per il testo su bianco. Usa un neutro scuro per i testi lunghi e riserva il colore del brand a titoli, bottoni, link e accenti, dove per il testo grande basta 3:1.