En savoir plus...
Pour vos RDV
Skype @Solo.Entrepreneures
Du lundi au vendredi de 9h30 à 17h30
(sauf mercredi et vendredi apm)

Envoyez un mail à nathalie@digitale-attractive.com
ou cliquez sur la page Contact
S’inscrire à la newsletter
Votre commande
Recherche

Nuances de couleurs pour le web

Rêve ta vie en couleurs, c’est le secret du bonheur ! 

Walt Disney

 

Si vous n’avez pas encore créé votre charte graphique, le choix des couleurs pour votre identité graphique (logo) et vos outils de communication (site internet, blog, visuels sur les réseaux sociaux) est déterminant pour donner un univers, une harmonie, une cohérence et une force à votre message. Choisissez les bien !

 

La couleur de l’année !

Pour ceux qui veulent parier sur la tendance, chaque année le site Pantone.com vous propose la couleur de l’année !

En 2017, ils ont choisi GREENERY, symbole du renouveau, de revitalisation et de reconnection avec la nature…

 

 

La palette ou nuancier de couleurs

Vous pouvez utiliser des outils dédiés pour travailler vos palettes de couleur et décliner les couleurs qui contrastent, s’assemblent ou se complètent ensemble :

  • le nuancier classique « papier » pour ceux qui veulent appréhender la couleur imprimée (attention les couleurs imprimées diffèrent souvent sur le web),
  • la roue chromatique d’Adobe pour choisir ses nuances, compléter une couleur ou la contraster.

 

 

 

Pour ma part, j’ai choisi l’authenticité pour créer ma palette de couleurs pour mon site, car je voulais recréer mon univers à partir des couleurs et mélanges que propose la nature, et mon choix s’est porté sur l’océan, un symbole fort pour moi.

J’ai découvert il y a quelques mois le site de Jessica DesignSeeds, qui propose chaque jour sur Instagram ou Pinterest une photo et sa palette de couleurs déclinée. Les photos sont vraiment magnifiques, et vous disposez ainsi d’une palette de couleur tout à fait naturelle et cohérente à appliquer pour votre site ou vos supports de communication.

Voici la palette @DesignSeed que j’ai utilisée pour définir les couleurs de mon site, vous trouverez aussi de nombreux exemples dans mon tableau Pinterest Nuances.

 

Vous pouvez choisir l’une de vos photos, celle que vous préférez ou qui vous correspond, et décliner vous-même les couleurs qui la composent (en téléchargeant par exemple votre photo sur la roue chromatique d’Adobe qui vous déclinera les différents codes couleurs qui la compose, ou tout simplement avec la pipette de Photoshop, votre logiciel de retouche photo, ou encore une extension de type Color Picker que vous ajoutez à votre navigateur pour trouver la couleur du visuel ou du fond affiché sur l’écran).

 

Le brand board

Enfin vous pouvez également créer votre nuancier comme un moodboard pour déterminer les couleurs dominantes de votre univers à partir des visuels et ambiances qui représentent votre activité et que vous aimez… Vous pouvez en trouver de nombreux exemples sur Pinterest, j’en ai rassemblé certains dans mon tableau « Moodboard« .

 

Exemple de planche couleur réalisée pour l’une de mes clientes CharlieOPlumes

La signification des couleurs

Si vous voulez en savoir plus sur la signification des couleurs qui composent votre charte, afin de vérifier si le message qu’elles véhiculent est cohérent avec ce que vous souhaitez valoriser dans votre communication, voici un petit mémo sur les associations et la perception des couleurs principales (positives comme négatives), et leur utilisation dans certains univers de marque.

Les basiques

  • Le rouge est associé au sang et au feu.
    Mots clés : passion, chaleur, émotion, force, détermination, mais aussi violence, interdit, pouvoir.
    Univers : luxe, mode, vin, gastronomie, humanitaire, médias.
     
  • Le bleu est associé au ciel et à la mer.
    Mots clés : paix, fraîcheur, clarté, confiance, sérénité, pureté, loyauté, sagesse, rêve.
    Univers : couleur la plus utilisée sur le web, technologies, international.
     
  • Le jaune est associé au soleil.
    Mots clés : joie, énergie, créativité, curiosité, richesse, mais aussi orgueil, égoïsme, jalousie.
    Univers : assurances, crédit, agro-alimentaire.
     
  • Le vert est associé à la nature, les arbres.
    Mots-clés : calme, relaxation, réussite, espoir, fraîcheur, jeunesse, équilibre, harmonie, tolérance, sérénité.
    Univers : environnement.
     
  • Le noir est la non-couleur par excellence.
    Mots clés : luxe, sobriété, mystère, mais aussi mort et tristesse.
    Univers : cinéma, photographie, luxe.
     
  • Le blanc est associé à la lumière et la pureté.
    Mots-clés : pureté, innocence, divin, propreté, mais aussi le vide, l’absence.
    Univers : mariage, mode, activité d’hiver
     .

Les mélanges

  • Le violet, mélange de sérieux et passion.
    Mots clés : nostalgie, romantisme, modestie, intelligence, délicatesse, méditation, mais aussi deuil, mélancolie, vanité.
    Univers : culturel, religieux, académique, musical.
     
  • L’orange mélange de soleil et de passion.
    Mots clés : bonheur, créativité, communication, détermination, audace, confiance, sécurité.
    Univers : communication, divertissement, agro-alimentaire.
     
  • Le rose mélange de passion et pureté.
    Mots clés
    : féminité, amour, intimité, charme, beauté, douceur, tendresse, jeunesse, mais aussi immaturité, indécision.
    Univers : enfantin, loisirs, femmes.
     
  • Le marron est associé à la terre.
    Mots clés : fiabilité, solidité, confort, assurance, douceur, neutralité, philosophie.
    Univers : terroir, chocolat, religieux. 

 

Quelques conseils technique / pratiques

 

Sur le web, on utilise les couleurs par leur code hexadécimal (#000000 le noir / #ffffff le blanc….). Vous pouvez utiliser certains outils sur la toile pour trouver les concordances entre vos codes Pantone, RVB ou Hex.

Convertisseur de couleurs

Il existe deux formats différents : le format RVB (rouge/vert/bleu) utilisé sur le web, et le format CMJN (cyan/magenta/jaune/noir) qui lui est utilisé en imprimerie. N’oubliez donc pas de vérifier que vos visuels utilisé sur le web sont bien formatés en RVB, sinon vous risquez de  rencontrer des problèmes d’affichage des couleurs et même parfois de l’image en elle-même qui n’est pas reconnue par le navigateur.

 

 

 

 

 

 

Commentez sur Facebook
Nathalie Dujardin

nathalie@digitale-attractive.com

Artiste digitale, entrepreneure passionnée, créative et happy, ma mission est de booster les femmes solo-entrepreneures à réaliser tous leurs rêves et à élever leur business vers plus de qualité, de sens et de sérénité. Rejoignez-moi sur les réseaux sociaux !

Suivre :

Aucun commentaire

Partager un commentaire sur le blog ?