Outils et liens autour de la couleur

Dossier : des liens et des outils autour des couleurs

Dans ce dossier, je vais rassembler tous les liens et outils intéressants autour des couleurs que je trouve. Ce dossier s’adresse plutôt à des designers, web designers et les métiers qui touchent au graphisme.

On ne peut le nier, le choix des couleurs est particulièrement important dans un projet, aussi bien pour coller à une charte qu’en terme d’accessibilité. Il est donc nécessaire, voire indispensable, de les définir en amont et si possible de les tester sur la cible.

Il reste toujours la possibilité, une fois un site internet mis en ligne, de faire des tests A/B pour définir quelle est la meilleure couleur pour un bouton par exemple. Ce genre de tests est plutôt réservé à un site de e-commerce et/ou à gros trafic.

Il existe sur le web, un certain nombre d’outils en ligne plus ou moins bien réalisés pour nous aider dans cette démarche. Il y a également une pléthore d’articles qui traitent de ce sujet.
N’hésitez pas à me partager d’autres liens si vous les trouvez intéressants.

Sommaire :

  1. Générateurs et base de données de palette de couleurs
  2. Générateurs de dégradés
  3. Outils
  4. Extensions de navigateur

1. Générateurs et base de données de palettes de couleurs

Color Hunt

Très très grosse base de données de palettes. Vous pouvez les télécharger sous forme d’image ou copier les codes hexadécimales (HEX). Ils disposent également d’un compte Instagram.

Color Hunt

Coolors

Coolors

Material Design palette

Des palettes spécifiques au material design et une prévisualisation sur une interface.

Material Design Palette

Adobe Color

Le créateur de palette d’Adobe. Intéressant car en choisissant une seule couleur il est possible de trouver les couleurs où les teintes qui vont ensemble.

Adobe Color

LOL Colors

LOL Colors

Flat UI Colors

Des palettes de couleurs choisies par 13 designers de 13 différents pays.

Flat UI Colors

Color Lisa

Color Lisa recense les palettes des œuvres des plus grands artistes.

Color Lisa : color palette

Les palettes de couleurs sur Dribbble

On connait tous le réseau social Dribbble pour les designers et dont on ne peut poster que lorsque l’on a une invitation. Ce que l’on connait peut être un peu moins, c’est la possibilité de récupérer les couleurs des projets qui nous intéressent. Pour cela il suffit de sélectionner le projet et d’aller dans la description dans la colonne de droite.

Palettable

Un générateur de palette plus ou moins aléatoire en fonction de vos like et dislike de couleurs.

Palettable

Colordrop

Petite particularité de Colordrop, il permet de charger une image et d’en définir une palette de 5 couleurs.

Colordrop

Curls

Une sélection de palettes classée en 4 catégories : analogues (5 couleurs), triad (3 couleurs), monochrome et tetradic (4 couleurs)

Curls

Picular

Un site qui permet de chercher des couleurs en fonction d’une recherche image sur Google.

Picular

2. Générateur de dégradés

CSS Gradient Generator

Un outil pour générer des dégradés et les exporter directement en CSS.

CSS Gradient Generator

Hue.css

Une collection de dégradés photoréalistes.

Hue.css

Gradient Hunt

Web Gradients

WebGradients : exemples

 

3. Outils

Colorable

Un outil permettant de tester le contraste entre les couleurs de vos textes et le fond.

Picular

4. Extensions de navigateur

Palettab

Une extension Chrome ou Firefox qui permet à chaque clique sur le bouton d’obtenir une couleur et une typo pour son inspiration.

Palettab

Site Palette

Permet d’obtenir la palette de couleurs du site que vous visitez.

Site Palette

 

 

Laisser un commentaire :

Votre adresse email ne sera pas publiée.