Combinazioni di colori / Modern Color Palette Collections 2020 & 2021

Tim Brown
Tim Brown

Tim Brown è il proprietario di Hook Agency, una società di SEO e Web Design focalizzata principalmente sulla guida del traffico e conduce per le piccole imprese, roofers e imprese di costruzione.

È di nuovo quel periodo dell’anno, in cui consideriamo quali sono state le tendenze del colore negli ultimi due anni e come potrebbero cambiare nel 2021. Quali combinazioni di colori esploderanno nel 2021? Quali colori moriranno piatti e senza vita e saranno relegati al rack di sconto?

  • Questo elenco di tavolozze di colori impressionante sarà un ottimo strumento per i progettisti che cercano di rinfrescare il loro lavoro nel 2021.
  • Questi non sono generati automaticamente, ma piuttosto curati per i designer dai designer.
  • Abbiamo integrato alcune delle migliori tavolozze di colori da tutto il web e aggiunto alcuni dei nostri!

Prima di tutto ecco alcune previsioni per le tendenze del colore nel 2021 basate su stilisti e aziende di vernici:

Perché abbiamo fornito questa lista? Serviamo le piccole imprese e gli appaltatori! Scopri i nostri post sul blog su Cavi di copertura, cavi HVAC, cavi di costruzione e il nostro tetto SEO, Costruzione SEO e HVAC SEO servizi!

Sommario

Combinazioni di colori per il 2021!

orange and green website color scheme 2021Ripped - bright color scheme for 2021

color scheme 2021

comfort fit tan pink green color scheme 2021

muted green and yellow color scheme 2021

Here are last years color schemes “2020 Color Schemes” – Shared December of 2020!

Bitchin Kitchen Color Palette 2020

Wind Glider Color Scheme 2020

Vintage Sexy Color Pallette Scheme, Interior Design and Graphic Design

Trusted Source Color Scheme for 2020

Swanky Color Schemes for 2020

Pink Autumn Color Palette 2020

Muted / Sophisticated Color Scheme Palette 2020

Leveling, Comfortable Color Pallette Scheme

Kids Room Color Palette 2020

Vintage Dusk Color Palette 2020Rustic Western Color Palette 2020Soft Subtle Color Palette 2020PB aand J Color Palette 2020Lilac Color Palette 2020Muted Lavendar Color Palette 202080s Neon Color Palette 2020Bright Treefrog Kids Room Color Palette 2020Beach House Color Palette 2020Temporale Tavolozza dei colori 2020Koi pesce Tavolozza dei colori 2020Vintage 80s Diner Tavolozza dei colori 2020

Da quando ho iniziato a bloggare nel 2012 – il la domanda di più combinazioni di colori del sito Web è stata follemente alta. Ecco perché quando ho visto l’Instagram a colori AWSM, sono rimasto affascinato. Non sono riuscito a trovare queste combinazioni di colori curate in qualsiasi modo facile da salvare su Internet ovunque. Quindi perché non condividerli per tutte le persone in cerca di combinazioni di colori del sito Web 2019-2020!

Spero che ti piacciano tanto quanto me – e per favore segui AWSM Color su Instagram.

blue-dark-light-grey-schemeblue-pink-orange-color-schemespurple-pink-dark-color-schemepink-orange-tan-20201-color-schemes-2019green-tan-yellow-orange-color-schemes-2020orange-pink-color1-green-grey-colorblack-yellow-black-color-schemes-2021purple-color-scheme-2019color-pink-purple-palettepurple-grey-blue-black-color-palette-2020brown-orange-brown-2019blue-green-white-color-scheme-2019pink-purple-white-colorsblue-orange-grey-color-palette-scheme-trends-red-brown-pink-color-palette-2019pink-grey-black-color-palette-2018pink-purple-color-schemesawsm-color-2019pink-orange-purple-color-schemetan-creme-makeup-fashion-palette-2019-web-design-schemes-trendsblue-green-grey-colors-2019brown-pink-tan-color-palette-2019orange-blue-black-palette-20211-color-scheme-20191-purple-orange-pink-schemes1-brown-tan-colors-pallettes-2019orange-black-grey-modern-color-palette-schemesverde-marrone-grigio-colori-2019blu-verde-grigio-colori-2019rosa-verde-verde scuro-grigio-2017-schemirosa-viola-giallo-grigio-tavolozza-schema

La Migliore combinazione di Colori di strumenti là fuori oggi per il 2021:

I criteri:

  • Deve essere di facile esportazione combinazioni di colori
  • È gratuito per l’uso
  • Effettivamente impressionanti combinazioni di colori.
  1. Dispositivi di raffreddamento.co-arriva con alcune combinazioni di colori decenti-basta premere genera un paio di volte per ottenere il suo motore installato e funzionante!

Combinazioni di colori 2020

2. Paletton – “Aggiungi complementare” e trascinare il selettore sul grafico a colori per trovare i colori facilmente. Prova alcune delle sue altre impostazioni per familiarizzare con questo strumento super utile e potente.

Combinazioni di colori 2020-strumenti da utilizzare

3. Colormind.si dice che io – Colormind usi “deep learning” per assimilare combinazioni di colori da film e arte popolari – per aiutare a trovare combinazioni di colori migliori. Se non altro, è un giro divertente sulle combinazioni di colori per 2021!
Strumenti combinazione di colori
Grazie per la lettura-bookmark questo post. Aggiungeremo presto altre combinazioni di colori per il 2021, mentre iniziamo ad analizzare le tendenze degli stilisti di alta moda per il 2021. Scriveremo anche un articolo approfondito su queste tendenze nelle prossime due settimane, quindi tieni d’occhio.

12 Moderni Colore Tavolozza degli Strumenti da Utilizzare in 2019-2021

Coolors.io

adatto Per: Graphic Designer / Web Designer

Avere un partner che si preoccupa soprattutto su Web design e SEO per agganciare meglio conduce: Avviare la conversazione

Refrigeratori.co

Coolors.co è il primo e più completo strumento disponibile per la tavolozza dei colori e il sistema di generazione di questo elenco. La piattaforma è incredibilmente robusto e dispone di una web app per la generazione, così come un IOS-App, caricamento delle immagini a colori, regolazioni in anticipo, e le opzioni di esportazione/condivisione. Viene fornito anche con un plugin per i programmi Adobe CC (Photoshop & Illustrator), anche se questa funzione ha un costo di $5 (che personalmente ritengo sia abbastanza conveniente). Una delle cose che mi piace di più, però, è che siete in grado di firmare per un account gratuito per gestire e organizzare le tavolozze di colori si generano. Questo account si sincronizzerà anche con le app iOS + Adobe. Ciò è particolarmente utile se sei un grafico o web designer cercando di tenere traccia dei colori generati per una varietà di clienti. Inoltre è utile se hai bisogno di un accesso rapido durante la progettazione. Un altro bonus è che Coolors viene fornito con due mesi di lezioni gratuite a Skillshare.com. Direi che è un bel furto!

Canva.com

Ideale per: Grafici amatoriali

Canva

Canva.com offre uno strumento che consente agli utenti di caricare un’immagine da cui verrà generata una tavolozza di colori. La cosa fantastica è che questo strumento è offerto interamente GRATUITAMENTE SENZA ISCRIZIONE. Questo è estremamente utile quando si progettano materiali per un marchio che ha una forte presenza fotografica e dove i colori non contano con il branding. O forse c’è una fotografia specifica a cui il cliente è attratto e vorrebbe una tavolozza generata per il proprio marchio da quella.

Canva.com offre anche una varietà di altri strumenti gratuiti, come il loro strumento di corrispondenza tipografica, design dimensionamento guida, logo maker, e strumento di fotoritocco. Tuttavia, se gli utenti vogliono sfruttare la piattaforma Canva completa che include funzionalità ancora più robuste con la gestione degli account, l’esportazione e un’app Web di photoshop, dovranno pagare un canone mensile. Ci sono anche sconti per studenti e organizzazioni non profit.

Colormind.io

adatto Per: Graphic Designer / Web Designer

Colormind.io

Quando ho trovato Colormind.io, ho pensato che fosse una semplice combinazione di colori generazione di app, ma dopo aver scavato un po ‘ più a fondo, mi sono reso conto che è molto di più e molto più bello di quello. Colormind at the core È un’app web che ti consente di generare combinazioni di colori per il tuo sito. Ma ciò che lo rende unico è che in realtà visualizza ciò che questo sarà simile su un sito web per voi. Ha anche il supporto integrato per la progettazione dei materiali e il supporto per il caricamento delle immagini. Quanto e ‘ figo? Semplice ma davvero ottiene un po ‘ di chilometraggio da quello che fa. Check it out per voi stessi a Colormind.io.

Mycolor.spazio

Ideale per: Web Designer / UI Designer

Spazi colore

Questo è uno strumento che uso personalmente un po’. Quello che mi piace molto di MyColor.Lo spazio è la sua semplicità ed è un’interfaccia utente pulita. Lo strumento di generazione della tavolozza dei colori consente di scegliere un singolo colore da cui l’app Web sputerà una varietà di sfumature e codici esadecimali basati su quel colore. Inoltre, l’applicazione web ha anche alcuni grandi strumenti di generazione gradiente. Quello che mi piace molto dello strumento di generazione del gradiente è che sputa il CSS necessario per produrre i gradienti. Quindi puoi semplicemente copiarli e incollarli direttamente nel tuo codice front-end!

Semi di design

Migliore per: Visual Designer / Graphic Designer/Web Designer

Design Seeds

Quale sarebbe un post sul blog di color palette tools senza includere Design Seeds? Non è una web app di generazione di palette, ma invece un blog dedicato alla pubblicazione di ispirazione palette. Quello che faranno è scattare una foto e poi pubblicare una tavolozza basata su quella foto con un nome alla moda come “Moody Opulence” e “Drift.”Personalmente non uso molto questo sito, ma lo invio ai clienti quando cerco di capire il loro marchio. È utile se non hai un punto di partenza o sai davvero cosa stai cercando quando si tratta di ispirazione per il design. Penso anche che questo sia qualcosa che si estenderebbe nello spazio dell’interior design.

Pantone Studio

Ideale per: Graphic Designer/Print Designer

Pantone Studio

Questa lista non sarebbe completa senza menzionare Pantone, soprattutto perché sono essenzialmente i maggiori esperti di colore. Si scopre che hanno un app piuttosto fresco per mettere insieme tavolozze. Con l’app, puoi scoprire una varietà di armonie di colori, valori e riferimenti incrociati mentre li sputi in RGB, CMYK e HEX. L’unico inconveniente è che l’app è solo iOS, quindi gli utenti Android perdono. Inoltre, non sono sicuro di usare davvero app per telefoni cellulari come questa nel mio processo di progettazione, ma potrebbe funzionare meglio per qualcun altro. Fare un tentativo per vedere se funziona per voi!

Adobe Kuler (ruota dei colori)

Migliore per: Graphic Designer / Web Designer / UI Designer

Adobe Color Wheel

Conosco Adobe Kuler da molto tempo perché esisteva come app per iOS. Può ancora, lo ammetto, che non ho ancora confermato questo. Tuttavia, se vai sul sito, ora si collega a uno strumento di generazione di palette di colori piuttosto semplice. Senza fronzoli qui, ma sei in grado di generare tavolozze importando un’immagine o utilizzando una ruota dei colori. È quindi possibile salvare quei temi. Se hai un account Adobe CC, puoi salvarlo nel tuo profilo e sincronizzarlo con le tue app CC. Piuttosto elegante se me lo chiedi! L’unico problema qui è che se non sei super ispirato (ti consiglio di controllare i semi di design prima nel post), potrebbe essere difficile iniziare.

Tavolozza del sito

Ideale per: Web Designer / UI Designer / Sviluppatori front-End

Tavolozza del sito

Dare un po ‘ più di amore per Web/UI / Front-End in questa lista, vi presento la tavolozza del sito. Site Palette è un’estensione per Chrome, Safari e Firefox che consente di generare tavolozze di colori complesse. Ha anche la capacità di afferrare/estrarre combinazioni di colori da siti Web preesistenti. Quindi, se ti piace quello che fa l’altro ragazzo, allora è tuo per la presa. Si tratta di uno strumento chiazza di petrolio con una grande interfaccia utente in cui è possibile condividere in applicazioni come Sketch e Adobe. Se vuoi immergerti ancora più a fondo, viene fornito anche con un’API per l’estrazione del colore semantico. Questo è un po ‘ al di sopra del mio grado di retribuzione per capire, ma nient’altro in questa lista lo fa. Mentre c’è una versione gratuita, viene fornito con una versione PRO in cui i prezzi si basano su richieste API, se ne avete bisogno.

Bootstrap Magia

Migliore per: Web Designer / UI Designer / Sviluppatori Front-End
Bootstrap Magia

Gridare a tutti i web, UI, e Front-End designer che utilizzano Bootstrap! Il quadro reattivo più popolare del pianeta! Una delle cose che personalmente non mi piace di Bootstrap è che la colorazione standard è piuttosto generica. Personalizzare questo è un P. T. A. enorme se sai cosa sto dicendo e hai familiarità con il tentativo di farlo. Inserisci Bootstrap Magic dove personalizzare le combinazioni di colori per Bootstrap diventa un gioco da ragazzi totale. È ancora noioso passare e scegliere i colori per tutto, ma almeno hai un’interfaccia utente di fantasia per farlo invece di scavare attraverso linee minificate di variabili e mixin SASS. Bootstrap viene fornito anche con un editor HTML in modo da poterlo fare direttamente dall’interfaccia utente se necessario (spesso aggiusto cose come pulsanti e altezze di linea). Questo è un web app gratuita, in modo da andare noci!

Bootstrap.costruire

Ideale per: Web Designer / UI Designer/Sviluppatori front-End

Bootstrap Costruire

Bootstrap.build è abbastanza simile a Bootstrap Magic sopra, anche se sembra essere un po ‘ più robusto. Questa applicazione web è dedicata più verso gli sviluppatori con un sacco di personalizzazione variabile SASS. E ‘ anche con le opzioni di esportazione/importazione dedicati, così come una modalità di anteprima. L’interfaccia utente è un po ‘ più piacevole, anche a mio parere. Questo viene fornito con opzioni pro per $5 al mese, che consente di organizzare i temi Bootstrap in vari progetti. È inoltre possibile ospitare i temi tramite CDN. Queste sono caratteristiche piuttosto preziose se stai facendo un sacco di progettazione e sviluppo per i clienti. Check it out per vedere se funziona per voi!</p

Materiale Strumento di colore

Ideale per: UI Designer/App Designer

Se abbiamo intenzione di dare Bootstrap un po ‘di amore, abbiamo bisogno di dare materiale, standard di progettazione di Google, un po’ di attenzione pure. Google è venuto fuori con materiale come mezzo per razionalizzare il loro design su tutte le loro piattaforme. Hanno persino rilasciato questi standard al pubblico per rendere l’integrazione delle app più fluida e nativa. Come parte di questo, offrono una varietà di strumenti di app Web per progettisti e sviluppatori per aiutare a costruire interfacce basate su questi standard. Ecco dove entra in gioco lo strumento Colore materiale di Google. È una bestia piuttosto complessa, ma se stai progettando un’app Android che aderisce agli standard di Material design, questo strumento è essenziale per dar vita a questo.

Tavolozza dei colori dei materiali

Ideale per: UI Designer / App Designer / Web Designer

Un altro strumento basato sul materiale è Material Design Palette. Questo è significativamente più semplice dello strumento materiale di Google. Lo strumento Tavolozza ti consente di selezionare due colori, che genereranno automaticamente un palato in base agli standard materiali di Google. Mentre lo scopo dello strumento è app-centric, potrebbe essere utile se si erano solo alla ricerca di un mezzo di generazione palato colore. L’applicazione sputa fuori codici esadecimali e tutti in modo che i colori potrebbero davvero essere utilizzati per qualsiasi applicazione. C’è anche una guida di riferimento icona materiale nifty così come una guida di riferimento colori materiali in cui è possibile copiare e incollare codici esadecimali. Guarda qua!

Il 62% delle aziende intervistate ha dichiarato di ritenere che un sito Web debba essere ridisegnato ogni 2-3 anni. Fonte: Hook Agency Quanto spesso dovrebbe essere ridisegnato un sito web - statistiche e grafici di marketing 2020

Spero che ti siano piaciute queste fantastiche tavolozze di colori/combinazioni di colori per siti Web e strumenti di combinazione di colori!

Grazie mille per la lettura – e si prega di collegare di nuovo a noi nella vostra carrellata, o condividere ai tuoi social network se è stato utile a voi

Se si desidera continuare a leggere, controllare questo post su Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.

Watch this quick video to see how savvy businesses save time and hook better leads:




Lascia un commento

Il tuo indirizzo email non sarà pubblicato.