17 outils pour trouver ses codes couleurs et les bonnes associations

17 outils pour trouver ses codes couleurs et les bonnes associations
Noter

Les codes couleurs sont indispensables à toute création graphique, quelle soit destinée à un écran, à un site internet ou un blog, ou encore à unQuels codes couleurs pour le web support papier.

Voici des outils utiles pour trouver les bons codes couleurs dont vous avez besoin, mais aussi pour vous aider à associer les bonnes couleurs entre elles.

Selon le support, vous devrez choisir le bon code couleur

• Le code RVB ou RGB (rouge,vert, bleu) :  est un système de codage basé à partir des couleurs primaires. Il est utilisé pour les créations vidéos et écrans.

• Le code HTML (code HEXA) : est un système de codage informatique des couleurs à partir du RVB. Il est utilisé pour le web. Il offre une palette de 16 777 216 couleurs dans la mesure que les navigateurs, écrans puissent les interpréter. Mais c’est en général le cas.

• Le code CMJN  (cyan, magenta, jaune, noir) :  ce codage est destiné à l’imprimerie. Il permet de reproduire un large éventail colorimétrique à partir des trois teintes de base, auxquelles sont ajoutées le noir ; on parle également dans ce cas de quadrichromie. Vous l’avez compris, si vous souhaitez créer un document pour l’impression, même sur votre ordinateur, il est conseillé d’utiliser ce codage.

RÉSUMÉ

Le code RVB est utilisé pour créer un document destiné aux écrans ; le code HTML est destiné au web et le code CMJN est destiné à l’impression.

Des sites pour trouver le bon code couleur

Color-ex.comSite internet

Toutes-les-couleurs.comSite Internet

Colorpicker.comSite Internet

Code-couleur.comSite Internet

HtmlcolorcodesSite Internet

Web-color.frSite Internet

2createawebsite.comSite Internet

Color-sheme GeneratorSite Internet

Un de ces liens n’est plus valide ? Merci d’en avertir Miss Futée › contact

Choisir les bonnes couleurs

Le choix des couleurs peut devenir un véritable casse-tête en matière de  création graphique.

La difficulté est la même que ce soit pour un site internet ou pour un visuel graphique.

Si vous n’êtes pas graphiste, il vaut mieux ne pas se lancer dans des combinaisons hasardeuses.

Sur un site internet, les mauvaises couleurs peuvent faire fuir vos visiteurs. On sait que la couleur est souvent liée à une émotion et qu’elle participe également à l’expérience utilisateur et à l’ergonomie du site.

Ainsi, avant d’opter pour telle ou telle couleur, il est important de bien connaître sa cible, ses visiteurs.

Un exemple souvent cité sur le web : pour les occidentaux, le blanc est associé à l’innocence, la pureté, le mariage, la vie etc.  ; alors qu’en Asie, le blanc représente la mort et le deuil.

La signification des couleurs – Les bonnes associations de couleurs

COULEURS

PRIMAIRES

SYMBOLESIGNIFICATION POSITIVESIGNIFICATION NÉGATIVEASSOCIATION COULEURS
 BLEUVéritéRêve, sagesse, sérénité, vérité, loyauté, fraîcheurJoie. Ouverture socialeLe bleu foncé avec le blanc ou le beige. Les bleus clairs avec les nuances de marron
JAUNEJoie
Pouvoir
Ego
Fête, joie, chaleur, ego, puissance, connaissance, amitiéTraîtrise, mensonge, tromperieAvec les marrons, le blanc, le noir et le crème
 ROUGESentiments passionnésAmour, passion, chaleur, sexualité, ardeur, triompheColère, interdiction, dangerAvec les marrons, le blanc et le noir
COULEURS

SECONDAIRES

SYMBOLESIGNIFICATION POSITIVESIGNIFICATION NÉGATIVEASSOCIATION COULEURS
 VERTNature
Végétal
Espérance, chance, stabilité, concentrationÉchec, infortuneToutes. Et plus particulièrement le marron, l’ocre, le crème ou le taupe
 ORANGEDynamisme Bonne humeurJoie, créativité, communication, sécurité, optimismeKitchDoit être utilisée à petites doses. Avec le rouge ou le jaune
 VIOLET DouceurRêve, délicatesse, paix, amitié, méditationMélancolie, solitudeDifficile à marier : le blanc, le noir et le marron éventuellement. Le rose, le bleu ou le vert sont à bannir en présence de violet
COULEURS

TERTIAIRES

SYMBOLESIGNIFICATION POSITIVESIGNIFICATION NÉGATIVEASSOCIATION COULEURS
 MARRONTerre RassuranteNature, douceur, neutralitéAucuneLe blanc, le jaune, les violets et les roses clairs (vieux rose…)
 DORÉ (OR)Puissance FortuneRichesse, fortune, fécondité AucuneToutes les couleurs, et plus particulièrement le noir, le marron et le rouge
AUTRES

COULEURS

SYMBOLESIGNIFICATION POSITIVESIGNIFICATION NÉGATIVEASSOCIATION COULEURS
 NOIRDeuil ÉléganceÉlégance, simplicité, sobriété, rigueur, mystèreMort, deuil, tristesse, vide, obscuritéAvec toutes les couleurs. Éviter de l’utiliser seul. Il est recommandé de toujours l’accompagner d’une couleur chaude ou d’une couleur pâle pour rehausser son style
 BLANC PuretéPureté, innocence, virginité, mariageAucuneAvec toutes les couleurs
 GRISTristesse CalmeCalme, douceurTristesse, solitude, monotonie, mélancolie Avec toutes les couleurs. Attention de ne pas trop en abuser. En trop grande quantité, elle ramène à un univers fade et triste
 ROSEDynamisme TendresseFéminité, romantisme, séduction, bonheur, tendresse, jeunesseCouleur réservée aux fillesRéservée avant tout à un univers féminin, le rose est une couleur particulière qui peut parfois tomber dans l’excès et rendre l’effet inverse que celui souhaité

Source : http://www.code-couleur.com/signification

Des sites pour associer les bonnes couleurs avec des exemples de palettes de couleurs

Site 1http://www.color-hex.com/color-palettes/popular.php

Site 2http://colorhunter.com

Site 3 https://color.adobe.com

Site 4http://www.colourlovers.com/web/palettes

Site 5https://blog.crazyegg.com/2012/07/11/website-color-palettes

Site 6http://www.onextrapixel.com/2013/10/25/40-stunning-website-designs-with-great-color-schemes

Site 7 › http://paletton.com

Sur ces sites, vous uploadez une image -votre logo par exemple), et l’outil vous suggère plusieurs palettes de couleurs en se basant sur les couleurs de votre image :

Site 8http://www.pictaculous.com

Site 9http://palettegenerator.com

Site 10http://www.cssdrive.com/imagepalette

 

Un de ces liens n’est plus valide ? Merci d’en avertir Miss Futée › contact

Inscription newsletter Miss Futée Inscrivez-vous aux News de Miss Futée et recevez nos bons plans et bonnes affaires !Inscription newsletter

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Fermer