PIX-LN La Rochelle
  • A propos…
  • Création graphique et web
    • Logotype & identité visuelle
    • Supports de communication print
    • Création web
  • Formations
    • WordPress débutant.e
    • Woocommerce – création de site marchand
    • Réseaux sociaux et marketing digital
  • Actus
  • Contact
Sélectionner une page

Repérer et utiliser des codes couleurs fiables sur vos différents supports

Actualités, Création graphique

code couleurs et références à connaître

Vous avez choisi votre logo sur un vrai coup de cœur et vous affichez fièrement ses couleurs partout…

Mais d’un support à l’autre, vous ne retrouvez pas toujours le vert que vous aimez  tant ou le bleu azur qui séduit vos clients ! Aïe, pour ne pas être déçu, vous devez connaître et transmettre les références uniques de vos couleurs aux différents prestataires auxquels vous faites appel.

Si vous avez travaillé avec une graphiste ou une agence telle que PIX-LN qui suit les bonne pratiques professionnelles, vous avez reçu ces codes couleurs. Cela fait partie du « Kit » minimum fourni avec un logo afin de vous garantir une cohérence visuelle et stable.

En fonction du support final : une plaquette papier, un site web, une enseigne peinte… Les références à transmettre varient. Il est donc important de connaître et conserver vos codes couleurs.

2.5.0.0
code couleur pantone et quadri offset

Comment s’y retrouver parmi les différents codes couleurs utilisés ?

Pour une impression classique (ou offset) il s’agit de la référence CMJN ou Cyan Magenta Jaune Noir. La couleur est alors traduite par la superposition de ces 4 couleurs suivant des proportions fixes. Le rendu final peut donc varier légèrement en fonction de l’imprimeur ou du papier choisi.

  • Par exemple CET ORANGE est codé comme suit C = 0%, M=60%, J=100%, N=0%

Pour des teintes très particulières comme un jaune fluo ou un bleu de prusse par exemple, il est préférable d’utiliser le nuancier Pantone®. Il s’agit alors d’une seule encre qui est mélangée en amont de l’impression de vos documents et utilisée uniquement pour cette utilisation.

  • Seule la couleur Pantone® permet d’obtenir un rendu strictement identique quel que soit le support. L’utilisation d’un Pantone® est donc toujours plus coûteux qu’une impression en quadrichromie (CMJN).

Pour un travail sur écran on utilise indifféremment

Le code couleur TSL (Teinte, Saturation, Luminosité). Il s’agit de faire varier cette fois la teinte + l’intensité de cette couleur + la luminosité de la couleur. Le code couleur TSL est composé de 3 variations codées de 0 à 100.

  • Pour ce même ORANGE , le code couleur sera alors : T=24/ S=100/ L=100

Le code couleur RVB comme Rouge Vert Bleu (ou RGB pour Red Green Blue ) qui est un code informatique proche du CMJN puisqu’il s’agit de doser chaque teinte sur une échelle de 0 à 255. Mais cette fois on agit sur le spectre lumineux d’une couleur.

  • Toujours pour ce ORANGE le code couleur RVB sera  : R=255/ V=102/ B=0

Pour le web, enfin, on utilise le code hexadécimal.

Ce code HTML est identifié par le # suivi de 6 caractères allant de 0 à 9 et de A à F composant la couleur retenue.

  • Le code suivant #FF6600 sera utilisé pour notre ORANGE !

La plupart des logiciels graphiques (suite Adobe notamment) permet de convertir les systèmes et obtenir les différents codes couleurs.

 

Il existe aussi des outils en ligne très pratiques et faciles à utiliser.

 

  • le site : htmlcolorcodes.com/ fournit les différents codes couleurs : CMJN, TSL, RVB, HTML à partir d’une teinte sélectionnée sur une palette visuelle.
  • Le navigateur Firefox propose dans ces outils de « développement web » une pipette. Pour repérer et copier le code couleur HTML d’une photo, d’un logo ou un graphique, il suffit de pointer la souris sur la teinte recherchée.
2.5.0.0

EN SAVOIR UN PEU PLUS…

Toutes les actualités publiées…

Catégories

Actualités Actus du web Création graphique Création web Formation
  • Lexique
  • Mentions légales – Politique de confidentialité
  • Politique de cookies (EU)
  • Facebook
  • Instagram
© PIX-LN La Rochelle - Design graphique et Webdesign - Formations Wordpress et WooCommerce - 07 68 59 94 38
Cookies et préférences
PIX-LN utilise des cookies et vous permet de contrôler ce que vous acceptez et autorisez. Si vous refusez certains cookies, cela peut affecter la navigation et certaines fonctionnalités du site.
FONCTIONNEL Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’utilisateur.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques. Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web à des fins de marketing similaires.
Gérer les options Gérer les services Gérer {vendor_count} fournisseurs En savoir plus sur ces finalités
Préférences
{title} {title} {title}