Generatore di palette di colori
Scegli o digita un colore base: questo strumento lo converte in HSL e genera tre palette pronte all'uso attorno ad esso — complementare, analoga e triadica — così puoi esplorare rapidamente combinazioni di colori per un progetto. Clicca su un campione per copiarne il codice esadecimale.
Complementare
Analoga
Triadica
Come funziona
I colori vengono convertiti in HSL (tonalità, saturazione, luminosità), così da poter generare nuovi colori semplicemente ruotando la tonalità. Una palette complementare aggiunge il colore direttamente opposto sulla ruota cromatica (+180°); una palette analoga aggiunge le due tonalità vicine (±30°); una palette triadica aggiunge due tonalità distribuite uniformemente sulla ruota (+120° e +240°).
Suggerimento
Clicca su un campione per copiarne il codice esadecimale negli appunti: comodo per incollarlo direttamente nel tuo strumento di design o nel CSS.
Quale palette dovrei usare?
Le palette complementari creano un contrasto deciso e funzionano bene per un singolo colore d'accento; le palette analoghe risultano calme e coerenti, ottime per sfondi e sfumature; le palette triadiche sono vivaci ed equilibrate, utili quando servono tre colori che risaltino tutti.
Altri strumenti in questa categoria
Calcolatore di esposizione
Trova esposizioni fotografiche equivalenti tra apertura, tempo di posa e ISO.
Calcolatore di proporzioni
Ridimensiona un'immagine o un video proporzionalmente e trova il rapporto semplificato.
Generatore di gradienti CSS
Crea un gradiente CSS lineare o radiale e copia il codice generato.
Verificatore di contrasto
Verifica se un colore di primo piano e di sfondo rispettano le linee guida di contrasto WCAG.
Convertitore di formati colore
Converti qualsiasi colore tra HEX, RGB, HSL e CMYK all'istante, con copia in un clic per ogni formato.
Generatore di scala tipografica
Genera una serie armoniosa di dimensioni del carattere a partire da una dimensione base e un rapporto di scala, pronta da copiare come proprietà personalizzate CSS.