Kleurenschema ’s / moderne Kleurenpaletcollecties 2020 & 2021
Tim Brown
Tim Brown is de eigenaar van Hook Agency, een SEO-en webdesignbedrijf dat zich voornamelijk richt op het aansturen van verkeer en leads voor kleine bedrijven, dakdekkers en bouwbedrijven.
het is weer die tijd van het jaar – waar we kijken naar wat de kleurtrends zijn geweest voor de afgelopen paar jaar, en hoe die kunnen veranderen in 2021. Welke kleurenschema ‘ s zullen ontploffen in 2021? Welke kleuren zullen plat sterven en levenloos, en worden gedegradeerd tot de korting rack?
- deze lijst van geweldige kleurenpaletten zal een geweldig hulpmiddel zijn voor ontwerpers die hun werk in 2021 willen opfrissen.
- Deze worden niet automatisch gegenereerd, maar eerder samengesteld voor ontwerpers door ontwerpers.
- we hebben een aantal van de beste kleurenpaletten van rond het web geïntegreerd en een paar van onze eigen toegevoegd!
eerst enkele voorspellingen voor kleurtrends in 2021 gebaseerd op modeontwerpers en verfbedrijven:
Waarom hebben we deze lijst verstrekt? Wij bedienen kleine bedrijven en aannemers! Bekijk onze blog posts over dakbedekking Leads, HVAC Leads, Bouw Leads en onze dakbedekking SEO, Bouw SEO en HVAC SEO diensten!
inhoudsopgave
kleurenschema ‘ s voor 2021!
Here are last years color schemes “2020 Color Schemes” – Shared December of 2020!
sinds ik begon met bloggen in 2012 is de vraag naar meer kleurenschema ‘ s voor websites waanzinnig hoog. Daarom was ik gefascineerd toen ik de Awsm Color Instagram zag. Ik kon niet vinden deze kleurenschema ‘ s samengesteld in een gemakkelijk te besparen manier op het internet overal. Dus waarom niet delen ze voor alle mensen op zoek naar 2019-2020 Website kleurenschema ‘ s!
Ik hoop dat je er net zoveel van geniet als ik – en volg AWSM Color op Instagram.
De Beste Kleurenschema tools die er vandaag de dag voor 2021:
De criteria:
- Moet makkelijk te exporteren kleurenschema ‘ s
- Is gratis te gebruiken
- Eigenlijk komt met geweldige kleuren.
- koelers.co-komt met een aantal fatsoenlijke kleurenschema ‘ s-druk gewoon op het genereren van een paar keer om het motor up and running!
2. Paletton – “add Complementary” en sleep rond de selector op de kleurengrafiek om kleuren gemakkelijk te vinden. Probeer een aantal van zijn andere instellingen om vertrouwd te raken met deze super nuttige en krachtige tool.
3. Colormind.io-Colormind wordt gezegd om ‘deep learning’ te gebruiken om kleurenschema ’s van populaire films en kunst te assimileren – om te helpen komen met betere kleurenschema’ s. Als er niets anders, het is een leuke draai op kleurenschema ‘ s voor 2021!
Bedankt voor het lezen – bladwijzer maken van dit bericht. We zullen binnenkort meer kleurenschema ‘ s toevoegen voor 2021, als we beginnen met het analyseren van de high-fashion designer trends voor 2021. We zullen ook een diepgaand artikel schrijven over deze trends in de komende paar weken, dus houd een oogje in het zeil.
12 moderne Kleurenpalettools te gebruiken in 2019-2021
Coolors.io
Best For: Graphic Designers / Web Designers
Coolors.co is de eerste en meest uitgebreide tool beschikbaar voor kleurenpalet en regeling generatie op deze lijst. Het platform is ongelooflijk robuust en beschikt over een web-app voor het genereren, evenals een IOS-App, afbeelding uploaden naar kleuren, vooraf aanpassingen, en export/sharing opties. Het komt zelfs met een plugin voor Adobe CC-programma ‘ s (Photoshop & Illustrator), hoewel die functie komt ten koste van $5 (die ik persoonlijk denk is vrij betaalbaar). Een van de dingen die ik graag de meeste, hoewel, is dat je in staat bent om zich aan te melden voor een GRATIS account te beheren en organiseren van de kleurenpaletten die u genereert. Dit account wordt ook gesynchroniseerd met de iOS + Adobe-apps. Dit is vooral handig als je een grafisch of web designer op zoek om bij te houden van de kleuren die u genereren voor een verscheidenheid van klanten te houden. Het is ook handig als u snelle toegang nodig hebt tijdens het ontwerpen. Een andere bonus is dat Coolors wordt geleverd met twee maanden gratis lessen op Skillshare.com ik zou zeggen dat het nogal een koopje is!
Canva.com
Best For: Amateur Graphic Designers
Canva.com biedt een tool waarmee gebruikers een afbeelding kunnen uploaden waaruit een kleurenpalet wordt gegenereerd. Wat is er geweldig is dat deze tool volledig gratis wordt aangeboden zonder aanmelding. Dit is uiterst nuttig bij het ontwerpen van materialen voor een merk dat een sterke fotografische aanwezigheid heeft en waar kleuren niet uit met branding. Of misschien is er een specifieke foto van de klant wordt aangetrokken en zou graag een palet gegenereerd voor hun merk van dat.
Canva.com biedt ook een verscheidenheid aan andere gratis tools, zoals hun typografische matching tool, design sizing guide, logo maker, en foto-editing tool. Echter, als gebruikers willen profiteren van de volledige Canva platform dat nog meer robuuste functies met accountbeheer, exporteren, en een photoshop-achtige web-app, dan zullen ze nodig hebben om een maandelijkse vergoeding te betalen. Er zijn ook kortingen voor studenten en non-profitorganisaties.
Colormind.io
beste voor: grafisch ontwerpers / webdesigners
toen ik Colormind.io, ik dacht dat het een eenvoudige kleurenschema genereren app, maar na het graven van een beetje dieper, realiseerde ik me dat het zo veel meer en zo veel COOLER dan dat. Colormind at the core IS een web-app waarmee u kleurenschema ‘ s voor uw site te genereren. Maar wat het uniek maakt is dat het eigenlijk visualiseert hoe dit eruit zal zien op een website voor u. Het heeft ook ingebouwde ondersteuning voor materiaalontwerp en ondersteuning voor het uploaden van afbeeldingen. Hoe cool is dat? Eenvoudig, maar echt krijgt wat kilometers uit wat het doet. Bekijk het zelf op Colormind.io.
Mycolor.spatie
beste voor: Web Designers / UI Designers
Dit is een hulpmiddel dat ik persoonlijk nogal vaak gebruik. Wat ik echt leuk vind aan MyColor.Ruimte is zijn eenvoud, en het is schoon UI. De kleurenpalet generatie tool kunt u een enkele kleur waaruit de web-app zal spugen uit een verscheidenheid van gradiënten en hex codes gebaseerd op die kleur te kiezen. Bovendien, de web app heeft ook een aantal grote gradiënt generatie tools. Wat ik echt leuk vind aan de gradiënt generatie tool is dat het spuugt de CSS die nodig is om de gradiënten te produceren. Zo kunt u gewoon kopiëren en plakken ze recht in uw front-end code!
Ontwerpzaden
Best voor: Visual Designers / Graphic Designers / Web Designers
Wat zou een kleurenpalettools blogpost zijn zonder Design Seeds? Het is niet een palet generatie web app, maar in plaats daarvan een blog gewijd aan het plaatsen van palet inspiratie. Wat ze doen is een foto nemen en dan een palet posten gebaseerd op die foto met een hippe naam als “Moody Opulence” en ” Drift.”Persoonlijk gebruik ik deze site niet veel, maar ik stuur het wel naar klanten Wanneer Ik hun branding probeer te achterhalen. Het is voordelig als je geen startpunt hebt of echt weet wat je zoekt als het gaat om design inspiratie. Ik denk ook dat dit iets is dat zich zou uitstrekken tot de ruimte van het interieur.
Pantone Studio
Best For: Graphic Designers / Print Designers
deze lijst zou niet compleet zijn zonder Pantone te vermelden, vooral omdat zij in wezen de toonaangevende experts op het gebied van kleur zijn. Het blijkt dat ze een vrij coole app voor het samenstellen van paletten. Met de app kunt u een verscheidenheid aan kleurharmonieën, waarden en kruisverwijzingen ontdekken terwijl u ze uitspuugt in RGB, CMYK en HEX. Het enige nadeel is dat de app is alleen iOS, zodat Android-gebruikers verliezen. Ik ben ook niet zeker dat ik echt ooit gebruik maken van mobiele telefoon apps zoals deze in mijn ontwerpproces, maar het kan beter werken voor iemand anders. Probeer het eens om te zien of het voor u werkt!
Adobe Kuler (Color Wheel)
beste voor: Graphic Designers / Web Designers / UI Designers
Ik weet al lang van Adobe Kuler omdat het vroeger bestond als een app voor iOS. Ik geef toe dat ik dit nog niet heb bevestigd. Echter, als je naar de site, het nu links naar een vrij eenvoudige kleurenpalet generatie tool. Geen franje hier, maar je bent in staat om paletten te genereren door het importeren van een afbeelding of met behulp van een kleurenwiel. U kunt dan opslaan die thema ‘ s. Als u een Adobe CC-account hebt, kunt u deze opslaan in uw profiel en synchroniseren met uw CC-apps. Vrij handig als je het mij vraagt! Het enige probleem hier is dat als je niet super geïnspireerd bent (Ik raad aan om eerder in de post Design Seeds te bekijken), dan kan het moeilijk zijn om te beginnen.
Sitepalet
Best For: webdesigners / UI Designers / Front-End Developers
wat meer liefde voor Web/UI / Front-End in deze lijst introduceer ik het Sitepalet aan u. Site Palette is een uitbreiding voor Chrome, Safari en Firefox waarmee u complexe kleurenpaletten te genereren. Het heeft ook de mogelijkheid om te grijpen/extraheren kleurenschema ‘ s van reeds bestaande websites. Dus als je het leuk vindt wat de ander doet, dan is het voor jou. Het is een slick tool met een grote UI waar u kunt delen in apps zoals Sketch en Adobe. Als je nog dieper wilt duiken, komt het zelfs met een API voor semantische kleurextractie. Dat is een beetje boven mijn loon om te begrijpen, maar niets anders op deze lijst doet het. Hoewel er een gratis versie, het komt ook met een PRO-versie waar de prijs is gebaseerd op API verzoeken, als je dat nodig hebt.
Bootstrap Magic
beste voor: Web Designers / UI Designers/Front-End Developers
schreeuw naar alle web -, UI-en Front-End ontwerpers die Bootstrap gebruiken! Het meest populaire responsieve kader op de planeet! Een van de dingen die ik persoonlijk niet leuk vind aan Bootstrap is dat standaardkleuren vrij algemeen is. Customizing that is massive P. T. A. Als je weet wat ik zeg en zijn bekend met het proberen om dat te doen. Voer Bootstrap Magic waar het aanpassen van de kleurenschema ‘ s voor Bootstrap wordt een totale Wind. Het is nog steeds vervelend om te gaan door en kies kleuren voor alles, maar in ieder geval heb je een mooie UI om het te doen in plaats van het graven door minified lijnen van SASS variabelen en mixins. Bootstrap wordt zelfs geleverd met een HTML-editor, zodat u kunt doen dat recht van de UI als je nodig hebt (ik vaak aanpassen dingen zoals knoppen en line-heights). Dit is een gratis web app, dus ga je gang!
Bootstrap.build
Best For: Web Designers / UI Designers / Front-End Developers
Bootstrap.build is vrij vergelijkbaar met Bootstrap Magic hierboven, hoewel het lijkt een beetje robuuster. Deze web app is meer gewijd aan ontwikkelaars met veel SASS variabele aanpassing. Het ook met speciale export / import opties, evenals een preview-modus. De gebruikersinterface is een beetje meer aangenaam, naar mijn mening ook. Deze wordt geleverd met pro-opties voor $5 per maand, waarmee u uw Bootstrap thema ‘ s te organiseren in verschillende projecten. U kunt de thema ‘ s ook hosten via CDN. Dat zijn vrij waardevolle functies als je doet veel van het ontwerpen en ontwikkelen voor klanten. Check it out om te zien of het werkt voor u!</p
Material Color Tool
Best For: UI Designers / App Designers
als we Bootstrap wat liefde gaan geven, moeten we Materiaal, Google ‘ s ontwerpnormen, ook wat aandacht geven. Google kwam met materiaal als een middel om hun ontwerp te stroomlijnen over al hun platforms. Ze hebben deze standaarden zelfs vrijgegeven aan het publiek om app-integratie naadloos en native te laten lijken. Als onderdeel hiervan bieden ze een verscheidenheid aan Web app tools voor ontwerpers en ontwikkelaars om interfaces te bouwen op basis van deze standaarden. Dat is waar de Google Material Color Tool in het spel komt. Het is een vrij complex beest, maar als je het ontwerpen van een Android-app die voldoet aan materiaal ontwerp normen, deze tool is essentieel in het tot leven brengen van dat.
materiaal kleurenpalet
beste voor: UI Designers / App Designers / Web Designers
een ander materiaal gebaseerd gereedschap is Material Design palet. Deze is aanzienlijk eenvoudiger dan Google ‘ s materiële tool. Met het palettool kunt u twee kleuren selecteren, die vervolgens automatisch een gehemelte genereren op basis van de Materiaalstandaarden van Google. Terwijl het doel van de tool is app-centric, het zou nuttig zijn als je gewoon op zoek naar een middel van kleur gehemelte generatie. De app spuwt uit hex codes en alles, zodat ze kleuren echt kan worden gebruikt voor elke toepassing. Er is ook een handige Material icon reference guide evenals een Material colors reference guide waar u kunt kopiëren en plakken hex codes. Kijk eens!
62% van de ondervraagde bedrijven vond dat een website om de 2-3 jaar opnieuw ontworpen moest worden. Bron: Hook Agency
Ik hoop dat u genoten hebt van deze geweldige moderne kleurenpaletten/kleurenschema ’s voor websites en kleurenschema’ s!
Hartelijk dank voor het lezen – en gelieve terug te linken naar ons in uw roundup, of delen met uw sociale netwerken als het nuttig was voor u 🙂
Als u wilt blijven lezen, check out dit bericht over Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.
