Le migliori tavolozze di colori del sito Web per aumentare l’Engagement nel 2020

La combinazione di colori che hai scelto per il tuo sito web innesca una risposta desiderata? Ti ritrovi sopraffatti dal numero di potenziali tavolozze di colori del sito web?

Tutti hanno colori preferiti tendono a gravitare verso quando si tratta di loro lavoro o in altro modo.,

Ma un designer esperto capisce l’importanza di valutare una combinazione di colori in base al marchio, ai significati dei colori e ai prodotti o servizi promossi.

Le buone scelte di colore richiedono un’attenta pianificazione.

Possono influenzare il modo in cui un visitatore interpreta ciò che vede tanto quanto il layout e la tipografia di un sito — e, se fatto bene, possono avere un impatto positivo sulla valutazione di ogni visitatore del marchio nel suo complesso.,

In questo articolo, daremo un’occhiata al motivo per cui la selezione dei colori giusti per il tuo sito è importante, così come 23 diverse tavolozze di colori da siti reali che sono efficaci nell’attirare l’attenzione dei visitatori.

Perché la tua combinazione di colori è così importante?

Prima di passare al processo di selezione di una combinazione di colori per il tuo sito, è importante capire esattamente perché la combinazione di colori del tuo sito web è così importante.

Dopo tutto, potresti pensare che sia il contenuto che conta davvero. E questo non è falso.

La gente ama il contenuto., Sono attratti da voci fresche e informazioni allettanti, ma devi prima catturare la loro attenzione. Ecco dove le tavolozze di colori del sito web entrano in gioco.

Se scegli la giusta combinazione di colori del sito web, hai l’opportunità di soffiare i tuoi visitatori con i tuoi contenuti.

Ecco come:

Crea il riconoscimento del marchio

Il tuo sito è essenzialmente la casa della tua azienda online.

Ciò significa che deve essere una rappresentazione accurata del tuo marchio. E oltre a questo, deve essere abbastanza memorabile che gli utenti torneranno dopo la loro prima visita.,

Dopo tutto, molti dei tuoi visitatori non saranno pronti a fare un acquisto o un’altra conversione importante durante la loro prima visita — e hanno bisogno di ricordare la tua azienda per tornare e intraprendere quelle azioni.

Fortunatamente, il colore aumenta il riconoscimento del marchio dell ‘ 80%.

Quindi, se la tua azienda ha già uno schema di colori stabilito, è essenziale includerlo nel design del tuo sito. Ciò renderà molto più facile per i visitatori collegarlo immediatamente con altri luoghi in cui hanno visto il tuo marchio.,

Inoltre, se la combinazione di colori è coerente in tutto il tuo sito, sapranno di essere arrivati nel posto giusto quando tornano, indipendentemente dalla pagina esatta su cui atterrano.

Oltre a dire agli utenti chi è la tua azienda, il tuo web design gioca anche un ruolo importante nei giudizi istantanei degli utenti sul tuo marchio.

Secondo un sondaggio, il 94% degli intervistati ha indicato il web design tra i principali driver delle prime impressioni del sito web.

Naturalmente, web design coinvolge molto di più di un semplice colore.,

Ma dato che il colore è uno degli elementi più evidenti sul tuo sito e uno degli unici che un utente può discernere entro quei 50 millisecondi iniziali, la tua tavolozza può fare o rompere la valutazione di un utente della tua azienda.

Forma come i visitatori si sentono sul tuo sito

In un altro studio su come si formano le prime impressioni dei consumatori, il 90% delle valutazioni iniziali si basa solo sul colore.

In una certa misura, la ragione di ciò è chiara.

Dopo tutto, il colore è uno degli aspetti più semplici di una pagina da “capire.,”Può essere valutato quasi istantaneamente e non richiede ai visitatori di valutare la copia o altri messaggi.

Ma è anche importante considerare il ruolo che la psicologia del colore gioca in questi giudizi istantanei.

Molte aziende sfruttano queste connessioni, come illustrato dai loghi nella seguente tabella.

Ad esempio, i marchi che vogliono creare un senso di creatività e immaginazione tendono a incorporare il viola nel loro immaginario, mentre i marchi che vogliono stabilire un senso di equilibrio e calma si appoggiano al bianco e nero.,

Questo si lega direttamente alla “personalità” che vuoi che il tuo marchio abbia.

In uno studio sulla personalità del marchio, la psicologa e professoressa di Stanford Jennifer Aaker ha concluso che cinque dimensioni fondamentali giocano un ruolo nella personalità di un marchio:

I marchi a volte possono mescolare tratti, ma per la maggior parte, la loro “personalità” è centrata principalmente su uno. Una società che vende attrezzi da campeggio, per esempio, si identificherebbe con “robustezza,” mentre un marchio di moda potrebbe puntare a “raffinatezza.,”

E come puoi vedere nel grafico del logo sopra, il colore può svolgere un ruolo importante nel mostrare ai consumatori come è la personalità del tuo marchio.

Anche se la maggior parte potrebbe non rendersi conto consapevolmente che il logo rosso di un’azienda è progettato per creare una sensazione di eccitazione, può ancora fare esattamente questo.

E mentre ogni colore può servire a creare una sensazione o una reazione specifica, alcuni colori sono scelte migliori di altri per la maggior parte dei marchi e dei siti web.

Ad esempio, il blu è spesso considerato la scelta più sicura., Questo è, in parte, perché è il colore “preferito” più comune tra la maggioranza della popolazione.

Infatti, il 57% degli uomini e il 35% delle donne dicono che è il loro colore preferito.

Quindi, se vuoi fare appello a un vasto pubblico, questa potrebbe essere un’ottima scelta per il tuo sito. In realtà, questo potrebbe essere il motivo per cui alcuni dei siti più visitati oggi, come Facebook e Twitter, lo usano per i loro loghi e branding.

Vale anche la pena notare che il blu è anche comunemente associato a sentimenti di fiducia, autorità e affidabilità.,

Ma questo non significa che sia la scelta migliore per ogni sito. Tutto dipende dalla sensazione che vuoi trasmettere ai tuoi visitatori.

Ad esempio, se il tuo marchio si concentra su salute e benessere, il verde potrebbe essere un’opzione migliore per creare quell’associazione. E se si desidera ottenere i vostri visitatori eccitati e spingerli ad agire rapidamente, rosso potrebbe essere più efficace per aiutare a raggiungere tale obiettivo.

Quindi, mentre selezioni i colori per il tuo sito, considera le reazioni emotive che potrebbero guidare nei tuoi visitatori.,

Ad esempio, se stai cercando di creare un senso di tranquillità per il sito web del tuo studio di yoga, red potrebbe non essere la scelta migliore — ed è meglio saperlo prima di investire denaro serio nel tuo design.

Sviluppa un senso di ordine

A parte le risposte emotive che i singoli colori che scegli potrebbero evocare, è anche necessario considerare il modo in cui i colori sul tuo sito interagiscono tra loro.

Il modo migliore per farlo è osservando alcuni principi di base della teoria del colore.,

Se hai mai preso un corso d’arte o guardato qualsiasi risorsa relativa al design, probabilmente hai visto qualcosa di simile alla ruota dei colori nella grafica sopra.

Il concetto più comune illustrato all’interno di questa ruota è la relazione tra i colori primari (rosso, giallo e blu) e i colori secondari e terziari che si formano mescolandoli insieme.

Ma oltre a ciò, questa ruota può aiutarti a creare armonia cromatica o una disposizione dei colori visivamente piacevole., Una tavolozza di web design armonioso può aiutare a stabilire un senso di equilibrio e ordine.

Esistono tre tipi di combinazioni di colori ampiamente accettati che è possibile utilizzare per stabilire questo tipo di armonia: analogo, monocromatico e complementare.

Uno schema di colori analogo è costituito da colori che cadono fianco a fianco sulla ruota dei colori. Questa è una delle tavolozze più difficili da fare bene poiché i colori possono facilmente sopraffarsi l’un l’altro.

Detto questo, combinazioni di colori analoghi sono anche alcuni dei più vivaci.,

Quindi, se vuoi creare un sito colorato e visivamente interessante, potresti fare bene con una tavolozza simile ai seguenti tre esempi:

Una combinazione di colori monocromatica cade all’estremità opposta dello spettro dal tipo precedente. Come suggerisce il nome, è costituito da un colore principale, ma l’intensità e la leggerezza delle sfumature variano.

Queste tavolozze sono tra le più facili da creare e le “più sicure” da implementare perché diverse tonalità dello stesso colore raramente si scontrano o si sentono troppo occupate.,

Quindi, se stai cercando un look relativamente semplice sul tuo sito, uno schema di colori monocromatici come questi tre potrebbe funzionare bene per il tuo marchio:

Infine, una tavolozza complementare cade da qualche parte tra schemi analoghi e monocromatici in termini di varietà.

È composto da colori che si trovano direttamente l’uno di fronte all’altro sulla ruota dei colori. Così, mentre coinvolge più colori, quei colori naturalmente si completano a vicenda e non sopraffare i visitatori.,

Se vuoi includere una certa varietà nella tua combinazione di colori senza far apparire il tuo sito troppo occupato, una combinazione di colori complementare come una di queste potrebbe essere la scelta perfetta:

Naturalmente, questi tre non sono gli unici tipi di combinazioni di colori che puoi creare. In effetti, i migliori tipi di palette variano in base a chi chiedi.

Una combinazione di colori triadica è una delle opzioni principali.

Questa combinazione di colori prevede l’utilizzo di tre colori che si trovano a 120 gradi l’uno dall’altro sulla ruota dei colori., Nel grafico sopra, quei colori sono arancione, verde e viola.

Quando selezioni i tuoi colori, ricorda che i tipi sopra elencati non sono regole definitive. Possono darti un’idea generale della sensazione generale che desideri che il tuo sito abbia, ma non sono affatto gli unici modi per creare una tavolozza che funzioni per il tuo marchio.

Indipendentemente dal tipo di tavolozza con cui vai, puoi usarla per creare una gerarchia dei contenuti più importanti su ciascuna delle tue pagine.,

Far risaltare alcuni elementi

Come ho detto nella sezione precedente, una tavolozza di siti Web a colori definita può essere utile per indicare che alcuni elementi sono importanti.

È possibile massimizzare questo impatto mantenendo l’effetto di isolamento in mente come si determina come utilizzare la combinazione di colori sulle pagine.

L’idea generale alla base di questo principio psicologico è che più un oggetto si distingue, più è probabile che venga notato e ricordato.,

Assicurati che i colori che scegli ti diano la possibilità di far risaltare alcune chiamate all’azione sulle tue pagine senza scontrarti con il resto del tuo design.

Anche questo approccio è in linea con le preferenze della maggior parte dei consumatori.

In due studi, La risposta estetica alle combinazioni di colori e le preferenze dei consumatori per le combinazioni di colori, i ricercatori hanno scoperto che mentre i consumatori preferiscono combinazioni di colori con sfumature simili, preferiscono anche tavolozze con un colore accento altamente contrastante.,

Il primo studio ha mostrato che ” la preferenza di coppia e l’armonia aumentano all’aumentare della somiglianza della tonalità.”Ma”, sebbene le coppie con tonalità altamente contrastive siano generalmente giudicate non preferibili né armoniose, le valutazioni delle preferenze di colore figurali aumentano con l’aumentare del contrasto di tonalità con lo sfondo.”

Nel secondo studio, i ricercatori hanno scoperto che “alle persone piace generalmente combinare colori che sono relativamente vicini o corrispondono esattamente, con l’eccezione che alcune persone evidenziano un componente di prodotto caratteristico usando il colore contrastivo.,”

Quindi, anche se il tuo colore accento dovrebbe avere un forte contrasto, va bene — e anche preferibile — se il resto della tua tavolozza è costituito da sfumature relativamente simili.

Ciò significa che la creazione di tavolozze di web design che includono un colore forte e accattivante non è solo efficace per isolare determinati elementi, ma è anche un ottimo modo per creare una combinazione che piacerà a molti dei tuoi visitatori.

Semplifica le decisioni relative al design

Quando si tratta di gestire un sito web o un’azienda (o entrambi!), è sempre una buona idea cercare modi per semplificare i processi di base.,

Dopo tutto, meno tempo si spende per le attività di base, più tempo si dovrà spendere per i processi e le decisioni che hanno un impatto maggiore sul vostro successo.

E stabilire tavolozze di web design è un ottimo modo per ridurre il tempo necessario per creare nuove pagine. Quando si dispone di uno schema di colori stabilito, si fanno scelte di progettazione di base molto più facile, sia per te e per i vostri progettisti e sviluppatori.,

Questo è particolarmente vero se si prende il tempo per documentare la tavolozza in un modo facile da usare come questo business ha fatto:

Quando si crea un documento user-friendly della tavolozza, si produce una risorsa a colpo d’occhio con tutte le possibili opzioni per ogni elemento.

In questo modo, se tu (o i tuoi designer) hai problemi a determinare quale colore usare per un pulsante CTA, puoi semplicemente fare riferimento al documento per un elenco completo delle tue opzioni.,

Quindi, invece di tormentare il cervello per tutte le varie possibilità, puoi scegliere da un elenco di colori preimpostato. E una volta selezionati alcuni da utilizzare o testare, tutti i codici esadecimali e RGB sono già di fronte a te.

Quanti colori dovresti incorporare?

Tutto dipende dalla complessità del tuo design e dai tipi di combinazioni di colori. Ad esempio, se stai usando una tavolozza di web design monocromatica, potresti aver bisogno di sette o anche più sfumature di quel colore per catturare abbastanza varietà sullo schermo.,

Ti consigliamo di specificare i colori per parti specifiche del tuo sito, come testo, sfondi, collegamenti, colori hover link, pulsanti CTA e intestazioni.

Come scegliere una combinazione di colori sito Web

Se non siete sicuri di come selezionare le migliori tavolozze di colori web design, controllare questo video che ho creato. Ti guida attraverso consigli pratici per la scelta di una combinazione di colori del sito web.

Idealmente, le tavolozze di colori del sito web riflettono i valori, le credenze e lo scopo di un’azienda., I colori forti possono indicare un’atmosfera meno formale e più eccitazione, mentre i colori tenui conferiscono una nota più sofisticata o formale al business.

Ma non è sempre facile da tradurre quando stai fissando migliaia di potenziali combinazioni di colori. Diamo un’occhiata a 23 grandi tavolozze di colori del sito web che possono aiutare ad aumentare il coinvolgimento.

16 Grandi tavolozze di colori del sito Web per aumentare l’impegno (2020)

I seguenti siti utilizzano varie tavolozze di colori del sito web con grande effetto. Sono scelti con cura per le emozioni che evocano e le sensazioni che trasmettono.,

Mea Cuppa

Il sito web Mea Cuppa utilizza una tavolozza di colori piacevole per gli occhi che incorpora un paio di toni gioiello (rubino e smeraldo) per la massima vivacità, ma per il resto si basa su una tavolozza neutra e monocromatica di marroni e grigi.

La tavolozza del web design evoca una sensazione di caffetteria e si riflette nell’immagine dell’eroe del sito, che crea coesione.

Il Big Top

BigTop è una comunità specializzata nell’aiutare la rete di startup., Il sito utilizza una combinazione insolita ma estremamente accattivante di toni gioiello che vanno dal viola e blu all’arancio brillante e al giallo.

I colori primari sono tutti colori freddi, il che rende i colori più caldi pop. Noterai nello screenshot della homepage che il CTA arancione e giallo attira la tua attenzione prima di ogni altra cosa.

L’occhio di Tori

Il nostro terzo esempio viene dallo strumento di visualizzazione di Twitter L’occhio di Tori. Questo è un grande esempio di una combinazione di colori per lo più monocromatica., Qui, vediamo gli effetti di una tavolozza di colori semplice ma potente centrata intorno sfumature di verde.

Questa combinazione di colori è spesso facile da estrarre, poiché una tonalità di un colore funzionerà quasi sempre con un’altra tonalità dello stesso colore.

BarkBox

Il colore rosa dominante sulla homepage di BarkBox si ripete in tutto il sito in diverse tonalità. Contrasta magnificamente con il colore blu che viene utilizzato nei loghi e CTA in tutto il sito.,

L’utilizzo di colori complementari per attirare l’attenzione dei visitatori dove si desidera può aiutare a migliorare qualsiasi tavolozza di colori del sito web.

Kit di sopravvivenza del formaggio

Il rosso è un colore estremamente popolare per una tavolozza di colori del sito web. Può trasmettere un ricco mix di emozioni, che lo rende molto versatile. È particolarmente potente se usato in piccole dosi, come vedi sul sito Web del kit di sopravvivenza del formaggio.,

Il rosso è temperato con colori più neutri e il blu aiuta a dare un pugno ai CTA e ad altre aree in cui l’azienda vuole attirare l’attenzione del visitatore.

Nordic Ruby

Nordic Ruby, una conferenza a Stoccolma, ha un bellissimo sito web progettato in ricchi toni gioiello. I colori scelti per questa tavolozza di colori del sito web conferiscono raffinatezza e lo distinguono da disegni meno impattanti.,

Lago Nona

Il lago Nona è un sito web per un luogo specifico, in particolare uno vicino all’acqua. Di conseguenza, non sorprende vedere un colore blu rappresentato qui. Gli altri colori neutri lasciano che il blu si distingua bene.

LemonStand

Ancora una volta, non c’è da stupirsi che una società denominata Lemon Stand avrebbe giallo nella tavolozza dei colori del suo sito web. Il blu e grigi coppia bene con il giallo e contribuire a temperare la sua luminosità.,

Mint

Mint è un sito web dedicato alla finanza, quindi l’uso di verdi e blues sono buone scelte. Aiutano a trasmettere calma, tranquillità e fiducia. Le tonalità neutre della famiglia marrone lo rendono una tavolozza di colori terrosi complessiva che lenisce i sensi.

Odopod

Odopod va con la tavolozza dei colori monotono, ma aiuta a evitare di sembrare noioso con un gradiente sulla sua homepage., La grande tipografia offre un eccellente contrasto, ed è ovvio dove vogliono che tu faccia clic.

Fiverr

Si potrebbe notare che molte aziende riservano un colore specifico — nel caso di Fiverr, verde — esclusivamente per CTA. Non appare altrove sul sito. In realtà, non è stato nemmeno raccolto da ColorFav perché è dominato dai colori più neutri.,

Scuola di fotografia digitale

Ci si aspetterebbe un business incentrato sulle arti grafiche di avere una tavolozza di colori sito web dominante, e la Scuola di fotografia digitale non delude. I colori vivaci aiutano a disegnare lo spettatore. E, proprio come Fiverr, l’arancione utilizzato nel CTA non appare nemmeno sulla tavolozza del sito perché è usato con parsimonia per l’impatto.,

Ahrefs

Ahrefs è un esempio di un sito web che utilizza la sua tavolozza di colori generosamente. Un blu più scuro funge da colore dominante, ma le variazioni di esso esistono in tutto il sito. Lo stesso vale per i colori arancione, rosa e verde acqua.

Millo.co

Millo.co utilizza una tavolozza di colori molto semplice sito web, ed è meglio per esso. Sappiamo esattamente dove guardare quando visitiamo un sito come questo.,

Brian Gardner

Alcune aziende e individui portano la tavolozza dei colori monocromatici all’estremo. Brian Gardner, web designer, utilizza una combinazione di colori in bianco e nero che funziona perfettamente. Si basa sul suo marchio di minimalismo, quindi riflette i suoi valori e credenze.

Telaio

I colori tenui possono funzionare bene quando si desidera mettere a proprio agio il visitatore. Loom impiega dosi liberali di salmone e baby blue., Funziona bene, soprattutto con il colore blu più scuro disponibile per CTA e altri elementi importanti sulla pagina.

Un pratico elenco di risorse per scegliere la tavolozza dei colori del sito Web perfetto

Qui ci sono 18 risorse tavolozza dei colori per impostare con la tavolozza perfetta per il tuo sito web.

Per prima cosa, hai bisogno di ispirazione?

1: BrandColors

BrandColors ti mostra come i marchi leader usano il colore per differenziare le loro attività, raccontare le loro storie di marca e far sapere ai loro clienti cosa rappresentano., È possibile scorrere in ordine alfabetico attraverso un elenco di aziende, organizzazioni non profit e start-up, o la ricerca per marca.

Cerchi una tavolozza già pronta?

2: ColourLovers

ColourLovers è un forum per la progettazione di palette, con quasi 2 milioni di tavolozze inviate dai suoi utenti. Puoi dare la caccia a ‘tavolozze che includono questo colore’, sfogliare o seguire i designer. Spesso, troverete varianti della stessa tavolozza, dando tonalità e saturazione opzioni ready made.

(Completo di nomi stravaganti.,)

3: ColoRotate

ColoRotate viene fornito con una libreria di combinazioni di colori che è possibile sfogliare, selezionare e modificare. Se si vuole costruire il proprio da zero, è possibile, con uno strumento di colore 3D. E puoi usare lo schema che hai creato direttamente in PhotoShop o Fireworks, con il plug-in ColorRotate e l’app iPad.

Abbina il tuo marchio

Ma cosa succede se hai già immagini, loghi o marchi che i colori del tuo sito web devono corrispondere?,

4: Color Hunter

Color Hunter non è uno strumento con una vasta gamma di funzionalità, come alcune delle centrali elettriche all-in-one di questa lista. Invece, è una soluzione solida per una cosa: rintracciare un particolare colore. Vai al sito, quindi rilascia un’immagine e lo strumento creerà una tavolozza per te dall’immagine. Questo è un modo solido per creare tavolozze di colori attorno alle immagini con cui il tuo sito deve armonizzarsi e puoi anche usarlo per decodificare le tavolozze dei siti che ti piacciono.,

5: Pictaculous

Pictaculous genera tavolozze di colori dalle foto – carica una foto e Pictaculous suggerirà i colori per abbinarla. Oltre a offrirti una tavolozza basata sulla foto che carichi, Pictaculous offrirà combinazioni di colori già pronte che corrispondono.

Questi strumenti genereranno intere tavolozze di colori.

6: Adobe Color CC Color Wheel

Questo strumento era conosciuto come Adobe Kuler, ed è iniziato come un sito di confronto dei colori di base. Ora, è un sistema di costruzione di palette di colori a piena potenza., Esso consente di provare, confrontare e salvare combinazioni di colori in base a una sfera di colore. È possibile scegliere i tipi di palette e generare tavolozze a cinque colori con vari livelli di input dallo strumento, tra cui completamente personalizzato e quasi automatico.

7: Paletton

Paletton consente di creare una tavolozza di colori veloce. Seleziona lo schema che desideri: mono, complementare, triadico, tetradico, analogo o accentato analogo. Quindi, quando cambi un colore nello schema, gli altri cambiano per abbinarlo.,

8: Color Spire

Color Spire crea una tavolozza di colori da un singolo colore. Si seleziona un colore di partenza, e Colore Spire suggerisce una tavolozza di colori da utilizzare in combinazione con esso. Fornisce anche un’anteprima, che ti permette di vedere come i colori che raccomanda apparirebbero in un sito web di esempio.

9: MudCube Color Sphere

(Fonte:http://htmlcolorcodes.com/resources/best-color-palette-generators/)

Color Sphere di MudCube è un plugin Chrome che consente di armonizzare i colori, il controllo per daltonismo e identificare i codici esadecimali., È inoltre possibile esportare combinazioni di colori direttamente in Illustrator, PhotoShop e CoIRD.com.

10: Coesa Colori

Coesa Colori prende la vostra tavolozza corrente e consente di manipolare, aggiungendo una sovrapposizione sfumatura nel colore della vostra scelta e la generazione di una nuova tavolozza da uno esistente rapidamente e facilmente.

11: Hex Color Scheme Generator

Questo strumento consente di generare colori che funzionano in combinazione con un colore che hai già. È un po ‘ più semplice di alcuni degli strumenti sfera di colore in questo elenco., Si incolla un numero esadecimale nello strumento o fare clic sulla ruota dei colori, e ritorna con un set di 3 colori aggiuntivi che corrispondono, completo di codici esadecimali.

Costruire i tuoi colori

Alcuni di questi strumenti hanno bisogno di avere un colore in mente per cominciare. Se non hai il marchio che devi abbinare e BrandColors non ti ha mostrato nulla che abbia attirato la tua attenzione, puoi iniziare da zero.,

12: L’app Colore

Questo strumento iOS ti consente di prendere decisioni precise tra colori simili, disponendoli chiaramente con un po ‘ di spazio tra di loro piuttosto che in gradienti, come nelle ruote dei colori e nelle sfere. Grandi griglie di colore consentono di utilizzare l’intero schermo (gli utenti iPad Pro, gioire!) e consente anche di campionare i colori, trovare valori RGB, Hex e HSLA e creare tavolozze di colori da zero.,

13: Colore

Il colore, di HailPixel, ti consente di inchiodare esattamente il colore desiderato e quindi ti dà il codice esadecimale.

Passa il mouse sullo schermo e il colore cambia leggermente mentre ti muovi – è come una sfera di colore che si alimenta costantemente in codici esadecimali. Spostare sullo schermo per il colore, su e giù per la saturazione.

Ottieni i codici per un colore

Se hai visto un colore da qualche parte e non sai esattamente come chiamarlo, questi sono gli strumenti per te.,

14: SpyColor

SpyColor fornisce informazioni su qualsiasi colore, compresi i codici Hex, RGB, CMYK e altri. Lo strumento mostra gamma di tipi di schema come complementare, split-complementare, triadico, scontro e analogo, su ogni pagina a colori.

15: Codici colore HTML

Codici colore HTML trova i codici esadecimali per i colori delle immagini nel browser. Si seleziona un’immagine dal desktop e fare clic su ‘visualizza immagine’, quindi il mouse su di esso per ottenere i codici esadecimali per le diverse parti dell’immagine.,

Metti alla prova la tua tavolozza

Una volta che hai una tavolozza di colori in atto, devi sapere se funzionerà per una varietà di visitatori.

16: Controlla i miei colori

Controlla i miei colori consente di controllare i colori di primo piano e di sfondo della tavolozza dei colori, assicurandosi che forniscano un contrasto sufficiente per chi ha deficit di colore. Se si vuole a prova di daltonismo il tuo sito, o semplicemente ottenere le combinazioni di colori più efficaci e intuitive da una prospettiva UX, questo strumento è prezioso., Inserisci un URL e sputa un report:

basically che in pratica passa attraverso tutto il codice per il tuo sito e classifica tutti gli elementi visivi in esso contenuti sulla visibilità.

Immagini corrispondenti

Ora la tavolozza dei colori è a posto e si sa che è super visibile, avrete bisogno di alcune immagini per abbinare.

17: TinEye

TinEye è meglio conosciuto come un’alternativa alla ricerca di immagini di Google., Ma funziona anche come un modo per esplorare combinazioni di colori, utilizzando un database di oltre 10 milioni di fotografie di licenza Creative Commons raccolte da Flickr. Se stai cercando immagini nella combinazione di colori perfetta, questo è un ottimo modo facile da usare per cacciarle.

18: Designspiration

Designspiration ti consente di selezionare fino a cinque tonalità da una tavolozza a pagina intera, che ti dà l’opportunità di vedere chiaramente i colori. Quindi, il sito visualizza tutte le immagini nel suo database con quella combinazione di colori., Esso mostra chiaramente i numeri esadecimali, e consente di fare clic su singoli numeri esadecimali. È possibile salvare le immagini nelle raccolte sul sito e scaricarle.

Come utilizzare uno strumento di comportamento sito Web per analizzare le migliori tavolozze di colori

Si potrebbe pensare che tutto quello che dovete fare è scegliere una tavolozza di colori sito web e andare avanti a tutto vapore avanti. Non e ‘ il modo migliore per fare affari.

Pensaci. Si prova il tuo CTA, titoli, e altri elementi del sito web. Perché il colore dovrebbe essere diverso?,

Uno strumento di analisi del comportamento del sito web come Crazy Egg offre l’opportunità perfetta per capire come il pubblico risponde alla tavolozza dei colori corrente.

I rapporti sul comportamento degli utenti come heatmap ti diranno se i tuoi colori stanno catturando gli occhi delle persone che contano di più — i tuoi clienti attuali e potenziali.

Quando hai dati grezzi nelle tue mani, puoi prendere decisioni informate sulla tavolozza dei colori del tuo sito web.,

Immagina di aver creato un sito web per un pubblico di amanti dello sport e di aver scelto i colori blu e rosa e un paio di grigi neutri. Al tuo pubblico non piace.

Forse non trasmette abbastanza bene la tua immagine. Gli amanti dello sport potrebbero apprezzare colori più audaci, più scuri e toni terrosi.

Non lo saprai finché non proverai.

Inizia a usare Crazy Egg

Crea un account Crazy Egg gratuito per iniziare la prova gratuita o accedi per impostare i rapporti sul comportamento degli utenti.

È possibile eseguire più test contemporaneamente in modo da non perdere ore, giorni o settimane., Invece, è possibile acquisire i dati in tempo reale e riorientare i vostri sforzi per trovare la migliore tavolozza di colori possibile.

Conclusione

La tavolozza dei colori del tuo sito web non dovrebbe solo riflettere il tuo marchio, ma anche attirare il tuo pubblico. Altrimenti, le persone potrebbero essere disattivate dal tuo sito senza nemmeno rendersene conto.

Inizia con quello che ti piace. Considera la scelta di una tavolozza diversa dagli altri nella tua nicchia in modo da distinguerti. Quindi iniziare il test.

È facile cambiare i colori sul tuo sito. Se si conosce HTML, è possibile modificare manualmente i codici esadecimali nei file del tema., Molti temi WordPress sono dotati anche di personalizzatori che ti permettono di cambiare i colori senza conoscere alcun codice.

Concediti l’opportunità di rendere il tuo sito il più visivamente accattivante e memorabile possibile.