11 outils pour trouver le code d’une couleur aux formats HTML, CSS, RGB, RGBA etc.



Suivez Template.pro :   

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

A propos de l'auteur

Fabien Berthoux

J'ai créé Template.pro pour aider les professionnels à gagner du temps dans la recherche des meilleurs ressources et templates pour réaliser leurs projets ou ceux de leurs clients. Merci de prendre quelques minutes pour partager ce site avec vos amis. En savoir plus sur ce projet.

Ajouter un commentaire

Pin It on Pinterest

Shares
Share This
12 Outils pour trouver les typographies gratuites à utiliser dans vos projets

Vous recherchez les prochaines typographies à utiliser dans votre webdesign ou votre affiche ? Découvrez 12 sites et outils qui...

Fermer