Découvrez une liste d’outils qui vous permettront de trouver le code d’une couleur dans tous les formats (HTML, CSS, RGB, RGBA etc.). Ces sélecteurs de couleurs (color pickers) sont disponibles en ligne gratuitement et vous aideront dans vos prochaines créations.
Si cet article vous aide, pensez à le partager avec vos amis et si vous utilisez des outils qui ne sont pas dans cette liste, ajoutez les dans les commentaires. Je compléterai cette liste en citant votre compte Twitter.
Sommaire :
- Sélecteurs de couleurs Hexadécimales
- Trouver le code d’une couleur Material Design
- Trouver le code d’une couleur Flat Design
Pour compléter votre lecture, je vous recommande les articles suivants :
- 19 outils pour composer une palette de couleurs
- Le petit guide pour comprendre la signification des couleurs
Sélecteurs de couleurs Hexadécimales
Une petite astuce toute simple consiste à rentrer directement la valeur d’une couleur dans le moteur de recherche pour obtenir les informations de conversion dans les différents formats.
Voici un exemple avec la couleur #37bf91.
SpyColor
SpyColor est un outil qui vous donnera toutes les informations nécessaires sur le choix de vos couleurs. Vous trouverez par exemple la conversion des couleurs en RGB, CMYK, HSV et plus, les différents schémas de couleurs (complémentaire, triadic, tetradic etc.) ansi que des gammes monochromatiques.
ColorPicker
Un outil puissant et complet pour trouver les codes d’une couleur dans les différents formats. L’outil vous aidera même à créer des palettes de couleurs harmonieuses.
React Color
Un collection des différents sélecteurs de couleurs utilisés sur des services populaires comme Photoshop, Sketch, Git Hub etc.
Trouver le code d’une couleur Material Design
Ces outils vous permettront de trouver facilement l’ensemble des couleurs et les codes couleurs pour vos créations en material design afin de répondre aux règles de design imaginées par Google.
Materialette
Une application compatible avec Mac, Windows 7 (et +) et Linux pour obtenir un tableau des couleurs material design facilement accessible.
Material UI
Material UI regroupe sur une seule page les couleurs que vous pouvez utiliser dans le Material Design. L’outil est vraiment pratique. Vous choisissez le format que vous souhaitez utiliser RGB, RGBA, HEX ou #HEX. Il vous suffira ensuite de simplement cliquer sur la couleur que vous souhaitez utiliser pour copier coller le code couleur à ajouter dans vos fichiers CSS.
Material Design Colors
Ce petit outil web vous permet de visualiser les couleurs et de les copier facilement dans des formats différents. Il suffit de cliquer pour afficher les différents contrastes et sélectionner le code couleur que vous souhaiter utiliser.
Découvrir Material Design Colors
Trouver le code d’une couleur Flat Design
Le flat design est un style graphique associé au design de sites internet, c’est un sous-genre du courant minimaliste. Il se caractérise par des formes simples, sans textures, ni effets de volumes. Les couleurs, souvent vives sont utilisées en aplats. Source.
Les couleurs sont fondamentales lorsqu’on opte pour une interface en flat design. Ces dernières font ressortir des éléments particuliers, comme les boutons cliquables, et hiérarchisent le contenu. Voici quelques outils qui vous permettront de trouver une couleur pour vos conceptions en Flat Design.
Flat UI Colors
Flat UI Colors est un nuancier de 20 couleurs. Vous pouvez les sélectionner facilement sous plusieurs formats avec un simple clic.
Flat UI Color Picker
Flat UI Color Picker rassemble une centaine de couleurs regroupées par teintes. Un outil pratique et très visuel.
Découvrir Flat UI Color Picker
Bootflat Color Picker
Bootflat Color Picker est un sélecteur de couleurs qui vous donne les couleurs parfaites pour les conceptions flat design.
Découvrir Bootflat Color Picker
Flat Colors
Flat Colors est une immense collection qui met à votre disposition 11 469 couleurs à travers 2 362 palettes de flat design.
