Si vous avez déjà passé trop de temps à essayer de trouver des couleurs qui fonctionnent réellement ensemble, Adobe propose un outil spécialement conçu pour cela :Adobe Color. De nombreux designers s’en servent pour créer une palette de couleurs. Au lieu de tester manuellement des dizaines de nuances, Adobe Color applique des règles d'harmonie éprouvées et vous propose des combinaisons qui fonctionnent.
Aujourd'hui, nous allons vous expliquer comment utiliser Adobe Color pour créer une bonne palette de couleurs et comment l'appliquer au projet sur lequel vous travaillez.
Partie 1. Qu'est-ce qu'Adobe Color ?
Adobe Color est un outil en ligne gratuit créé par Adobe qui vous aide à créer, explorer et enregistrer des palettes de couleurs. Étant donné que la théorie des couleurs peut être très complexe à comprendre, Adobe Color réfléchit à votre place lorsque vous avez besoin d'un thème de couleur rapide et prêt à l'emploi.
Vous pouvez accéder à Adobe Color directement sur color.adobe.com sans aucune installation. Si vous recherchez une application Adobe Color sur mobile, vous pouvez utiliser Adobe Capture à la place. Il alimente également la fonctionnalité Thèmes d'Adobe Express, qui vous aide à trouver et à appliquer des palettes de couleurs cohérentes dans vos créations.
Ce que vous pouvez faire avec Adobe Color
Adobe Color possède au moins quatre fonctionnalités principales qui répondent à des objectifs différents.
1. Créer des thèmes de couleurs
Dans l'onglet Créer, vous pouvez sélectionner une couleur de base et une harmonie de couleurs à l'aide de la roue chromatique Adobe, et Adobe Color générera un thème de couleur autour d'elle. Vous pouvez le faire en faisant glisser manuellement les marqueurs sur la roue ou en saisissant une valeur hexadécimale spécifique. Ou si vous avez une référence d'image, vous pouvez également la télécharger et laisser Adobe Color en extraire une palette ou un dégradé directement.
2. Découvrez les tendances
L'onglet Tendances extrait les palettes de couleurs Adobe de ce qui est actuellement populaire sur Behance et Adobe Stock. Ils sont triés par secteur d'activité, comme la mode, le design graphique, l'illustration, l'UI/UX, les voyages, la conception de jeux, etc. Vous pouvez l'utiliser pour vous concentrer sur ce qui est pertinent pour votre travail.
3. Explorez les offres de la communauté
Sous l'onglet Explorer, vous trouverez des milliers de palettes Adobe créées et partagées par d'autres utilisateurs d'Adobe Color. Vous pouvez effectuer une recherche par mot-clé ou parcourir par couleur. Si vous en trouvez un qui vous plaît, vous pouvez l'enregistrer directement dans votre bibliothèque Adobe Creative Cloud.
4. Outils d'accessibilité : Vérificateur de contraste et Coffre-fort pour daltoniens
Être inclusif est important dans tout projet de conception, et Adobe Color vous aide à couvrir cette base. Sous la section Accessibilité de l'onglet Créer, vous trouverez deux outils :
- Vérificateur de contraste :teste si votre combinaison de couleurs de texte et d'arrière-plan répond aux normes d'accessibilité WCAG (les directives utilisées pour mesurer la lisibilité pour les personnes malvoyantes).
- Color Blind Safe :vérifie votre palette contre différents types de daltonisme, tels que la deutéranopie, la protanopie et la tritanopie, et signale les combinaisons qui pourraient être difficiles à distinguer.
Les deux outils vous donnent un retour visuel immédiat, ce qui vous permet d'ajuster vos couleurs sur place plutôt que de découvrir des problèmes une fois votre conception terminée.
Adobe Color est-il gratuit ?
Oui, Adobe Color est gratuit et peut être utilisé directement sur son site Web. Vous pouvez créer des palettes sans abonnement et vous n'avez même pas besoin de vous connecter, sauf si vous souhaitez enregistrer des palettes dans vos bibliothèques Creative Cloud.
Partie 2. Comment créer des palettes de couleurs avec le générateur de palettes de couleurs Adobe
Maintenant que vous savez ce qu'est Adobe Color et ce qu'il propose, voici un aperçu plus approfondi de la partie pour laquelle la plupart d'entre vous viennent :créer des palettes de couleurs.
Utiliser la roue chromatique Adobe
Lorsque vous ouvrez l'onglet Créer, la première chose que vous verrez est la roue chromatique Adobe. Pour créer une palette avec, vous disposez de quelques options :
- Faites glisser l'une des poignées de couleur autour de la roue et les autres marqueurs se déplaceront automatiquement pour suivre la règle d'harmonie que vous avez choisie.
- Saisissez un code hexadécimal si vous avez déjà une couleur spécifique en tête. La roue s'y accrochera immédiatement.
Avant de commencer à déplacer les choses, choisissez d’abord une règle d’harmonie. C'est le paramètre qui indique à Adobe Color comment choisir les autres couleurs par rapport à votre couleur de base. Et comme différentes règles produisent des résultats très différents, vous seul savez ce dont votre conception a réellement besoin.
Règles d'harmonie communes dans Adobe Color
- Analogue :couleurs placées les unes à côté des autres sur la roue.
- Monochromatique :une teinte, dont la luminosité et la saturation varient.
- Triade :trois couleurs équidistantes autour de la roue.
- Complémentaire :deux couleurs directement opposées. Contraste élevé.
- Split Complementary :comme complémentaire, mais prend les deux couleurs entourant le point opposé au lieu de la couleur opposée elle-même.
- Carré :quatre couleurs réparties uniformément autour de la roue.
- Composé :deux paires complémentaires combinées.
- Nuances :variations plus claires et plus foncées d'une seule couleur de base.
- Personnalisé :aucune règle appliquée. Vous déplacez chaque marqueur librement et construisez ce que vous voulez.
Image :Les couleurs expliquées
Par exemple, si vous sélectionnez « Monochromatique », la roue Adobe Monochromatique s'affichera avec tous les marqueurs verrouillés sur la même teinte. Vous pouvez copier les codes hexadécimaux ou les valeurs RVB et les importer directement dans votre projet.
Les règles d’harmonie des couleurs proviennent de la théorie fondamentale des couleurs. Ce sont des combinaisons de couleurs qui se marient naturellement bien en fonction de leur position sur la roue chromatique. En plus de sélectionner une règle d'harmonie, vous devez également choisir un mode couleur.
Le mode couleur, quant à lui, détermine la manière dont vos couleurs sont définies et mesurées numériquement. Et cela est important selon que votre design est destiné à la sérigraphie ou à l'impression.
Mode couleur dans Adobe Color
| RVB | HSB | LABORATOIRE | |
| Comment ça marche | Mélange la lumière rouge, verte et bleue (0-255) pour produire de la couleur | Définit la couleur par angle de teinte, saturation et luminosité | Modèle la couleur en fonction de la perception humaine, en séparant la luminosité de deux canaux de couleur |
| Cas d'utilisation typiques | Tout ce qui apparaît sur un écran (sites Web, applications, réseaux sociaux, publicité numérique). | Identique au RVB, mais préféré lors du réglage intuitif des couleurs | Production d'impression et cohérence des couleurs sur tous les appareils |
| Forces | Norme universelle pour le travail numérique | Chaque valeur contrôle une qualité distincte, ce qui rend les ajustements plus prévisibles | Indépendant du périphérique et plus précis sur différents types de sortie |
| Limites | Ne convient pas à l'impression | Aucun avantage en termes de précision par rapport au RVB | Plus technique à utiliser, en particulier pour la conception numérique quotidienne |
Extraire des palettes de couleurs à partir d'images
Toujours dans l'onglet Créer, vous pouvez passer de la roue chromatique à Extraire le thème pour extraire une palette de couleurs d'une image existante. Téléchargez n'importe quelle photo, illustration ou capture d'écran et Adobe Color en extrait directement une palette de cinq échantillons.
Vous pouvez contrôler la manière dont la palette est extraite à l'aide de l'un des cinq modes suivants :Coloré, Lumineux, Sourdine, Profond et Sombre. Chaque mode cible une gamme différente de tons au sein de l'image, de sorte que la même photo peut produire plusieurs palettes différentes en fonction du mode que vous choisissez.
Extraire des dégradés de couleurs
En plus d'extraire une palette de couleurs d'une photo, vous pouvez également extraire un dégradé à partir de la section Extraire le dégradé. L'extraction de dégradé fonctionne de la même manière, mais au lieu de produire des échantillons fixes, elle mappe les couleurs de votre image dans un dégradé.
Après avoir téléchargé une image, Adobe Color générera un dégradé reflétant les transitions de couleurs dominantes en son sein. Vous pouvez basculer entre les types de dégradés linéaires et radiaux et faire glisser les arrêts de couleur pour ajuster le résultat.
Partie 3. Où Adobe Color s'intègre-t-il dans votre flux de travail de conception
Adobe Color convient à presque tous ceux qui doivent prendre des décisions en matière de couleurs. La plupart des gens l'utilisent dès les premiers stades d'un projet, par exemple lorsqu'ils déterminent la direction visuelle ou mettent en place un système de couleurs. Mais c'est également utile lorsque vous devez étendre une palette existante ou vérifier si vos couleurs résistent à l'accessibilité.
Pour les créateurs vidéo en particulier, Adobe Color peut être utilisé lorsque vous planifiez l'identité visuelle d'une chaîne ou d'une seule production. Une fois que vous disposez d'une palette, des outils comme Wondershare Filmora vous permettent d'appliquer ces décisions de couleurs directement dans votre montage.
1. Construisez une identité de marque cohérente
Une palette de couleurs constitue souvent le fondement de l'identité visuelle d'une marque, et cela s'applique tout autant au contenu vidéo qu'aux logos ou aux sites Web. Lorsque chaque élément à l'écran suit la même palette de couleurs, vos vidéos semblent assemblées.
Vous pouvez appliquer votre palette de couleurs à :
- Texte et légendes
- Graphiques d'arrière-plan
- Éléments de conception de mouvements
Si vous avez une palette de couleurs distincte, les gens commenceront à reconnaître votre contenu uniquement à partir des visuels avant même de voir votre nom. Lorsqu'ils le font, cela signifie que vous avez réussi à créer une image de marque forte.
2. Prise en charge de l'étalonnage des couleurs et de l'ambiance visuelle
Votre palette peut également guider les décisions d’étalonnage des couleurs. Plutôt que d'ajuster les ombres, les tons moyens et les hautes lumières uniquement au toucher, vous disposez d'une référence de couleur concrète sur laquelle travailler, ce qui accélère le processus.
Dans Filmora, vous pouvez commencer par utiliser la fonctionnalité AI Color Palette. Il peut générer une étalonnage des couleurs basée sur une image de référence pour vous donner une base solide sur laquelle travailler. À partir de là, utilisez les roues chromatiques HDR de Filmora pour affiner les ombres, les tons moyens et les hautes lumières jusqu'à ce qu'ils s'alignent sur les valeurs spécifiques de votre palette Adobe Color.
Téléchargement sécurisé
Partie 4. Conseils pour créer de meilleures palettes de couleurs dans Adobe Color
Adobe Color génère uniquement la palette. La qualité et les décisions qui la sous-tendent dépendent toujours de vous. Ces conseils vous aident à tirer le meilleur parti de l'outil.
1. Commencez avec une couleur qui correspond à votre projet
Ne commencez pas par essayer de choisir cinq couleurs à la fois. Choisissez une couleur et laissez Adobe Color créer le reste autour d'elle. Il peut s'agir de la couleur de votre marque ou d'une couleur tirée de votre sujet. Si vous n'avez pas encore de couleur précise en tête, commencez par ce que vous souhaitez transmettre. Les couleurs sont porteuses de sens, et vous pouvez l'utiliser comme point de départ.
2. Testez votre palette en contexte
Une palette qui a fière allure sur la roue chromatique ne se traduit pas toujours bien dans un design réel. Il est préférable de toujours tester vos couleurs par rapport à des éléments réels pour voir comment elles se comportent réellement ensemble.
3. Exécutez la vérification de l'accessibilité avant de finaliser
Cela prend moins d’une minute et peut vous éviter de devoir refaire vos choix de couleurs plus tard. N'oubliez pas d'utiliser le vérificateur de contraste dans Adobe Color pour vous assurer que votre texte est lisible, et l'outil Color Blind Safe pour détecter toutes les combinaisons qui pourraient être difficiles à distinguer pour certains spectateurs.
Conclusion
Obtenir les bonnes couleurs ne prend plus des heures à comprendre. Adobe Color vous libère de la partie théorique afin que vous puissiez consacrer plus de temps à la conception. Et si vous êtes un créateur vidéo, Filmora vous permet de donner facilement vie à ces couleurs dans votre montage.
Ce guide contient tout ce dont vous avez besoin pour démarrer. Essayez Adobe Color, choisissez une couleur que vous aimez et commencez à créer de meilleures palettes de couleurs pour votre projet.
FAQ
-
1. Pouvez-vous exporter les palettes Adobe Color vers d’autres outils de conception ?
Oui. Si vous disposez d'un compte Adobe gratuit, vous pouvez enregistrer les palettes directement dans vos bibliothèques Creative Cloud, ce qui les rend accessibles dans Photoshop, Illustrator et InDesign. Si vous travaillez en dehors de l'écosystème Adobe, vous pouvez copier manuellement les valeurs hexadécimales, RVB ou LAB et les importer dans n'importe quel outil que vous utilisez.
-
2. Combien de couleurs doit contenir une bonne palette de couleurs ?
Il n'y a pas de règle stricte, mais la plupart des palettes fonctionnent mieux avec 3 à 5 couleurs. Une configuration typique comprend une couleur dominante, une ou deux couleurs secondaires et un accent.
-
3. Pouvez-vous utiliser Adobe Color pour la conception de sites Web ?
Certainement, oui. Adobe Color est particulièrement utile pour la conception Web car il fonctionne par défaut en valeurs RVB et hexadécimales, qui sont les formats standard pour le Web. Le vérificateur de contraste est également utile lorsque vous devez vous assurer que vos combinaisons de texte et d'arrière-plan répondent aux normes d'accessibilité WCAG avant de finaliser votre conception.