Vai al contenuto

Generatore di Palette Colori

Genera belle palette di colori con modalità armonia, verifica contrasto ed esportazione CSS.

Premi Spazio per generare

#BB3613Copia
#6579E7Copia
#F8C8DFCopia
#5D891DCopia
#F11BB9Copia
#BB3613 · rgb(187,54,19) · hsl(13,82%,40%)
#6579E7 · rgb(101,121,231) · hsl(231,73%,65%)
#F8C8DF · rgb(248,200,223) · hsl(331,77%,88%)
#5D891D · rgb(93,137,29) · hsl(84,65%,33%)
#F11BB9 · rgb(241,27,185) · hsl(316,88%,53%)

Verifica Contrasto

Aa AA Non Superato
Aa AA Superato
Aa AA Superato
Aa AA Non Superato
Aa AA Superato
Aa AA Non Superato
Aa AA Superato
Aa AA Non Superato
Aa AA Superato
Aa AA Non Superato

Palette Salvate

Nessuna palette salvata.

Generatore di Palette Colori: Crea Combinazioni Armoniose

Creare palette di colori armoniose è una delle sfide più grandi nel design. Il nostro Generatore di Palette Colori gratuito elimina le incertezze nella selezione dei colori offrendo diverse modalità di armonia — Analogo, Complementare, Triadico, Monocromatico e Casuale — per scoprire rapidamente belle combinazioni di colori.

Ogni palette genera cinque colori che funzionano bene insieme. Puoi bloccare i colori che ti piacciono e rigenerare gli altri, perfezionando iterativamente la tua palette. Ogni colore mostra il suo valore in formato HEX, RGB e HSL, facile da usare in CSS, strumenti di design o qualsiasi applicazione.

Il verificatore di contrasto integrato assicura che le tue scelte cromatiche siano accessibili. Testa la leggibilità del testo contro ogni colore di sfondo seguendo le linee guida WCAG, mostrando se il testo nero o bianco soddisfa gli standard di accessibilità AA.

Salva le tue palette preferite nella memoria locale per non perdere mai una grande combinazione. Esporta la palette come variabili CSS personalizzate pronte da incollare nel tuo foglio di stile.

FAQ

Condividi
SponsorizzatoAnnuncio

Design professionale reso facile con Canva

Crea loghi, post social, presentazioni e altro con la semplicità del drag-and-drop.

FAQ

Cos'è l'armonia dei colori e perché è importante?+
L'armonia dei colori si riferisce a combinazioni esteticamente piacevoli basate sulle posizioni nella ruota dei colori. Le palette armoniose creano equilibrio visivo e sono più attraenti. Diversi tipi di armonia producono effetti e atmosfere differenti nel design.
Come scelgo la modalità di armonia giusta?+
I colori analoghi creano design calmi e unificati. I colori complementari offrono alto contrasto ed energia. Il triadico fornisce varietà vibrante con equilibrio. Il monocromatico usa una singola tonalità per design sottili ed eleganti. Il casuale è ottimo per sperimentare.
Cosa fa il blocco di un colore nella palette?+
Bloccare un colore lo mantiene fisso mentre tutti gli altri colori sbloccati vengono rigenerati. Questo ti permette di mantenere i colori che ami e trovarne di nuovi che li complementino.
Come esporto la mia palette per usarla in CSS?+
Clicca "Esporta Variabili CSS" per copiare le proprietà personalizzate CSS negli appunti. L'output include variabili come --color-1 fino a --color-5 da incollare direttamente nel selettore :root del tuo CSS.
Cos'è il contrasto WCAG e perché dovrei verificarlo?+
Le WCAG definiscono rapporti minimi di contrasto tra testo e sfondo per garantire la leggibilità. Un rapporto di 4.5:1 è necessario per il testo normale (livello AA). Questo strumento controlla ogni colore della palette come sfondo contro testo nero e bianco.

Strumenti più popolari