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é...
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
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 !
2. Adobe Color
AVANCE
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.
3. Coolor
AVANCE
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é
4. HTML Color Codes
AVANCE
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.
5. Designspiration
SIMPLE
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.
