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 :

Pour compléter votre lecture, je vous recommande les articles suivants :

Sélecteurs de couleurs Hexadécimales

Google

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.

code-couleur

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.

Découvrir SpyColor

spycolor

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.

Découvrir ColorPicker

color-picker

React Color

Un collection des différents sélecteurs de couleurs utilisés sur des services populaires comme Photoshop, Sketch, Git Hub etc.

Voir React Color

react-color

 

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.

Voir Materialette

materialette

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.

Découvrir Material UI

materialui-colors

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 

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.

Découvrir Flat UI Colors

flatuicolors

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

flatuicolorpicker

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

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.

Découvrir Flat Colors

flatcolors

11 outils pour trouver le code d’une couleur aux formats HTML, CSS, RGB, RGBA etc.
1 Votes | 5 / 5

Vous aimerez aussi

23 sites pour créer un portfolio en ligne gratuit ... Graphistes et photographes, découvrez 23 sites pour créer un portfolio gratuit en ligne facilement sans avoir à utiliser de CMS. Nous avions partagé,...
La différence entre Photoshop et Illustrator M.A. Kather, un designer Indien s'est amusé à illustrer les différences entre Photoshop et Illustrator, les deux logiciels populaires d'Abode. ...
13 ressources JavaScript utiles pour la conception... Je vous propose aujourd'hui de découvrir 13 ressources Javascript pour vous aider dans la conception Web. N'hésitez pas à venir partager de nouvelles ...
Immagipic – Un outil pour créer des mockups ... Avec immagiPic vous pouvez créer des mockups de scènes fantastiques et réalistes de votre poste de travail.   Pas besoin d'être un expe...
Infographie : Comment concevoir une identité de ma... Aujourd'hui, nous partageons certaines des étapes et des concepts clés impliqués dans la création d'une identité de marque en une seule infographie qu...

Pin It on Pinterest

Shares
Share This