Monu Tools

Generatore di palette di colori

Genera una scala di tinte e sfumature piu colori complementari, analoghi e triadici da un colore base.

Come usare Palette di colori

  1. 01

    Scegli un colore base o digita un valore hex.

  2. 02

    Scorri la scala da chiaro a scuro e i colori di armonia.

  3. 03

    Clicca su qualsiasi campione per copiare il suo codice hex.

Cosa fa questo generatore

Questo generatore di palette di colori trasforma un singolo colore di base in una scala completa dal chiaro allo scuro, più armonie complementari, analoghe e triadiche, con ogni campione copiabile come codice esadecimale in un clic.

Tutto viene calcolato nel tuo browser a partire dal colore che inserisci, quindi nulla viene caricato.

Come è costruita la scala di tinte e ombre

La scala di tinte e ombre mantiene la tonalità e la saturazione di base e distribuisce la luminosità dal chiaro allo scuro, dando un insieme coerente di passaggi. È esattamente il tipo di scala che un design system usa per sfondi, bordi, testo e stati.

Armonie complementari, analoghe e triadiche

Le armonie derivano dalla teoria dei colori, basata sulla rotazione della tonalità intorno alla ruota dei colori. Complementare è la tonalità opposta per un forte contrasto, analoga sono le tonalità vicine per un aspetto calmo e coeso, e triadica sono tre tonalità equidistanti per un insieme equilibrato e vivace.

Costruire una palette da un colore di brand

Insieme questi ti danno una palette di partenza pratica da un colore di brand: una scala per i tuoi neutri e le tue ombre, e armonie per accenti e punti luce, senza indovinare i codici esadecimali a mano.

Inserisci un colore di base con il selettore di campioni o tramite esadecimale, e la palette si aggiorna istantaneamente così puoi esplorare le variazioni rapidamente.

Domande frequenti

Come viene costruita la scala?

Mantiene la tonalità e la saturazione di base e distribuisce la luminosità dal chiaro allo scuro, dando un insieme coerente di tinte e ombre, simile alla scala di colori di un design system.

Cosa sono i colori complementari, analoghi e triadici?

Sono relazioni di armonia dei colori basate sulla rotazione della tonalità: il complementare è opposto, l'analogo è vicino e il triadico è equidistante attorno alla ruota.

Viene caricato qualcosa?

No. La palette viene calcolata interamente nel tuo browser a partire dal colore che inserisci.

Qual è la differenza tra una tinta e un'ombra?

Una tinta è il colore di base mescolato verso il bianco (più chiaro), e un'ombra è mescolata verso il nero (più scura). La scala ti dà una gamma fluida di entrambe a partire dal tuo colore di base.

Come li uso in un design?

Usa la scala dal chiaro allo scuro per sfondi, bordi e testo, e scegli dalle armonie complementari, analoghe o triadiche per accenti, pulsanti ed evidenziazioni.

Incorpora questo strumento

Aggiungi questo strumento al tuo sito web. Copia lo snippet qui sotto; si aggiorna automaticamente.

<iframe src="https://monu.tools/embed/it/color-palette-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Strumenti correlati