Generatore di palette di colori
Generatore di palette di colori gratuito: crea palette armoniose (analoghe, complementari, triadiche e altre), blocca i colori preferiti, esporta in HEX o CSS.
Anche: Palette di colori da un'immagine e contagocce · Verificatore di contrasto dei colori
Che cosa fa
Questo generatore crea palette di colori per siti web, app, presentazioni e progetti grafici. Scegli un'armonia per costruire, a partire da un colore base, colori che stanno bene insieme, oppure premi la barra spaziatrice per palette casuali, e blocca i colori che ti piacciono così che cambino solo gli altri. I colori sono calcolati nello spazio colore OKLCH, che mantiene la luminosità percepita anche quando cambia la tonalità, così le palette risultano equilibrate. Copia i colori come HEX, variabili CSS o JSON, oppure condividi la palette con un link.
Come si usa
- Scegli un'armonia e un colore base, oppure lascia Casuale.
- Premi la barra spaziatrice o Genera finché la palette non ti piace; blocca i colori che vuoi tenere.
- Fai clic su un codice colore per copiarlo, oppure copia l'intera palette come HEX, CSS o JSON.
Domande frequenti
Che cosa significano le armonie?
Sono combinazioni classiche della ruota dei colori. L'analoga usa tonalità vicine per un effetto calmo; la complementare usa tonalità opposte per un contrasto forte; la triadica e la tetradica distribuiscono tre o quattro tonalità in modo uniforme; la complementare divisa ammorbidisce la coppia complementare; la monocromatica usa una sola tonalità in più sfumature.
Perché OKLCH e non HSL?
In HSL, un giallo e un blu con lo stesso valore di luminosità appaiono molto diversi per chiarezza. OKLCH è progettato sulla percezione umana, quindi ruotando la tonalità i colori restano ugualmente chiari. Per questo motivo è lo spazio colore aggiunto al CSS.
Posso verificare se i colori sono leggibili?
Sì: usa il verificatore di contrasto per capire se un testo di un colore su uno sfondo di un altro rispetta i livelli di accessibilità delle WCAG.