Strumento colore pratico
Generatore schema colori sito web
Crea uno schema colori per sito web con colori primari, neutri e accenti per hero, bottoni, card e form.
Cosa offre questa pagina
- Trasforma un colore brand o ispirazione in una palette completa per sito.
- Bilancia colori CTA, superfici calme e testo leggibile.
- Usa la scala shade per sfondi, bordi, hover e card.
Ideale per
- Landing page
- Siti marketing
- Home SaaS
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 uno schema per un sito?
Un primario, un accento, una scala neutra per superfici, bordi e testo, e quattro colori semantici per successo, avviso, errore e informazione. Bastano a coprire ogni stato che un sito vetrina o una web app dovranno mai mostrare.
Cos'e la regola 60-30-10?
Divide il layout per area: circa 60% a un neutro dominante, 30% a una superficie secondaria o colore di supporto, 10% all'accento che regge le call to action. E una guida di proporzione, non una regola di accessibilita, quindi ogni coppia di testo va comunque verificata secondo WCAG.