Schémas de couleurs / Collections de palettes de couleurs Modernes 2020 et 2021
Tim Brown
Tim Brown est le propriétaire de Hook Agency, une société de référencement et de conception Web axée principalement sur la conduite du trafic et des prospects pour les petites entreprises, les couvreurs et les entreprises de construction.
C’est à nouveau cette période de l’année – où nous considérons quelles sont les tendances de couleur au cours des deux dernières années et comment celles-ci pourraient changer en 2021. Quelles couleurs vont exploser en 2021? Quelles couleurs mourront à plat et sans vie, et seront reléguées au rack de réduction?
- Cette liste de palettes de couleurs impressionnantes sera un excellent outil pour les designers qui cherchent à rafraîchir leur travail en 2021.
- Ceux-ci ne sont pas générés automatiquement mais plutôt organisés pour les concepteurs par les concepteurs.
- Nous avons intégré certaines des meilleures palettes de couleurs du Web et ajouté quelques-unes des nôtres!
Tout d’abord, voici quelques prédictions sur les tendances des couleurs en 2021 basées sur les créateurs de mode et les entreprises de peinture:
Pourquoi avons-nous fourni cette liste? Nous servons les petites entreprises et les entrepreneurs! Consultez nos articles de blog sur les Pistes de Toiture, les pistes CVC, les Pistes de Construction et nos services de Référencement de Toiture, de RÉFÉRENCEMENT de Construction et de référencement CVC!
Table des matières
Schémas de couleurs pour 2021!
Here are last years color schemes « 2020 Color Schemes” – Shared December of 2020!
Depuis que j’ai commencé à bloguer en 2012 – la demande pour plus de schémas de couleurs de site Web a été incroyablement élevé. C’est pourquoi, quand j’ai vu l’Instagram Couleur AWSM, j’étais fasciné. Je ne pouvais pas trouver ces schémas de couleurs organisés de manière facile à enregistrer sur Internet n’importe où. Alors pourquoi ne pas les partager pour toutes les personnes à la recherche de schémas de couleurs de sites Web 2019-2020!
J’espère que vous les apprécierez autant que moi – et suivez AWSM Color sur Instagram.
Les meilleurs outils de palette de couleurs disponibles aujourd’hui pour 2021:
Les critères:
- Doit être facile à exporter Des schémas de couleurs
- Est libre d’utiliser
- Propose en fait des schémas de couleurs impressionnants.
- Refroidisseurs.co – propose des schémas de couleurs décents – appuyez simplement sur générer plusieurs fois pour que son moteur soit opérationnel!
2. Paletton – « Ajouter complémentaire » et faites glisser le sélecteur sur le graphique de couleurs pour trouver facilement les couleurs. Essayez d’autres paramètres pour vous familiariser avec cet outil super utile et puissant.
3. Couleur.io-Colormind utiliserait le « deep learning » pour assimiler les schémas de couleurs des films et de l’art populaires – pour aider à trouver de meilleurs schémas de couleurs. Si rien d’autre, c’est un tour amusant sur les schémas de couleurs pour 2021!
Merci d’avoir lu – signet cet article. Nous ajouterons bientôt d’autres jeux de couleurs pour 2021, alors que nous commençons à analyser les tendances des créateurs de haute couture pour 2021. Nous écrirons également un article approfondi sur ces tendances dans les deux prochaines semaines, alors gardez un œil sur vous.
12 Outils de Palette de Couleurs Modernes à utiliser en 2019-2021
Coolors.io
Idéal Pour: Graphistes / Concepteurs Web
Coolors.co est le premier et le plus complet outil disponible pour la génération de palette de couleurs et de schémas sur cette liste. La plate-forme est incroyablement robuste et dispose d’une application Web pour la génération, ainsi que d’une application IOS, du téléchargement d’images en couleurs, des ajustements avancés et des options d’exportation / partage. Il est même livré avec un plugin pour les programmes Adobe CC (Photoshop & Illustrator), bien que cette fonctionnalité coûte 5 $ (ce qui, personnellement, me semble assez abordable). L’une des choses que j’aime le plus, cependant, est que vous pouvez vous inscrire à un compte gratuit pour gérer et organiser les palettes de couleurs que vous générez. Ce compte sera également synchronisé avec les applications iOS + Adobe. Ceci est particulièrement utile si vous êtes un concepteur graphique ou Web qui cherche à garder une trace des couleurs que vous générez pour une variété de clients. Il est également utile si vous avez besoin d’un accès rapide lors de la conception. Un autre bonus est que Coolors est livré avec deux mois de cours gratuits à Skillshare.com . Je dirais que c’est tout un vol!
Canva.com
Idéal Pour: Graphistes amateurs
Canva.com offre un outil qui permet aux utilisateurs de télécharger une image à partir de laquelle une palette de couleurs sera générée. Ce qui est génial, c’est que cet outil est offert entièrement GRATUITEMENT SANS INSCRIPTION. Ceci est extrêmement utile lors de la conception de matériaux pour une marque qui a une forte présence photographique et où les couleurs n’ont pas d’importance avec l’image de marque. Ou peut-être y a-t-il une photo spécifique sur laquelle le client est attiré et souhaite qu’une palette soit générée pour sa marque à partir de cela.
Canva.com offre également une variété d’autres outils gratuits, tels que leur outil de correspondance typographique, leur guide de dimensionnement de conception, leur créateur de logo et leur outil de retouche photo. Cependant, si les utilisateurs souhaitent profiter de la plate-forme complète de Canva qui comprend des fonctionnalités encore plus robustes avec la gestion des comptes, l’exportation et une application Web de type Photoshop, ils devront payer des frais mensuels. Il existe également des réductions pour les étudiants et les organisations à but non lucratif.
Colormind.io
Idéal Pour: Graphistes / Concepteurs Web
Quand j’ai trouvé Colormind.io , Je pensais que c’était une simple application génératrice de couleurs, mais après avoir creusé un peu plus profondément, j’ai réalisé que c’était tellement plus et tellement plus cool que ça. Colormind au cœur EST une application Web qui vous permet de générer des schémas de couleurs pour votre site. Mais ce qui le rend unique, c’est qu’il visualise à quoi cela ressemblera sur un site Web pour vous. Il dispose également d’un support de conception de matériaux intégré et d’un support de téléchargement d’images. C’est cool, ça ? Simple mais obtient vraiment un certain kilométrage de ce qu’il fait. Vérifiez-le par vous-même à Colormind.io .
Mycolor.espace
Idéal Pour: Concepteurs Web / Concepteurs d’interface utilisateur
C’est un outil que j’utilise personnellement un peu. Ce que j’aime vraiment chez MyColor.L’espace est sa simplicité et son interface utilisateur propre. L’outil de génération de palette de couleurs vous permet de choisir une seule couleur à partir de laquelle l’application Web crachera une variété de dégradés et de codes hexadécimaux basés sur cette couleur. En outre, l’application Web dispose également d’excellents outils de génération de gradients. Ce que j’aime vraiment dans l’outil de génération de dégradés, c’est qu’il recrache le CSS nécessaire pour produire les dégradés. Vous pouvez donc simplement les copier et les coller directement dans votre code frontal!
Graines de conception
Idéal Pour: Concepteurs visuels / Graphistes / Concepteurs Web
Que serait un article de blog d’outils de palette de couleurs sans inclure les Graines de conception? Ce n’est pas une application Web de génération de palettes, mais plutôt un blog dédié à la publication d’inspiration de palettes. Ce qu’ils vont faire, c’est prendre une photo, puis publier une palette basée sur cette photo avec un nom branché comme « Opulence de mauvaise humeur” et « Dérive ». »Je n’utilise pas beaucoup ce site personnellement, mais je l’envoie aux clients lorsque j’essaie de comprendre leur image de marque. C’est bénéfique si vous n’avez pas de point de départ ou si vous savez vraiment ce que vous recherchez en matière d’inspiration de design. Je pense aussi que c’est quelque chose qui s’étendrait dans l’espace du design d’intérieur.
Pantone Studio
Idéal Pour: Graphistes / Imprimeurs
Cette liste ne serait pas complète sans mentionner Pantone, d’autant plus qu’ils sont essentiellement les principaux experts en couleur. Il s’avère qu’ils ont une application assez cool pour assembler des palettes. Avec l’application, vous pouvez découvrir une variété d’harmonies de couleurs, de valeurs et de références croisées tout en les crachant en RVB, CMJN et HEX. Le seul inconvénient est que l’application est uniquement iOS, donc les utilisateurs d’Android perdent. Je ne suis pas sûr non plus que j’utilise vraiment des applications de téléphonie mobile comme celle-ci dans mon processus de conception, mais cela peut mieux fonctionner pour quelqu’un d’autre. Essayez-le pour voir si cela fonctionne pour vous!
Adobe Kuler (Roue chromatique)
Idéal pour: Graphistes / Concepteurs Web / Concepteurs d’interface utilisateur
Je connais Adobe Kuler depuis longtemps car il existait auparavant en tant qu’application pour iOS. Il se peut encore, je l’avoue, que je n’ai pas encore corroboré cela. Cependant, si vous allez sur le site, il renvoie désormais à un outil de génération de palette de couleurs assez simple. Pas de fioritures ici, mais vous pouvez générer des palettes en important une image ou en utilisant une roue chromatique. Vous pouvez ensuite enregistrer ces thèmes. Si vous avez un compte Adobe CC, vous pouvez l’enregistrer sur votre profil et le synchroniser avec vos applications CC. Plutôt chouette si vous me demandez! Le seul problème ici est que si vous n’êtes pas super inspiré (je recommande de consulter Design Seeds plus tôt dans le post), il peut être difficile de commencer.
Palette de site
Idéal Pour: Concepteurs Web / Concepteurs d’interface utilisateur / Développeurs Frontaux
Donner un peu plus d’amour au Web / UI / Front-End dans cette liste, je vous présente la Palette de site. Site Palette est une extension pour Chrome, Safari et Firefox qui vous permet de générer des palettes de couleurs complexes. Il a également la possibilité de saisir / extraire des schémas de couleurs à partir de sites Web préexistants. Donc, si tu aimes ce que fait l’autre gars, alors c’est à toi de prendre. C’est un outil élégant avec une excellente interface utilisateur où vous pouvez partager dans des applications comme Sketch et Adobe. Si vous voulez plonger encore plus profondément, il est même livré avec une API pour l’extraction sémantique des couleurs. C’est un peu au-dessus de ma note de salaire pour comprendre, mais rien d’autre sur cette liste ne le fait. Bien qu’il existe une version gratuite, elle est également livrée avec une version PRO où la tarification est basée sur les demandes d’API, si vous en avez besoin.
Magie d’amorçage
Idéal pour: Concepteurs Web / Concepteurs d’interface Utilisateur / Développeurs Frontaux
Criez à tous les concepteurs web, d’interface utilisateur et frontaux qui utilisent Bootstrap! Le framework réactif le plus populaire de la planète! Une des choses que je n’aime pas personnellement à propos de Bootstrap est que la coloration standard est assez générique. La personnalisation est un P.T.A. massif si vous savez ce que je dis et que vous êtes familier avec essayer de le faire. Entrez dans la magie du Bootstrap où la personnalisation des combinaisons de couleurs pour le Bootstrap devient un jeu d’enfant. C’est toujours fastidieux de passer en revue et de choisir des couleurs pour tout, mais au moins vous avez une interface utilisateur sophistiquée pour le faire au lieu de parcourir des lignes réduites de variables SASS et de mixins. Bootstrap est même livré avec un éditeur HTML afin que vous puissiez le faire directement depuis l’interface utilisateur si vous en avez besoin (j’ajuste souvent des choses comme les boutons et les hauteurs de ligne). Celui-ci est une application Web gratuite, alors allez-y!
Bootstrap.pour les concepteurs Web / Concepteurs d’interface Utilisateur / Développeurs Frontaux
Bootstrap.la construction est assez similaire à la magie d’amorçage ci-dessus, bien qu’elle semble être un peu plus robuste. Cette application Web est davantage dédiée aux développeurs avec beaucoup de personnalisation des variables SASS. Il dispose également d’options d’exportation / importation dédiées, ainsi que d’un mode de prévisualisation. L’interface utilisateur est un peu plus agréable, à mon avis aussi. Celui-ci est livré avec des options pro pour 5 a par mois, ce qui vous permet d’organiser vos thèmes Bootstrap en divers projets. Vous pouvez également héberger les thèmes via CDN. Ce sont des fonctionnalités assez précieuses si vous faites beaucoup de conception et de développement pour les clients. Vérifiez-le pour voir si cela fonctionne pour vous!</p
Outil de couleur de matériau
Idéal Pour:Concepteurs d’interface utilisateur / Concepteurs d’applications
Si nous voulons donner de l’amour à Bootstrap, nous devons également accorder du matériel, les normes de conception de Google. Google est sorti avec du matériel pour rationaliser leur conception sur toutes leurs plates-formes. Ils ont même publié ces normes au public pour rendre l’intégration des applications plus transparente et native. Dans ce cadre, ils offrent une variété d’outils d’applications Web pour les concepteurs et les développeurs afin de les aider à créer des interfaces basées sur ces normes. C’est là que l’outil Google Material Color entre en jeu. C’est une bête assez complexe, mais si vous concevez une application Android qui respecte les normes de conception des matériaux, cet outil est essentiel pour donner vie à cela.
Palette de couleurs de matériaux
Idéal Pour: Concepteurs d’interface utilisateur / Concepteurs d’applications /Concepteurs Web
Un autre outil basé sur les matériaux est la Palette de conception de matériaux. Celui-ci est nettement plus simple que l’outil matériel de Google. L’outil Palette vous permet de sélectionner deux couleurs, qui généreront ensuite automatiquement un palais basé sur les normes matérielles de Google. Bien que le but de l’outil soit centré sur l’application, il pourrait être utile si vous cherchiez simplement un moyen de génération de palais de couleur. L’application crache des codes hexadécimaux et tout cela pour que les couleurs puissent vraiment être utilisées pour n’importe quelle application. Il existe également un guide de référence des icônes de matériaux astucieux ainsi qu’un guide de référence des couleurs de matériaux où vous pouvez copier et coller des codes hexadécimaux. Regarde ça !
62% des entreprises interrogées pensent qu’un site Web devrait être repensé tous les 2-3 ans. Source: Hook Agency 
J’espère que vous avez apprécié ces superbes palettes de couleurs / schémas de couleurs modernes pour les sites Web et les outils de schémas de couleurs!
Merci beaucoup d’avoir lu – et veuillez nous renvoyer un lien dans votre tour d’horizon, ou partager sur vos réseaux sociaux si cela vous a été utile 🙂
Si vous voulez continuer à lire, consultez cet article sur Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.
