Schémas de couleurs | Collections de palettes de couleurs modernes 2022

C'est à nouveau cette période de l'année - où nous examinons quelles ont été les tendances des couleurs au cours des deux dernières années et comment celles-ci pourraient changer d'ici 2022. Quels schémas de couleurs vont décoller en 2022 ? Quelles couleurs mourront plates et sans vie et seront reléguées au rayon discount ?

• Cette liste de palettes de couleurs impressionnantes sera un excellent outil pour les designers qui cherchent à rafraîchir leur travail en 2022.
• Ceux-ci ne sont pas générés automatiquement mais plutôt organisés pour les designers par les designers.
• Nous avons intégré certaines des meilleures palettes de couleurs du Web et ajouté quelques-unes des nôtres !

L'un des outils de palette de couleurs Design les plus cool que j'ai vu en 2022 - Happy Hues!

Voici d'abord quelques prédictions sur les tendances de couleurs que nous avions pour 2021 basées sur les créateurs de mode et les entreprises de peinture :

Pourquoi avons-nous fourni cette liste ? Nous servons les entrepreneurs et les entreprises de services à domicile avec le marketing + la conception Web ! Consultez nos articles de blog sur les fils de plomberie, les fils d'électricien, les fils de toiture, les fils de CVC, les fils de construction, les fils de rénovation et nos services de référencement de plomberie, de référencement d'électricien, de référencement de toiture, de référencement d'entrepreneur, de référencement de rénovation et de référencement CVC !

Schémas de couleurs pour 2022 !

Voici les schémas de couleurs des dernières années "2020 Color Schemes" - Partagés en décembre 2020 !

Depuis que j'ai commencé à bloguer en 2012, la demande pour plus de schémas de couleurs de sites Web a été incroyablement élevée. C'est pourquoi lorsque j'ai vu l'Instagram AWSM Color, j'ai été fasciné. Je n'ai pas pu trouver ces schémas de couleurs organisés de manière facile à enregistrer sur Internet, où que ce soit. Alors pourquoi ne pas les partager avec tous ceux qui recherchent les schémas de couleurs du site Web 2019-2020 !

J'espère que vous les apprécierez autant que moi - et veuillez suivre AWSM Color sur Instagram.

---

Les meilleurs outils de schéma de couleurs disponibles aujourd'hui pour 2022 :

Le critère:

• Doit être facile à exporter des schémas de couleurs
• Est libre d'utiliser
• Vient en fait avec des schémas de couleurs impressionnants.

1. Coolers.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. Palette - "Ajouter complémentaire" et faites glisser le sélecteur sur le graphique des couleurs pour trouver facilement les couleurs. Essayez quelques-uns de ses autres paramètres pour vous familiariser avec cet outil super utile et puissant.

3. Colormind.io - On dit que Colormind utilise "l'apprentissage en profondeur" 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 une rotation amusante des schémas de couleurs pour 2022 ! Merci d'avoir lu - mettez ce message en signet. Nous ajouterons bientôt plus de combinaisons de couleurs pour 2021, alors que nous commençons à analyser les tendances des créateurs de haute couture pour 2021. Nous rédigerons également un article approfondi sur ces tendances dans les prochaines semaines, alors gardez un oeil dehors.

De la publication originale : 2019 Color Schemes :

12 outils de palette de couleurs modernes à utiliser en 2019-2021

1. Coolors.io

Idéal pour : graphistes / concepteurs Web

Coolors.co est le premier et le plus complet outil disponible pour la palette de couleurs et la génération de schémas sur cette liste. La plate-forme est incroyablement robuste et comprend une application Web pour la génération, ainsi qu'une application IOS, le téléchargement d'images vers les 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 et Illustrator), bien que cette fonctionnalité coûte 5 $ (ce que je pense personnellement être assez abordable). L'une des choses que j'aime le plus, cependant, est que vous pouvez créer 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 graphiste ou un concepteur Web qui cherche à suivre les couleurs que vous générez pour une variété de clients. Il est également pratique 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 sur Skillshare.com. Je dirais que c'est tout un vol!

2. Canva.com

Idéal pour : Graphistes amateurs

Canva.com propose 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 photographie spécifique qui attire le client et aimerait qu'une palette soit générée pour sa marque à partir de cela.

Canva.com propose é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 Canva complète qui comprend des fonctionnalités encore plus robustes avec la gestion de compte, l'exportation et une application Web Photoshop-esque, ils devront payer des frais mensuels. Il existe également des réductions pour les étudiants et les organisations à but non lucratif.

3. Colormind.io

Idéal pour : graphistes / concepteurs Web

Quand j'ai trouvé Colormind.io, je pensais qu'il s'agissait d'une simple application générant un schéma 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 cela. 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 réellement à quoi cela ressemblera sur un site Web pour vous. Il dispose également d'une prise en charge intégrée de Material Design et d'une prise en charge du téléchargement d'images. À quel point cela est cool? Simple mais tire vraiment parti de ce qu'il fait. Vérifiez-le par vous-même sur Colormind.io.

4. Mycolor.space

Idéal pour : concepteurs Web / concepteurs d'interface utilisateur

C'est un outil que j'utilise personnellement pas mal. Ce que j'aime vraiment dans MyColor.Space, c'est sa simplicité et son interface utilisateur épurée. 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. De plus, l'application Web dispose également d'excellents outils de génération de dégradés. Ce que j'aime vraiment dans l'outil de génération de dégradés, c'est qu'il crache le CSS nécessaire pour produire les dégradés. Vous pouvez donc simplement les copier et les coller directement dans votre code frontal !

5. Concevoir des graines

Idéal pour : les concepteurs visuels / les concepteurs graphiques / les concepteurs Web

Que serait un article de blog sur les outils de palette de couleurs sans inclure Design Seeds ? Ce n'est pas une application Web de génération de palette, mais plutôt un blog dédié à la publication d'inspiration de palette. Ce qu'ils feront, c'est prendre une photo, puis publier une palette basée sur cette photo avec un nom branché comme "Moody Opulence" et "Drift". Personnellement, je n'utilise pas beaucoup ce site, mais je l'envoie aux clients lorsque j'essaie de comprendre leur image de marque. C'est avantageux si vous n'avez pas de point de départ ou si vous ne savez pas vraiment ce que vous recherchez en matière d'inspiration de conception. Je pense aussi que c'est quelque chose qui s'étendrait à l'espace du design d'intérieur.

6. Studio Pantone

Idéal pour : graphistes/concepteurs d'impression

Cette liste ne serait pas complète sans mentionner Pantone, d'autant plus qu'ils sont essentiellement les principaux experts en matière de couleur. Il s'avère qu'ils ont une application plutôt 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 recrachant en RVB, CMJN et HEX. Le seul inconvénient est que l'application est uniquement iOS, donc les utilisateurs d'Android sont perdants. Je ne suis pas sûr non plus d'avoir vraiment utilisé des applications de téléphonie mobile comme celle-ci dans mon processus de conception, mais cela pourrait mieux fonctionner pour quelqu'un d'autre. Essayez-le pour voir si cela fonctionne pour vous!

7. Adobe Kuler (roue chromatique)

Idéal pour : Graphistes / Web Designers / UI Designers

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'aie pas encore corroboré cela. Cependant, si vous allez sur le site, il est désormais lié à 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 dans votre profil et le synchroniser avec vos applications CC. Assez chouette si vous me demandez! Le seul problème ici est que si vous n'êtes pas super inspiré (je vous recommande de consulter Design Seeds plus tôt dans le post), il peut être difficile de commencer.

8. Palette de sites

Idéal pour : concepteurs Web/concepteurs d'interface utilisateur/développeurs frontaux

En donnant un peu plus d'amour au Web/UI/Front-End dans cette liste, je vous présente Site Palette. 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 capacité de saisir/extraire des schémas de couleurs à partir de sites Web préexistants. Donc, si vous aimez ce que fait l'autre gars, alors c'est à vous de le prendre. C'est un outil astucieux 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 mon 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.

9. Magie d'amorçage

Idéal pour : concepteurs Web/concepteurs d'interface utilisateur/développeurs frontaux

Bravo à tous les concepteurs Web, d'interface utilisateur et de front-end qui utilisent Bootstrap ! Le framework responsive le plus populaire sur la planète ! L'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 PTA massif si vous savez ce que je dis et êtes habitué à essayer de le faire. Entrez dans Bootstrap Magic où la personnalisation des jeux de couleurs pour Bootstrap devient un jeu d'enfant. Il est toujours fastidieux de parcourir et de choisir des couleurs pour tout, mais au moins vous avez une interface utilisateur sophistiquée pour le faire au lieu de creuser à travers des lignes minifiées 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 devenez fou!

10. Bootstrap.build

Idéal pour : concepteurs Web/concepteurs d'interface utilisateur/développeurs frontaux

Bootstrap.build est assez similaire à Bootstrap Magic ci-dessus, bien qu'il semble être un peu plus robuste. Cette application Web est davantage dédiée aux développeurs avec de nombreuses personnalisations de 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 également. Celui-ci est livré avec des options pro pour 5 $ 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 très utiles si vous faites beaucoup de conception et de développement pour les clients. Vérifiez-le pour voir si cela fonctionne pour vous !</p

11. Outil de couleur de matériau

Idéal pour : concepteurs d'interface utilisateur / concepteurs d'applications

Si nous voulons donner un peu d'amour à Bootstrap, nous devons également accorder une certaine attention à Material, les normes de conception de Google. Google a proposé Material comme moyen de rationaliser leur conception sur toutes leurs plates-formes. Ils ont même rendu ces normes publiques pour rendre l'intégration des applications plus transparente et native. Dans ce cadre, ils proposent une variété d'outils d'applications Web pour les concepteurs et les développeurs afin d'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 matérielles, cet outil est essentiel pour donner vie à cela.

12. Palette de couleurs des matériaux

Idéal pour : les concepteurs d'interface utilisateur / les concepteurs d'applications / les 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 Material de Google. L'outil Palette vous permet de sélectionner deux couleurs, qui généreront ensuite automatiquement une palette basée 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 recherchiez simplement un moyen de générer une palette de couleurs. L'application crache des codes hexadécimaux et tout cela pour que leurs couleurs puissent vraiment être utilisées pour n'importe quelle application. Il existe également un guide de référence astucieux sur les icônes de matériaux ainsi qu'un guide de référence sur les couleurs des matériaux où vous pouvez copier et coller des codes hexadécimaux. Vérifiez-le!

62% des entreprises interrogées ont déclaré qu'elles pensaient qu'un site Web devrait être repensé tous les 2-3 ans. Source : Agence Hook

J'espère que vous avez apprécié ces superbes palettes de couleurs modernes pour les sites Web et les outils de palette de couleurs !

Merci beaucoup d'avoir lu - et veuillez nous renvoyer 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 : l'homme le plus sexy du Minnesota, ou notre guide SEO de plombier.