Costruttori e generatori
Valuta questo strumento
Voto attuale 5.0
Il tuo nome?
Qualche consiglio o suggerimento?
Scegli un colore di partenza
CHIARO
SCURO
SCALA DI GRIGI
SATURATO
DESATURATO
LUMINOSO
SCURO / CHIARO
SATURAZIONE
LUMINOSITÀ
La combinazione di colori triangolare è una variante speciale della combinazione di colori complementari divisa. Tutti e tre i colori sono distribuiti attorno alla ruota dei colori, in modo che non vi sia una chiara predominanza di un colore. I colori hanno uguale distanza tra loro.
La combinazione di colori quadrata o "Tetrad" è una variante speciale della combinazione di colori duali. Tutti e quattro i colori sono distribuiti attorno alla ruota dei colori con uguale distanza tra loro.
Le combinazioni di colori monocromatiche utilizzano un solo colore. Gli schemi monocromatici utilizzano toni diversi dalla stessa angolazione sulla ruota dei colori utilizzando la stessa tonalità.
Schemi di colori analoghi vengono creati utilizzando i colori uno accanto all'altro sulla ruota dei colori. Analoghe combinazioni di colori si trovano spesso in natura e sono armoniose e piacevoli alla vista.
Gli schemi complementari vengono creati combinando i colori dai lati opposti della ruota colori. L'alto contrasto dei colori complementari crea un aspetto vivace.
La combinazione di colori complementari divisa è una variante speciale della combinazione di colori complementari. Invece di usare colori opposti, usa i colori su entrambi i lati della tonalità opposta.
Cos'è una combinazione di colori?
Una combinazione di colori si riferisce alla gamma di colori o a una tavolozza di colori diversi che possono essere visualizzati su qualsiasi supporto e utilizzati nei programmi di pittura e illustrazione.
Le combinazioni di colori possono enfatizzare il contrasto o la consonanza, tanto più si sposano bene insieme, tanto meglio produrranno un effetto visivo piacevole e soddisfacente.
L'armonia dei colori si riferisce all'uso di combinazioni di colori che sono visivamente piacevoli per l'occhio umano.
Quanti colori dovrebbero esserci in una combinazione di colori?
Scegli 3 colori. Colore primario, colore "accento/enfatizzazioni" e neutrale. Le combinazioni di colori dei loghi possono avere da 1 a 4 colori a seconda del tipo, ma anche le combinazioni monocromatiche richiedono alcune variazioni di tonalità per scopi diversi.
La regola 60/30/10: questa regola deriva dal design degli interni ed è utilizzata anche nelle interfaccie web, usa il 60% per il colore primario, il 30% per il colore secondario/neutro e il 10% per il colore accento (come l'elemento Call To Action o pulsanti).
Il significato dei colori
Gli scienziati hanno studiato per secoli gli effetti fisiologici di alcuni colori. Oltre all'estetica, i colori sono i creatori di emozioni e associazioni. Il significato dei colori può variare a seconda della cultura e delle circostanze. Ecco perché vedi negozi di moda in bianco e nero.
Vogliono apparire eleganti e sublimi.
Le migliori combinazioni di colori provengono dalla natura. Sembreranno sempre naturali e piacevoli.
La ruota dei Colori o Color weel
Alcuni colori si abbinano bene, mentre altri si scontrano. Esistono regole su come interagiranno che possono essere osservate al meglio su una ruota dei colori.
Triangolo: La combinazione di colori triangolare è una variante speciale della combinazione di colori complementari divisa. Tutti e tre i colori sono distribuiti attorno alla ruota dei colori, in modo che non vi sia una chiara predominanza di un colore. I colori hanno uguale distanza tra loro.
Quadrato: La combinazione di colori quadrata o "Tetrad" è una variante speciale della combinazione di colori duali. Tutti e quattro i colori sono distribuiti attorno alla ruota dei colori con uguale distanza tra loro.
Monocromatica: Le combinazioni di colori monocromatiche utilizzano un solo colore. Gli schemi monocromatici utilizzano toni diversi dalla stessa angolazione sulla ruota dei colori utilizzando la stessa tonalità.
Analoghi: Schemi di colori analoghi vengono creati utilizzando colori uno accanto all'altro sulla ruota dei colori. Analoghe combinazioni di colori si trovano spesso in natura e sono armoniose e piacevoli alla vista.
Complementari: Gli schemi complementari vengono creati combinando i colori dai lati opposti della ruota dei colori. L'alto contrasto dei colori complementari crea un aspetto vivace.
Complementari divisi: La combinazione di colori complementari divisa è una variante speciale della combinazione di colori complementari. Invece di usare colori opposti, usa i colori su entrambi i lati della tonalità opposta.
Riferimenti e risorse
Condividi questo strumento
Ti è piaciuto? Condividilo!
Prova gli Strumenti correlati!
Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web
Builders and generators
5,0
Calcolatore della griglia di layout: imposta il sistema di griglia, la larghezza della pagina, il margine e le colonne. Progetta il tuo sistema di layout per pagine web, app e design di stampa.
Builders and generators Social
4,5
Trasforma le pagine web in oggetti ad alto impatto sociale e grafico. 25 Tipi di open graph per creare un enorme impatto sul traffico social del tuo sito web.
Builders and generators Google
5
Disegna rettangoli, cerchi, poligoni, linee e forme, imposta stili e colori ottieni coordinate e codice per le tue mappe Google.
Crea i tuoi service worker e arricchisci l’esperienza utente. Trasforma il tuo sito web in una Progressive Web App e arricchisci l’esperienza degli utenti.
Genera file htaccess ricco di funzioni: riscrittura www, prevenzione hotlink, pagine di errore personalizzate, regole di cache e reindirizzamenti.
Crea il tuo codice a barre personalizzato in oltre 70 formati. Scegli dati, formati e colori e ottieni il tuo Barcode personalizzato.
Genera icone per web, android, iOs, microsoft e app. Mostra una rappresentazione grafica del tuo sito all’interno della barra degli indirizzi del browser.
Scegli un tema per la mappa o crea la tua Google map personalizzata. Personalizza le mappe con la tua creatività, con impostazioni, stili e colori.
4,8
Scegli i tuoi dati e crea il tuo QR Code personalizzato. Specifica formato, dimensione, margini, set di caratteri, colori e molto altro del tuo codice QR personalizzato.
Genera meta tag richiesti e più utili per le tue pagine. Fornisci metadati sul tuo sito web e aiuta i motori di ricerca a fornire contenuti pertinenti.
Genera il markup delle Twitter Card e migliora i tuoi meta html. Allega foto, video ed esperienze multimediali ai Tweet e indirizza traffico al tuo sito.
Genera Structured Data in json-ld e migliora la tua SEO. Migliora il tuo aspetto nella Ricerca Google con i risultati rich snippet.
3,8
Genera il tuo json per Web App Manifest e migliora i dati del sito. Fornisci informazioni sul tuo sito web e consenti agli utenti un accedere rapidamente per un’esperienza migliore.