beancuit
IT

Generatore di palette di colori

Trasforma un colore in una palette armoniosa e copiala come codici HEX o variabili CSS.

  • 7 regole di armonia
  • Esportazione in variabili CSS
  • Tocca per copiare

Colore di base

Inserisci un colore di base.

Come funziona

Scegli un colore di base e una regola di armonia: viene creata una palette coordinata ruotando la tonalità sulla ruota dei colori o cambiando la luminosità. Tocca un campione per copiarne il codice, oppure copia l'intero set come variabili CSS per il tuo foglio di stile.

Complementari = tonalità + 180° · Triade = tonalità + 120° e + 240°

Regole di armonia

  • Complementari: colori opposti per un contrasto forte e per i pulsanti di invito all'azione.
  • Analoghi: colori vicini sulla ruota per design calmi e naturali.
  • Triade e tetrade: tre o quattro tonalità equidistanti per palette vivaci ed equilibrate.
  • Complementari divisi: i due colori vicini all'opposto — contrasto con meno tensione.
  • Monocromatico, tinte e ombre: una sola tonalità in vari livelli di luminosità, ideale per gli stati dell'interfaccia.

Consigli

  • Usa un colore come tono principale, uno come accento e gli altri con moderazione.
  • Prima di pubblicare, controlla le coppie testo e sfondo con il verificatore di contrasto.
  • Tutto funziona nel browser; non viene salvato nulla.

Standard e fonti

  • Le armonie sono calcolate sulla ruota dei colori HSL definita nel CSS Color Module Level 4

Ultima revisione 7 ottobre 2026

Domande frequenti

Come creo una palette da un solo colore?

Inserisci il colore di base e scegli una regola di armonia. Lo strumento ruota la tonalità sulla ruota dei colori o cambia la luminosità per creare colori abbinati.

Quale armonia è migliore per un sito web?

Le palette analoghe o monocromatiche risultano calme e coerenti; aggiungi un colore complementare come accento per pulsanti e link.

Cosa sono tinte e ombre?

Le tinte sono versioni più chiare di un colore e le ombre versioni più scure. Sono utili per gli stati al passaggio del mouse, i bordi e gli sfondi.

Posso esportare la palette?

Sì. Copia il blocco di variabili CSS, oppure tocca un campione per copiare un singolo codice HEX.

Può suggerire una palette casuale?

Tocca “Colore di base casuale” per partire da un colore nuovo, poi cambia regola di armonia per esplorare.

Altri strumenti

CalcolatriceCalcolatrice semplice per tutti i giorni, con cronologia e tasto percentualeCalcolatrice scientificasin cos log √ ^ π, con tastierino gradi/radiantiCalcolatrice percentualeX% di Y, che % è un numero dell'altro, variazione %Convertitore di unitàLunghezza, peso e temperatura in ogni unitàCalcolatrice per dateGiorni tra due date, oppure aggiungi e sottrai giorni, settimane, mesi e anniContatore di parole e caratteriCaratteri, parole, caratteri CJK, byte UTF-8 e tempo di letturaConvertitore CSV, JSON e XMLCSV, TSV, JSON, XML ed Excel in un solo strumento, con codifica CJK correttaConvertitore di coordinate e mappaCoordinate decimali, DMS e DDM con distanza, mappa ed export GPX/KMLCalcolatrice rata prestitoRata mensile, interessi totali e rimborso di ogni prestitoCalcolatrice dell'interesse compostoValore futuro di investimenti mensili e versamenti uniciCalcolatrice per dividere il conto e manciaDividi il conto, aggiungi la mancia e arrotonda a una cifra comodaCalcolatore di scontiPrezzo scontato, percentuale di sconto, risparmio e prezzo pieno in un unico postoCalcolatrice BMIIndice di massa corporea, categoria e peso sano per altezzaCalcolatrice MB e calorieMetabolismo basale e calorie giornaliere per attivitàGeneratore di passwordPassword casuali sicure con lunghezza, simboli e robustezzaGeneratore di codici QRCodici QR gratis per link e testo, download PNG o SVGLettore QR code e codici a barreLeggi QR code e codici a barre con la fotocamera o da un'immagineGeneratore di numeri casualiNumeri casuali, lotteria, estrazione da lista, dadi e moneteConvertitore maiuscole minuscoleMaiuscolo, minuscolo, camelCase, snake_case, ordina e deduplica righeRidimensiona immaginiRidimensiona e comprimi foto in JPG, PNG o WebPCodificatore/decodificatore Base64 e URLCodifica e decodifica Base64, URL, HTML, HEX e UnicodeConvertitore di timestamp UnixDa tempo Unix a data e viceversa, in qualsiasi fuso orarioConvertitore di coloriHEX, RGB, HSL e CMYK con controllo del contrasto WCAGFormattatore e validatore JSONFormatta, minifica e valida JSON con la riga dell'erroreSelettore di coloriPreleva colori da una tavolozza, dallo schermo o da una fotoGeneratore di gradienti CSSGradienti lineari, radiali e conici in CSS e PNGEstrattore di colori da immagineTrova i colori principali di una foto o di un logoVerifica contrasto coloriControllo del contrasto WCAG AA e AAA con correzioni

I risultati sono solo indicativi. I calcoli possono essere errati e non costituiscono consulenza legale, medica o finanziaria. Prima di decisioni importanti verifica sempre con l'autorità competente o un professionista.