Calcolo

Generatore di tavolozze di colori gratuito

Crea istantaneamente una palette di colori corrispondenti a partire da un colore HEX: sfumature, complementari, analoghi, triadicati e tetraditi. Include la copia di codici HEX/RGB/HSL.

Creatore di tavolozze di colori
Tonalità chiare (Tinte)
Tonalità scure (sfumature)
Complementare
Analogo
Triadico
Tetradico
Informazioni

Informazioni su Color Palette Builder Free

La creazione di una palette di colori è uno dei passaggi più cruciali nei progetti di web design, grafica e identità di marca. Una palette di colori ben scelta migliora l'esperienza utente, rafforza la coerenza del marchio e riduce l'affaticamento visivo. Creatore di tavolozze di colori Hostragons In questo modo, è possibile creare istantaneamente cinque diversi stili di tavolozza partendo da un singolo colore primario.

Attrezzo; tinte (tonalità chiare) e sfumature (toni scuri), complementare, analogico, triade e tetradico Calcola le armonie cromatiche secondo la teoria del colore. Per ogni colore... ESADECIMALE, RGB e HSL È possibile copiare i formati con un solo clic. Il colore desiderato può essere inserito digitando il codice HEX o utilizzando il selettore colori.

Tutti i calcoli vengono eseguiti in tempo reale nel tuo browser; nessun dato viene inviato a un server. Puoi utilizzare questo strumento come riferimento per la preparazione di variabili CSS, colori del tema Tailwind o stili di colore Figma. Grazie alla sua interfaccia in turco e al design ottimizzato per dispositivi mobili, funziona perfettamente sia su computer desktop che su smartphone.

Come si usa?

Passo dopo passo

  1. Inserisci un codice colore nella casella HEX (ad esempio #3b82f6) oppure sfoglia i colori cliccando sull'icona del selettore colori.
  2. Lo strumento sceglierà automaticamente il colore che hai selezionato. tonalità, complemento, analogico, triade e tetradico Produce pallet.
  3. Sotto ogni riquadro colorato HEX, RGB e HSL Vedrai i valori; copiali negli appunti facendo clic sul formato desiderato.
  4. Quando si cambia il colore principale, tutte le tavolozze si aggiornano istantaneamente; anteprima dal vivo Grazie a questo, noterete subito l'armonia.
FAQ

Domande frequenti

Il colore esattamente opposto (180°) al colore selezionato sulla ruota dei colori è chiamato colore complementare. Offre un elevato contrasto ed è ideale per creare accenti di colore di grande impatto visivo.

I colori analoghi sono colori adiacenti (±30°) sulla ruota dei colori. Questa armonia, spesso presente in natura, appare calma ed equilibrata all'occhio ed è comunemente utilizzata nelle combinazioni di colori tra sfondo e testo.

Nell'armonia triadica, il cerchio cromatico è diviso in tre parti uguali (120°); questo crea tavolozze equilibrate e vivaci. Nell'armonia tetradica, quattro colori sono disposti a intervalli di 90°; questo offre una tavolozza più varia, ma richiede un uso attento.

Puoi aprire il selettore colori del tuo sistema operativo facendo clic sull'icona corrispondente. Se disponi di valori RGB o HSL, puoi prima convertirli in formato esadecimale utilizzando un convertitore online e incollarli qui.

Copia il valore HEX o HSL di ciascun colore. :root { --primary: #3b82f6; } È possibile definirlo come variabile CSS in questo modo. Il formato HSL è particolarmente adatto per regolare programmaticamente luminosità e saturazione.
Torna a tutti gli strumenti gratuiti