# 5 outils gratuits pour créer une palette de couleurs originale Documentation3 minPublié le Jul 15, 2022Dernière mise à jour le ![Palette de couleurs violet move orange jaune avec icone power digidop jaune](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55225a388d407588a7a6_64760069e93084646c9ef13b_62d166f6d5fc85d93b4e8491_Open-Graph-outils-pallette-de-couleurs.webp)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'articleVous êtes en pleine création ou refonte de votre identité graphique et cherchez une palette de couleurs originale ? On vous partage 5 outils efficaces pour créer ou **étoffer votre palette de couleurs gratuitement**. ## 1. ColorSpace **SIMPLE** ![interface de l'outil colorspace avec des exemples de gradients](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55235a388d407588a7ba_64760069e93084646c9eec30_62d1631bf875f2a3c9c94d1b_interface-colorspace.webp) Commençons par le plus simple, ColorSpace. C'est l'outil idéal si vous souhaitez trouver rapidement et facilement une palette de couleurs cohérente pour votre nouvelle charte graphique. ColorSpace vous permet de créer une palette de couleurs à partir d'une couleur de base. Vous n'avez qu'à rentrer le code HEX de votre couleur primaire pour que l'outil vous **génère automatiquement des dizaines de propositions de palettes de couleurs différentes.** Vous aurez le choix entre couleurs softs, complémentaires, gradients, etc. Créez autant de palettes de couleurs que vous voulez ! [En savoir plus sur ColorSpace](https://mycolor.space/) ## 2. Adobe Color **AVANCE** ![interface de la plateforme adobe color avec un exemple de plusieurs bleu complémentaires](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55235a388d407588a7ae_64760069e93084646c9eec2d_62d1638f3e5674c8efdfed87_interface-adobe-color.webp) Plus complexe à prendre en main, Adobe Color vous permet cependant d'**aller bien plus loin dans la refonte de vos couleurs**. L'outil propose de nombreuses fonctionnalités vous permettant de concevoir votre palette de couleur tout** en respectant les règles d’harmonie chromatique**. Vous aurez ainsi la possibilité de trouver des couleurs : - Semblables - Monochromes - Triades - Complémentaires - Complémentaires partagées - Complémentaires partagées - Double - Carrés - Composites - Nuances - Personnalisées - En mode colorimétrique Si vous avez déjà des visuels ou inspirations que vous souhaitez réutiliser, Adobe Color vous permet également d'extraire des thèmes ou des dégradés depuis des fichiers. Indispensable lorsque l'on parle de couleurs : l'**accessibilité.** Adobe Color propose un nouvel** outil d'analyse et vérification d'accessibilité **des couleurs que vous aurez choisi. - Vérificateur de contraste avec mise à niveau WCAG 2.1 score AA ou AAA. - Outil d'adaptation à la vision daltonienne En bonus pour les designer qui jouent entre WEB et PRINT, Adobe Color vous donne également les correspondance exactes de couleur HEX et RVB. [Tester Adobe Color](/fr/tools/adobe-color) ## 3. Coolor **AVANCE** ![interface de la plateforme Coolor avec des exemples de palettes de couleurs populaires](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55235a388d407588a7b4_64760069e93084646c9eec31_62d163e7d3475b9873b4450c_interface-coolors.webp) Créez une palette de couleur en partant d'un code HEX, d'un thème ou d'un style. Coolor est une **plateforme très complète pour gérer, créer et faire évoluer votre charte graphique.** Besoin d'inspiration ? Depuis une simple barre de recherche** trouvez des couleurs complémentaires à la vôtre ou inspirez vous directement de thèmes existants**. Coolor dispose également d'un **générateur de palette de couleurs aléatoire**. Allez au bout de chacune de vos couleurs ! L'outil Color Picker vous donne des** informations détaillés** à l'aide d'un simple code HEX : - Conversion dans de multiples formats (RGB, LAB, CMYK, HSB, HSL, XYZ, etc.) - Variations, teintes, tonalités, températures, etc. - Couleurs similaires et complémentaires, pour créer votre palette - Vérificateur de contraste et d'accessibilité [En savoir plus sur Coolors](/fr/tools/coolors) ## 4. HTML Color Codes **AVANCE** ![interface de la plateforme HTML color codes avec un exemple d'utilisation de la couleur rouge](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55235a388d407588a7b1_64760069e93084646c9eec2c_62d16422a23ee01ca19953fc_interface-html-color-codes.webp) Très similaire à Adobe Color, HTML Color Codes vous permet d'**explorer différentes variantes d'une couleur HEX, RGB ou HSL**. - Analogues - Triadiques - Complémentaires - Neutres - Nuances - Teintes - Tonalités En bonus, HTML Color Codes vous donne le** nom HTML d'une dizaine de couleurs** à réutiliser sur votre site web. [Tester HTML Color Codes](https://htmlcolorcodes.com/fr/) ## 5. Designspiration **SIMPLE** ![interface de la plateforme designspiration avec un exemple de couleurs complémentaires sur des visuels](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55235a388d407588a7b7_64760069e93084646c9eec2e_62d164940d0f57544b457317_interface-designspiration.webp) Contrairement aux précédents outils, Designspiration ne vous créera pas une palette de couleurs préconçue, des gradients ou encore des tests d'accessibilité. Designspiration est en revanche une **source d'inspiration sans fin** pour créer des **moodboards**, trouver des idées d'**associations de couleurs**, créer un **univers**, ou encore comprendre **comment réutiliser chaque couleur de votre **[**charte graphique**](/fr/services/webdesign)**. ** Depuis une barre de recherche avancée, vous pourrez sélectionner plusieurs couleurs, choisir un style, et Designspiration vous proposera une infinité de visuels, photos, maquettes web, mockups, illustrations, etc. qui correspondent. Un outil idéal pour vous inspirer, découvrir les tendances et comprendre comment mettre en application de manière harmonieuse vos couleurs.   [Tester Designspiration](https://www.designspiration.com/) [ ](#)![Thomas Labonne](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a45970e82f1635d9e4d7f_thomas-website%20(1).webp)Thomas LabonneCo-fondateur[ ](/fr/team/thomas-labonne)[ ](https://fr.linkedin.com/in/thomas-labonne-digidop)[ ](#)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)