Generatore di schema colori per siti web
Un tema chiaro e scuro completo dal colore del tuo brand.
Scegli il colore del tuo brand e ottieni uno schema pronto per un sito o un’app: sfondi e superfici tinti, bordi, testo e testo secondario, un colore principale regolato per restare leggibile e un accento abbinato, per un tema chiaro e uno scuro. L’anteprima mostra una scheda con testo e pulsanti, e l’intero schema si copia come variabili CSS, con il tema scuro che segue l’impostazione di sistema.
Come creare uno schema colori per un sito
- Passo 1
Scegli il colore del brand.
- Passo 2
Controlla le anteprime chiara e scura.
- Passo 3
Copia le variabili CSS.
Perché usare PhotoTools
Chiaro e scuro
Due temi abbinati insieme.
Leggibile da subito
Principale e accento con contrasto di almeno 3:1.
Pronto per il codice
Variabili CSS con modalità scura.
Formati supportati
Uscita
- CSS
Domande frequenti
Perché il colore principale è un po’ diverso dal mio?
Se il tuo colore è troppo chiaro o scuro rispetto allo sfondo, viene spostato quel tanto che basta per arrivare a un contrasto di 3:1 e mantenere visibili i pulsanti.
Come uso il CSS?
Incollalo nel foglio di stile e usa le variabili, per esempio background: var(--color-primary). Il tema scuro segue l’impostazione di sistema.
È gratis?
Sì. Gli strumenti del browser di PhotoTools sono gratuiti, illimitati e funzionano senza account.
Le mie immagini vengono caricate su un server?
No. Questo strumento funziona interamente nel tuo browser grazie a WebAssembly. Le tue immagini non lasciano mai il dispositivo e non viene salvato nulla.