Färgscheman / moderna färgpalett Samlingar 2020 & 2021
Tim Brown
Tim Brown är ägare till Hook Agency, ett SEO-och webbdesignföretag som främst fokuserar på att driva trafik och leads för småföretag, takläggare och byggföretag.
det är den tiden på året igen – där vi överväger vad färgtrenderna har varit de senaste åren, och hur de kan förändras till 2021. Vilka färgscheman kommer att spränga bort 2021? Vilka färger kommer att dö platt och livlös, och förpassas till rabatt rack?
- denna lista med fantastiska färgpaletter kommer att vara ett bra verktyg för designers som vill fräscha upp sitt arbete 2021.
- dessa är inte automatiskt genererade utan snarare kuraterade för designers av designers.
- Vi har integrerat några av de bästa färgpaletterna från hela webben och lagt till några av våra egna!
först här är några förutsägelser för färgtrender 2021 baserat på modedesigners och färgföretag:
varför tillhandahöll vi den här listan? Vi betjänar småföretag och entreprenörer! Kolla in våra blogginlägg om takläggning leder, HVAC leder, konstruktion leder och våra takläggning SEO, Konstruktion SEO och HVAC SEO tjänster!
Innehållsförteckning
färgscheman för 2021!
Here are last years color schemes ”2020 Color Schemes” – Shared December of 2020!
ända sedan jag började blogga 2012 – Den efterfrågan på fler webbplatsfärgscheman har varit vansinnigt hög. Det var därför jag blev fascinerad när jag såg AWSM Color Instagram. Jag kunde inte hitta dessa färgscheman kuraterade på något lätt att spara sätt på internet var som helst. Så varför inte dela dem för alla som letar efter 2019-2020 webbplatsfärgscheman!
Jag hoppas att du gillar dem lika mycket som jag gjorde – och följ AWSM Color på Instagram.
de bästa färgschemaverktygen där ute idag för 2021:
kriterierna:
- måste vara enkla att exportera färgscheman
- är gratis att använda
- kommer faktiskt med fantastiska färgscheman.
- kylare.co-kommer upp med några anständiga färgscheman-tryck bara på generera några gånger för att få motorn igång!
2. Paletton – ”Lägg till kompletterande” och dra runt väljaren på färgdiagrammet för att enkelt hitta färger. Prova några av dess andra inställningar för att bli bekant med denna super användbart och kraftfullt verktyg.
3. Colormind.io-Colormind sägs använda ’deep learning’ för att assimilera färgscheman från populära filmer och konst – för att hjälpa till att komma med bättre färgscheman. Om inget annat är det en rolig snurr på färgscheman för 2021!
Tack för att du läste – Bokmärk det här inlägget. Vi kommer snart att lägga till fler färgscheman för 2021 när vi börjar analysera högmodedesigntrenderna för 2021. Vi kommer också att skriva en djupgående artikel om dessa trender under de närmaste veckorna, så håll utkik.
12 moderna färgpalett verktyg att använda i 2019-2021
Coolors.io
bäst för: grafiska Designers / webbdesigners
Coolors.co är den första och mest omfattande verktyg för färgpalett och schema generation på denna lista. Plattformen är otroligt robust och har en webbapp för generering, samt en IOS-App, bilduppladdning till färger, förhandsjusteringar och export/delningsalternativ. Det kommer även med ett plugin för Adobe CC-program (Photoshop & Illustrator), även om den funktionen kostar $5 (vilket jag personligen tycker är ganska överkomligt). En av de saker jag gillar mest är dock att du kan registrera dig för ett gratis konto för att hantera och organisera de färgpaletter du genererar. Detta konto synkroniseras också med iOS + Adobe-apparna. Detta är särskilt användbart om du är en grafisk eller webbdesigner som vill hålla reda på färger du genererar för en mängd olika kunder. Det kommer också till nytta om du behöver snabb åtkomst när du utformar. En annan bonus är att Coolors kommer med två månaders gratis klasser på Skillshare.com. jag skulle säga att det är ganska stjäl!
Canva.com
bäst för: amatör grafiska formgivare
Canva.com erbjuder ett verktyg som tillåter användare att ladda upp en bild som en färgpalett kommer att genereras från. Vad är bra är att detta verktyg erbjuds helt gratis utan registrering. Detta är mycket användbart när du utformar material för ett varumärke som har en stark fotografisk närvaro och där färger inte spelar någon roll med branding. Eller kanske finns det ett specifikt fotografi som klienten dras till och vill ha en palett genererad för sitt varumärke från det.
Canva.com erbjuder också en mängd andra gratis verktyg, såsom deras typografiska matchningsverktyg, design dimensionering guide, logo maker, och fotoredigeringsverktyg. Men om användarna vill dra nytta av hela Canva-plattformen som innehåller ännu mer robusta funktioner med kontohantering, export och en photoshop-esque webbapp, måste de betala en månadsavgift. Det finns också rabatter för studenter och ideella organisationer.
Colormind.io
bäst för: grafiska formgivare/webbdesigners
När jag hittade Colormind.io, jag trodde att det var ett enkelt färgschema som genererade app, men efter att ha grävt lite djupare insåg jag att det är så mycket mer och så mycket kallare än det. Colormind at the core är en webbapp som låter dig skapa färgscheman för din webbplats. Men det som gör det unikt är att det faktiskt visualiserar hur detta kommer att se ut på en webbplats för dig. Det har också inbyggt Materialdesignstöd och stöd för bilduppladdning. Hur coolt är det? Enkelt men verkligen får lite körsträcka av vad den gör. Kolla in det själv på Colormind.io.
Mycolor.space
bäst för: webbdesigners/UI Designers
detta är ett verktyg som jag använder personligen en hel del. Vad jag verkligen gillar med MyColor.Rymden är dess enkelhet, och det är rent användargränssnitt. Färgpalettgenereringsverktyget låter dig välja en enda färg från vilken webbappen kommer att spotta ut en mängd olika lutningar och hex-koder baserade på den färgen. Dessutom har webbappen också några bra gradientgenereringsverktyg. Vad jag verkligen gillar med gradient generation tool är att det spottar ut CSS som behövs för att producera gradienterna. Så du kan helt enkelt kopiera och klistra in dem direkt i din front-end-kod!
Design frön
bäst för: Visuella Designers / grafiska formgivare / webbdesigners
vad skulle en färgpalett verktyg blogginlägg vara utan att inkludera Design frön? Det är inte en palette generation web app, utan istället en blogg dedikerad till att publicera palettinspiration. Vad de ska göra är att ta ett foto och sedan lägga upp en palett baserad på det fotot med ett höftnamn som ”Moody Opulence” och ”Drift.”Jag använder inte personligen den här webbplatsen mycket, men jag skickar den till kunder när jag försöker ta reda på deras varumärke. Det är fördelaktigt om du inte har en utgångspunkt eller verkligen vet vad du letar efter när det gäller designinspiration. Jag tror också att detta är något som skulle sträcka sig in i inredningsutrymmet.
Pantone Studio
bäst för: grafiska Designers / Utskriftsdesigners
denna lista skulle inte vara komplett utan att nämna Pantone, särskilt eftersom de i huvudsak är de ledande experterna på färg. Det visar sig att de har en ganska cool app för att sätta ihop paletter. Med appen kan du upptäcka en mängd olika färgharmonier, värden och korsreferenser medan du spottar ut dem i RGB, CMYK och HEX. Den enda nackdelen är att appen bara är iOS, så Android-användare förlorar. Jag är inte heller säker på att jag verkligen någonsin använder mobilappar så här i min designprocess, men det kan fungera bättre för någon annan. Ge det ett försök att se om det fungerar för dig!
Adobe Kuler (färghjul)
bäst för: Grafiska Designers / webbdesigners / UI Designers
Jag har känt till Adobe Kuler länge eftersom det brukade existera som en app för iOS. Det kan fortfarande, jag erkänner, att jag inte har bekräftat detta ännu. Men om du går till webbplatsen länkar den nu till ett ganska enkelt färgpalettgenereringsverktyg. Inga krusiduller här, men du kan generera paletter genom att importera en bild eller genom att använda ett färghjul. Du kan sedan spara dessa teman. Om du har ett Adobe CC-konto kan du spara det i din profil och synkronisera det med dina CC-appar. Ganska tjusig om du frågar mig! Det enda problemet här är att om du inte är superinspirerad (jag rekommenderar att du checkar ut Design Seeds tidigare i inlägget), kan det vara svårt att börja.
Site Palette
bäst för: webbdesigners / UI Designers / Front-end utvecklare
ge lite mer kärlek till Web/UI/Front-End i den här listan presenterar jag site Palette för dig. Site Palette är ett tillägg för Chrome, Safari och Firefox som låter dig skapa komplexa färgpaletter. Det har också förmågan att ta tag i/extrahera färgscheman från befintliga webbplatser. Så om du gillar vad den andra killen gör, då är det ditt för att ta. Det är ett smidigt verktyg med ett bra användargränssnitt där du kan dela i appar som Sketch och Adobe. Om du vill dyka ännu djupare kommer det till och med med ett API för semantisk färgutvinning. Det är lite över min lönegrad för att förstå, men inget annat på den här listan gör det. Även om det finns en gratis version, kommer den också med en PRO-version där prissättningen baseras på API-förfrågningar, om du behöver det.
Bootstrap Magi
bäst för: Webbdesigners / UI Designers / Front-end utvecklare
ropa ut till alla webben, UI och Front-end designers som använder Bootstrap! Den mest populära responsiva ramen på planeten! En av de saker jag inte personligen tycker om Bootstrap är att standardfärgning är ganska generisk. Anpassning som är massiv pta om du vet vad jag säger och är bekant med att försöka göra det. Ange Bootstrap magi där anpassa färgscheman för Bootstrap blir en total bris. Det är fortfarande tråkigt att gå igenom och välja färger för allt, men åtminstone har du ett fint användargränssnitt för att göra det istället för att gräva igenom minifierade linjer med SASS-variabler och mixins. Bootstrap kommer även med en HTML-redigerare så att du kan göra det direkt från användargränssnittet om du behöver (jag justerar ofta saker som knappar och linjehöjder). Den här är en GRATIS webbapp, så gå nuts!
Bootstrap.Bygg
bäst för: webbdesigners / UI Designers/Front-end utvecklare
Bootstrap.build är ganska lik Bootstrap Magic ovan, även om det verkar vara lite mer robust. Denna webbapp är mer dedikerad till utvecklare med mycket SASS-variabel anpassning. Det också med dedikerade export / importalternativ, samt ett förhandsgranskningsläge. UI är lite mer tilltalande, enligt min mening också. Den här kommer med pro-alternativ för $5 per månad, vilket gör att du kan organisera dina Bootstrap-teman i olika projekt. Du kan också vara värd för teman via CDN. Det är ganska värdefulla funktioner om du gör mycket design och utveckling för kunder. Kolla in det för att se om det fungerar för dig!</p
Material Color Tool
bäst för: UI Designers/app Designers
Om vi ska ge Bootstrap lite kärlek, måste vi ge Material, Googles designstandarder, lite uppmärksamhet också. Google kom ut med Material som ett sätt att effektivisera sin design över alla sina plattformar. De släppte till och med dessa standarder för allmänheten för att göra appintegrationen mer sömlös och inbyggd. Som en del av detta erbjuder de en mängd olika webbappverktyg för designers och utvecklare för att hjälpa till att bygga gränssnitt baserat på dessa standarder. Det är där Google Material Color-verktyget spelar in. Det är ett ganska komplext odjur, men om du utformar en Android-app som följer Materialdesignstandarder är det här verktyget viktigt för att få det till liv.
Material färgpalett
bäst för: UI Designers / app Designers / webbdesigners
ett annat Material baserat verktyg är Material Design Palette. Den här är betydligt enklare än Googles Materialverktyg. Palettverktyget låter dig välja två färger, som sedan automatiskt genererar en smak baserad på Googles Materialstandarder. Medan syftet med verktyget är app-centrerad, kan det vara till hjälp om du bara letar efter ett sätt att färg gommen generation. Appen spottar ut hex-koder och alla så att de färger verkligen kan användas för alla applikationer. Det finns också en snygg Materialikonreferensguide samt en referensguide för materialfärger där du kan kopiera och klistra in hex-koder. Kolla in det!
62% av de tillfrågade företagen sa att de anser att en webbplats bör omarbetas var 2-3 år. Källa: Hook Agency
Jag hoppas att du gillade dessa fantastiska moderna färgpaletter/färgscheman för webbplatser och färgschemaverktyg!
Tack så mycket för att läsa – och Vänligen länka tillbaka till oss i din roundup, eller dela till dina sociala nätverk om det var användbart för dig bisexuell
om du vill fortsätta läsa, kolla in det här inlägget om Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.