Badge Webflow Award Winner 2023

5 outils gratuits pour créer une palette de couleurs originale

Publié le 
15/7/2022
Modifié le 
27/3/2023
Temps de lecture : 5 min
Palette de couleurs violet move orange jaune avec icone power digidop jaune
Écrit par
Thomas Labonne avec un T-shirt Digidop

Thomas Labonne

Co-fondateur

Ces outils sont indispensables pour créer une palette de couleurs originale pour votre charte graphique ! Choix de couleurs, variants, couleurs complémentaires, tests d'accessibilité...

Points clés à retenir

Vous ê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

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

2. Adobe Color

AVANCE

interface de la plateforme adobe color avec un exemple de plusieurs bleu complémentaires

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

3. Coolor

AVANCE

interface de la plateforme Coolor avec des exemples de palettes de couleurs populaires

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

4. HTML Color Codes

AVANCE

interface de la plateforme HTML color codes avec un exemple d'utilisation de la couleur rouge

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

5. Designspiration

SIMPLE

interface de la plateforme designspiration avec un exemple de couleurs complémentaires sur des visuels

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.

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

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop