Widget Image

Bienvenue dans mon univers !

Découvrez mon nouveau guide: 
5 étapes pour créer un site web qui vous ressemble

Invalid email address
En cliquant sur le bouton ci-dessus, vous acceptez de recevoir les actualités, conseils et articles de Digitale Attractive dont le guide conseil ! Vous pouvez à tout moment vous désinscrire à travers le lien figurant dans nos emails.
Rejoignez-moi sur les réseaux

Bienvenue sur le blog

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.

Recevez les prochains articles de blog dans votre boite mail

Invalid email address
Aucun commentaire

Publier un message

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.