{"id":4883,"date":"2026-07-21T17:42:46","date_gmt":"2026-07-21T15:42:46","guid":{"rendered":"https:\/\/cha-vari.com\/wp\/?p=4883"},"modified":"2026-07-22T00:51:16","modified_gmt":"2026-07-21T22:51:16","slug":"couleurs-logo","status":"publish","type":"post","link":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/","title":{"rendered":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

<\/span><\/div>Couleurs et identite de marque : le guide complet, de la psychologie a la roue chromatique<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Article de blog \u00e9crit et illustr\u00e9 par T.Thomas<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Vous ouvrez le site d’une entreprise, et avant m\u00eame de lire son nom, vous vous \u00eates d\u00e9j\u00e0 fait une id\u00e9e d’elle. S\u00e9rieuse ou accessible, ch\u00e8re ou abordable, chaleureuse ou distante. Ce n’est pas un hasard : la couleur parle avant vous, avant votre nom, avant votre baseline. Elle d\u00e9clenche une r\u00e9action \u00e9motionnelle en moins de 90 millisecondes, bien avant que votre cerveau n’ait eu le temps d’analyser quoi que ce soit consciemment.<\/p><\/div>

Ce guide vous accompagne pas \u00e0 pas dans tout ce qu’il faut comprendre pour choisir les couleurs de votre marque avec m\u00e9thode plut\u00f4t qu’au hasard : ce qu’est vraiment une couleur pour votre cerveau, ce que chaque teinte d\u00e9clenche psychologiquement, les fondamentaux de la roue chromatique l\u00e9gu\u00e9s par les peintres et les th\u00e9oriciens de la couleur, comment construire une palette \u00e9quilibr\u00e9e et harmonieuse, et enfin comment rendre cette palette plus respectueuse de l’environnement, \u00e0 l’\u00e9cran comme \u00e0 l’impression. Rassurez-vous, vous n’avez pas besoin d’\u00eatre coloriste pour appliquer ces principes : vous avez seulement besoin des bons rep\u00e8res.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Sommaire<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tQu'est-ce qu'une couleur ? Ce que votre cerveau per\u00e7oit vraiment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLa psychologie des couleurs : ce que chaque teinte d\u00e9clenche<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tCouleur et culture : pourquoi une m\u00eame teinte change de sens<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLa roue chromatique : les fondamentaux h\u00e9rit\u00e9s des peintres<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLes harmonies chromatiques : les combinaisons qui fonctionnent<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tConstruire une palette de marque \u00e9quilibr\u00e9e, la m\u00e9thode en 5 \u00e9tapes<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tDocumenter sa palette : HEX, RVB, CMJN, Pantone<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRVB ou CMJN : comprendre les deux mondes de la couleur<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tVers une palette \u00e9co-responsable<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLes erreurs les plus fr\u00e9quentes \u00e0 \u00e9viter<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Qu'est-ce qu'une couleur ? Ce que votre cerveau per\u00e7oit vraiment<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n\r\n\r\nComment la couleur se forme dans votre regard<\/title>\r\n<style>\r\n body{\r\n margin:0;\r\n background:#E1E0D9;\r\n padding:48px 20px;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1>\r\n\r\n<div class=\"en-color-m1\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Shizuru&family=Delius+Unicase:wght@400;700&family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n .en-color-m1{\r\n --bg:#E1E0D9;\r\n --primary:#94961B;\r\n --primary-deep:#63640E;\r\n --text:#2C2C27;\r\n --muted:rgba(44,44,39,.68);\r\n --card:#F3F2ED;\r\n --line: rgba(44,44,39,0.16);\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n color:var(--text);\r\n }\r\n .en-color-m1 *{box-sizing:border-box}\r\n\r\n .en-color-m1 .wrap{\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(180deg,var(--bg) 0%,var(--card) 100%);\r\n border:1px solid var(--line);\r\n border-radius:20px;\r\n padding:34px;\r\n box-shadow:0 8px 24px rgba(44,44,39,.05);\r\n }\r\n .en-color-m1 .wrap:before{\r\n content:\"\";\r\n position:absolute;\r\n top:-90px; right:-90px;\r\n width:220px; height:220px;\r\n background:radial-gradient(circle, color-mix(in srgb, var(--primary) 20%, transparent) 0%, transparent 70%);\r\n pointer-events:none;\r\n }\r\n .en-color-m1 .kicker{\r\n display:inline-block;\r\n margin-bottom:18px;\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.75rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--primary-deep);\r\n padding:8px 12px;\r\n border:1px solid var(--line);\r\n border-radius:999px;\r\n background: color-mix(in srgb, var(--primary) 10%, var(--card));\r\n }\r\n .en-color-m1 .hero{\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:28px;\r\n align-items:start;\r\n margin-bottom:26px;\r\n }\r\n .en-color-m1 .intro{\r\n font-family:'Shizuru', cursive;\r\n font-weight:400;\r\n font-size:clamp(24px,3vw,34px);\r\n line-height:1.12;\r\n letter-spacing:.01em;\r\n max-width:14ch;\r\n margin:0 0 14px;\r\n }\r\n .en-color-m1 .intro span{color:var(--primary-deep)}\r\n .en-color-m1 .desc{\r\n margin:0;\r\n color:var(--muted);\r\n font-family:'Lexend Deca', sans-serif;\r\n font-weight:300;\r\n font-size:0.8rem;\r\n line-height:1.75;\r\n max-width:58ch;\r\n }\r\n .en-color-m1 .signal{\r\n background:var(--card);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n padding:22px;\r\n position:relative;\r\n }\r\n .en-color-m1 .signal-label{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.75rem;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:var(--muted);\r\n margin-bottom:12px;\r\n }\r\n .en-color-m1 .signal-bar{\r\n height:14px;\r\n border-radius:999px;\r\n background:linear-gradient(90deg,#4f2f8b 0%, #2f6fff 25%, #2dcf8b 50%, #ffd04d 72%, #f47c57 88%, #b31515 100%);\r\n box-shadow:inset 0 0 0 1px var(--line);\r\n margin-bottom:14px;\r\n }\r\n .en-color-m1 .signal-note{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-weight:300;\r\n font-size:0.8rem;\r\n color:var(--muted);\r\n line-height:1.7;\r\n }\r\n .en-color-m1 .steps{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n margin-top:8px;\r\n }\r\n .en-color-m1 .step{\r\n position:relative;\r\n background: color-mix(in srgb, var(--card) 75%, transparent);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n padding:18px 16px 16px;\r\n transition:.3s ease;\r\n }\r\n .en-color-m1 .step:hover{\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 26px rgba(44,44,39,.08);\r\n border-color: color-mix(in srgb, var(--primary) 40%, var(--line));\r\n }\r\n .en-color-m1 .num{\r\n width:34px;\r\n height:34px;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--text);\r\n color:var(--bg);\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.75rem;\r\n font-weight:700;\r\n margin-bottom:14px;\r\n }\r\n .en-color-m1 .title{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.75rem;\r\n text-transform:uppercase;\r\n letter-spacing:.03em;\r\n line-height:1.3;\r\n margin:0 0 8px;\r\n }\r\n .en-color-m1 .txt{\r\n margin:0;\r\n color:var(--muted);\r\n font-family:'Lexend Deca', sans-serif;\r\n font-weight:300;\r\n font-size:0.8rem;\r\n line-height:1.7;\r\n }\r\n .en-color-m1 .arrow{\r\n position:absolute;\r\n top:50%;\r\n right:-12px;\r\n transform:translateY(-50%);\r\n width:24px; height:24px;\r\n border-radius:50%;\r\n background:var(--card);\r\n border:1px solid var(--line);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:var(--primary-deep);\r\n z-index:2;\r\n }\r\n .en-color-m1 .foot{\r\n margin-top:22px;\r\n padding-top:20px;\r\n border-top:1px solid var(--line);\r\n display:grid;\r\n grid-template-columns:150px 1fr;\r\n gap:18px;\r\n align-items:start;\r\n }\r\n .en-color-m1 .foot-tag{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.75rem;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n color:var(--muted);\r\n padding-top:4px;\r\n }\r\n .en-color-m1 .foot p{\r\n margin:0;\r\n font-family:'Lexend Deca', sans-serif;\r\n font-weight:300;\r\n font-size:0.8rem;\r\n line-height:1.75;\r\n color:var(--text);\r\n }\r\n .en-color-m1 .foot strong{color:var(--primary-deep); font-weight:600}\r\n @media (max-width:980px){\r\n .en-color-m1 .hero{grid-template-columns:1fr}\r\n .en-color-m1 .steps{grid-template-columns:repeat(2,1fr)}\r\n }\r\n @media (max-width:640px){\r\n .en-color-m1 .wrap{padding:22px}\r\n .en-color-m1 .steps{grid-template-columns:1fr}\r\n .en-color-m1 .arrow{display:none}\r\n .en-color-m1 .foot{grid-template-columns:1fr}\r\n }\r\n <\/style>\r\n\r\n <div class=\"wrap\">\r\n <div class=\"kicker\">Perception chromatique<\/div>\r\n\r\n <div class=\"hero\">\r\n <div>\r\n <h3 class=\"intro\">Une couleur ne vit pas dans l'objet. <span>Elle prend forme dans votre regard.<\/span><\/h3>\r\n <p class=\"desc\">\r\n Ce sch\u00e9ma ne r\u00e9p\u00e8te pas ce que vous avez d\u00e9j\u00e0 lu, il le rend visible. Il montre le basculement essentiel \u00e0 comprendre en identit\u00e9 de marque : vous ne \u00ab voyez \u00bb jamais une couleur telle quelle, vous en recevez un signal, que votre cerveau transforme ensuite en une sensation, avec sa propre charge \u00e9motionnelle.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"signal\">\r\n <div class=\"signal-label\">Du spectre \u00e0 la sensation<\/div>\r\n <div class=\"signal-bar\"><\/div>\r\n <div class=\"signal-note\">\r\n Entre la lumi\u00e8re r\u00e9fl\u00e9chie par un objet et l'\u00e9motion que vous ressentez, il n'existe aucune couleur \u00ab objective \u00bb, seulement une <strong>interpr\u00e9tation neurologique<\/strong>, propre \u00e0 chacun. C'est pr\u00e9cis\u00e9ment ce qui rend la couleur aussi strat\u00e9gique pour une identit\u00e9 de marque.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"steps\">\r\n <div class=\"step\">\r\n <div class=\"num\">01<\/div>\r\n <h4 class=\"title\">Lumi\u00e8re<\/h4>\r\n <p class=\"txt\">Un objet ne porte jamais une couleur en lui-m\u00eame : il filtre la lumi\u00e8re et vous en renvoie une partie seulement.<\/p>\r\n <div class=\"arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"num\">02<\/div>\r\n <h4 class=\"title\">R\u00e9tine<\/h4>\r\n <p class=\"txt\">Vos c\u00f4nes captent ce signal lumineux et le traduisent en une information que votre cerveau peut exploiter.<\/p>\r\n <div class=\"arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"num\">03<\/div>\r\n <h4 class=\"title\">Cerveau<\/h4>\r\n <p class=\"txt\">C'est ici que la couleur na\u00eet vraiment : elle devient sensation, rep\u00e8re, nuance, contraste, hi\u00e9rarchie.<\/p>\r\n <div class=\"arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"num\">04<\/div>\r\n <h4 class=\"title\">\u00c9motion<\/h4>\r\n <p class=\"txt\">Avant m\u00eame toute analyse rationnelle, la couleur d\u00e9clenche d\u00e9j\u00e0 chez vous une r\u00e9ponse \u00e9motionnelle et comportementale.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"foot\">\r\n <div class=\"foot-tag\">\u00c0 retenir<\/div>\r\n <p>\r\n Pour votre marque, une couleur ne sert jamais d'abord \u00e0 \u00ab faire joli \u00bb. Elle sert \u00e0 <strong>pr\u00e9parer une interpr\u00e9tation<\/strong> : confiance, tension, chaleur, \u00e9l\u00e9gance, urgence ou proximit\u00e9, selon ce que vous voulez faire ressentir.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4883743 elementor-widget elementor-widget-text-editor\" data-id=\"4883743\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Avant de parler de branding, prenons un instant pour poser une base essentielle. Une couleur n’est pas une propri\u00e9t\u00e9 physique des objets, c’est une construction de votre cerveau. Une tomate n’est pas rouge en elle-m\u00eame : elle absorbe la plupart des longueurs d’onde lumineuses et n’en r\u00e9fl\u00e9chit qu’une seule, autour de 700 nanom\u00e8tres. Ce rayonnement frappe votre r\u00e9tine, vos c\u00f4nes l’analysent, et votre cerveau traduit cette information en une sensation, le rouge. Une couleur n’existe donc jamais sans un observateur : elle est relationnelle, subjective, biologique. Ce n’est pas un d\u00e9tail anodin pour la conception d’une identit\u00e9 visuelle.<\/p><\/div><div><p>Ce que peu de gens savent, c’est que le signal color\u00e9 emprunte deux voies dans le cerveau : une voie consciente, celle qui vous fait dire \u00ab je vois du rouge \u00bb, et une voie plus archa\u00efque, qui active directement les zones \u00e9motionnelles du cerveau avant m\u00eame que vous ayez eu le temps de \u00ab voir \u00bb consciemment la couleur. Concr\u00e8tement, cela signifie que votre r\u00e9action \u00e0 une couleur est \u00e9motionnelle avant d’\u00eatre rationnelle. Vous ne choisissez donc pas une couleur de marque pour qu’elle soit \u00ab jolie \u00bb, vous la choisissez pour d\u00e9clencher une \u00e9motion pr\u00e9cise chez votre audience, avant m\u00eame qu’elle lise votre nom.<\/p><\/div><div><p>Un dernier point m\u00e9rite votre attention : deux personnes ne voient jamais exactement la m\u00eame couleur. La perception varie selon les individus (structure des c\u00f4nes, \u00e2ge, daltonisme), les cultures et les conditions d’\u00e9clairage. En France, environ 8 % des hommes pr\u00e9sentent une forme de daltonisme rouge-vert, selon l’INSERM. Une bonne palette de marque doit donc rester fonctionnelle dans des conditions imparfaites : mauvais \u00e9cran, impression \u00e9conomique, vision atypique. C’est aussi une forme de respect pour votre audience.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-3ece296 e-con-full e-flex e-con e-parent\" data-eae-slider=\"6204\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"3ece296\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7731733 elementor-widget elementor-widget-spacer\" data-id=\"7731733\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e729efe elementor-widget elementor-widget-heading\" data-id=\"e729efe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">La psychologie des couleurs : ce que chaque teinte d\u00e9clenche<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13d89a1 elementor-widget elementor-widget-menu-anchor\" data-id=\"13d89a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"psychologie-couleur\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7a922 elementor-widget elementor-widget-text-editor\" data-id=\"bd7a922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>La psychologie des couleurs n’est pas une science exacte, mais elle s’appuie sur des constantes biologiques et culturelles solides, qui vous permettront de faire des choix inform\u00e9s plut\u00f4t qu’intuitifs. Voici ce que d\u00e9clenchent les teintes principales, avec ce qu’elles apportent et les pr\u00e9cautions \u00e0 prendre.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35535ba elementor-widget elementor-widget-html\" data-id=\"35535ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Le tableau des couleurs de marque<\/title>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1>\r\n<div class=\"tc-widget\">\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Shizuru&family=Delius+Unicase:wght@400;700&family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n .tc-widget{\r\n --tc-bg:#E1E0D9;\r\n --tc-primary:#94961B;\r\n --tc-text:#2C2C27;\r\n --tc-card:#F3F2ED;\r\n --tc-line: rgba(44,44,39,0.16);\r\n\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n background:var(--tc-bg);\r\n color:var(--tc-text);\r\n padding:40px 20px 64px;\r\n }\r\n\r\n .tc-widget *{ box-sizing:border-box; }\r\n\r\n .tc-widget .tc-wrap{\r\n max-width:1100px;\r\n margin:0 auto;\r\n }\r\n\r\n .tc-widget .tc-header{\r\n text-align:center;\r\n margin-bottom:36px;\r\n }\r\n\r\n .tc-widget .tc-header h1{\r\n font-family:'Shizuru', cursive;\r\n font-weight:400;\r\n font-size:2rem;\r\n margin:0 0 12px;\r\n letter-spacing:0.01em;\r\n }\r\n\r\n .tc-widget .tc-header p{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n font-weight:300;\r\n max-width:620px;\r\n margin:0 auto;\r\n opacity:0.8;\r\n line-height:1.7;\r\n }\r\n\r\n \/* --- Table (desktop) --- *\/\r\n .tc-widget .tc-table-card{\r\n background:var(--tc-card);\r\n border:1px solid var(--tc-line);\r\n border-radius:18px;\r\n padding:8px;\r\n overflow-x:auto;\r\n }\r\n\r\n .tc-widget .tc-table{\r\n width:100%;\r\n border-collapse:collapse;\r\n min-width:760px;\r\n }\r\n\r\n .tc-widget .tc-table thead th{\r\n text-align:left;\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.72rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.04em;\r\n color:var(--tc-primary);\r\n padding:14px 18px;\r\n border-bottom:1px solid var(--tc-line);\r\n }\r\n\r\n .tc-widget .tc-table tbody td{\r\n padding:16px 18px;\r\n border-bottom:1px solid var(--tc-line);\r\n vertical-align:top;\r\n font-weight:300;\r\n line-height:1.55;\r\n }\r\n\r\n .tc-widget .tc-table tbody tr:last-child td{\r\n border-bottom:none;\r\n }\r\n\r\n .tc-widget .tc-table tbody tr:hover{\r\n background: color-mix(in srgb, var(--tc-primary) 6%, transparent);\r\n }\r\n\r\n .tc-widget .tc-color-cell{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n font-family:'Lexend Deca', sans-serif;\r\n font-weight:600;\r\n white-space:nowrap;\r\n }\r\n\r\n .tc-widget .tc-swatch{\r\n width:22px;\r\n height:22px;\r\n border-radius:50%;\r\n flex-shrink:0;\r\n border:1px solid rgba(0,0,0,0.12);\r\n }\r\n\r\n .tc-widget .tc-swatch.tc-fluo{\r\n background: linear-gradient(135deg, #E9FF3C, #FF3CAC, #3CFFE0);\r\n }\r\n\r\n .tc-widget .tc-vigilance{\r\n color: color-mix(in srgb, var(--tc-text) 80%, var(--tc-primary) 20%);\r\n }\r\n\r\n \/* --- Cartes (mobile) --- *\/\r\n .tc-widget .tc-card-list{ display:none; }\r\n\r\n @media (max-width: 760px){\r\n .tc-widget .tc-table-card{ display:none; }\r\n\r\n .tc-widget .tc-card-list{\r\n display:flex;\r\n flex-direction:column;\r\n gap:14px;\r\n }\r\n\r\n .tc-widget .tc-color-item{\r\n background:var(--tc-card);\r\n border:1px solid var(--tc-line);\r\n border-radius:16px;\r\n padding:20px;\r\n }\r\n\r\n .tc-widget .tc-color-item-top{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:14px;\r\n }\r\n\r\n .tc-widget .tc-color-item-top .tc-swatch{\r\n width:28px;\r\n height:28px;\r\n }\r\n\r\n .tc-widget .tc-color-item-top h2{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.8rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.03em;\r\n margin:0;\r\n }\r\n\r\n .tc-widget .tc-field{ margin-bottom:12px; }\r\n .tc-widget .tc-field:last-child{ margin-bottom:0; }\r\n\r\n .tc-widget .tc-field-label{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.72rem;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n letter-spacing:0.05em;\r\n color:var(--tc-primary);\r\n margin-bottom:4px;\r\n }\r\n\r\n .tc-widget .tc-field-value{\r\n font-weight:300;\r\n line-height:1.55;\r\n margin:0;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"tc-wrap\">\r\n\r\n <header class=\"tc-header\">\r\n <h1>Le tableau des couleurs de marque<\/h1>\r\n <p>Pour chaque couleur : ce qu'elle \u00e9voque spontan\u00e9ment, le terrain sur lequel elle s'exprime le mieux, et le point de vigilance \u00e0 garder en t\u00eate avant de l'adopter.<\/p>\r\n <\/header>\r\n\r\n <div class=\"tc-table-card\">\r\n <table class=\"tc-table\">\r\n <thead>\r\n <tr>\r\n <th>Couleur<\/th>\r\n <th>Ce qu'elle \u00e9voque<\/th>\r\n <th>Terrain favorable<\/th>\r\n <th>Point de vigilance<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tc-tableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"tc-card-list\" id=\"tc-cardList\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const colors = [\r\n { name:\"Rouge\", hex:\"#E4312B\",\r\n evoque:\"Action, urgence, passion, puissance\",\r\n terrain:\"Alimentation, divertissement, sport, promotions\",\r\n vigilance:\"Mal dos\u00e9, il devient agressif ou anxiog\u00e8ne\" },\r\n\r\n { name:\"Orange\", hex:\"#EE6C2D\",\r\n evoque:\"Chaleur, accessibilit\u00e9, dynamisme\",\r\n terrain:\"Communication, e-commerce, services \u00e0 la personne\",\r\n vigilance:\"Peut manquer de cr\u00e9dibilit\u00e9 dans un contexte premium\" },\r\n\r\n { name:\"P\u00eache\", hex:\"#F4A88B\",\r\n evoque:\"Douceur, tendresse, r\u00e9confort discret\",\r\n terrain:\"Beaut\u00e9, bien-\u00eatre, mode, cosm\u00e9tique\",\r\n vigilance:\"Peut para\u00eetre fade ou trop discret utilis\u00e9 seul, \u00e0 r\u00e9veiller par un contraste\" },\r\n\r\n { name:\"Marron\", hex:\"#6B4226\",\r\n evoque:\"Authenticit\u00e9, ancrage, savoir-faire artisanal\",\r\n terrain:\"Artisanat, caf\u00e9 et th\u00e9, cuir, alimentation naturelle\",\r\n vigilance:\"Mal dos\u00e9, il peut \u00e9voquer la lourdeur ou une image vieillissante\" },\r\n\r\n { name:\"Jaune\", hex:\"#F4C21A\",\r\n evoque:\"\u00c9nergie, cr\u00e9ativit\u00e9, optimisme\",\r\n terrain:\"Marques jeunes, cr\u00e9atives, envie de sortir du lot\",\r\n vigilance:\"Fatigue l'\u0153il en grande surface, \u00e0 r\u00e9server en accent\" },\r\n\r\n { name:\"Vert\", hex:\"#5C8A3A\",\r\n evoque:\"Nature, croissance, sant\u00e9, apaisement\",\r\n terrain:\"Bien-\u00eatre, \u00e9cologie, alimentation, finance\",\r\n vigilance:\"Sans preuve concr\u00e8te, il bascule vite vers le greenwashing per\u00e7u\" },\r\n\r\n { name:\"Vert olive\", hex:\"#6B8E23\",\r\n evoque:\"Nature discr\u00e8te, r\u00e9silience, authenticit\u00e9 rustique\",\r\n terrain:\"Outdoor, mode utilitaire, artisanat, agroalimentaire\",\r\n vigilance:\"Peut sembler terne ou aust\u00e8re sans point lumineux pour l'\u00e9quilibrer\" },\r\n\r\n { name:\"Vert sauge\", hex:\"#9CAF88\",\r\n evoque:\"Apaisement, \u00e9quilibre, douceur v\u00e9g\u00e9tale\",\r\n terrain:\"D\u00e9coration, bien-\u00eatre, cosm\u00e9tique naturelle, marques \u00e9co-responsables\",\r\n vigilance:\"Sa popularit\u00e9 actuelle l'associe facilement \u00e0 une tendance passag\u00e8re\" },\r\n\r\n { name:\"Vert clair\", hex:\"#8FCB6B\",\r\n evoque:\"Fra\u00eecheur, jeunesse, renouveau\",\r\n terrain:\"Bien-\u00eatre, alimentaire bio, startups, sant\u00e9\",\r\n vigilance:\"Peut manquer de s\u00e9rieux per\u00e7u dans un secteur exigeant expertise\" },\r\n\r\n { name:\"Vert for\u00eat\", hex:\"#1B4D2E\",\r\n evoque:\"Profondeur, tradition, robustesse naturelle\",\r\n terrain:\"Finance responsable, outdoor haut de gamme, bois et for\u00eat, assurance\",\r\n vigilance:\"Sans \u00e9claircie dans la palette, l'ensemble peut sembler sombre ou ferm\u00e9\" },\r\n\r\n { name:\"Bleu clair\", hex:\"#7EC8E3\",\r\n evoque:\"S\u00e9r\u00e9nit\u00e9, clart\u00e9, l\u00e9g\u00e8ret\u00e9\",\r\n terrain:\"Sant\u00e9, bien-\u00eatre, hygi\u00e8ne, technologie l\u00e9g\u00e8re\",\r\n vigilance:\"Peut manquer de caract\u00e8re et se fondre dans la masse des marques similaires\" },\r\n\r\n { name:\"Bleu\", hex:\"#2E6FA3\",\r\n evoque:\"Confiance, stabilit\u00e9, rigueur, s\u00e9curit\u00e9\",\r\n terrain:\"Finance, technologie, sant\u00e9, institutions\",\r\n vigilance:\"Utilis\u00e9 seul, il peut sembler froid et interchangeable\" },\r\n\r\n { name:\"Bleu marine\", hex:\"#1B2A4A\",\r\n evoque:\"Autorit\u00e9 pos\u00e9e, rigueur, \u00e9l\u00e9gance formelle\",\r\n terrain:\"Droit, finance, uniformes, marques institutionnelles\",\r\n vigilance:\"Utilis\u00e9 seul, il peut renvoyer une image distante ou peu accessible\" },\r\n\r\n { name:\"Indigo\", hex:\"#3F3B8C\",\r\n evoque:\"Introspection, sagesse, spiritualit\u00e9\",\r\n terrain:\"Spiritualit\u00e9, mode denim, marques introspectives, papeterie et \u00e9dition\",\r\n vigilance:\"Sa profondeur peut nuire \u00e0 la lisibilit\u00e9 si le contraste est mal ma\u00eetris\u00e9\" },\r\n\r\n { name:\"Violet\", hex:\"#7B4FA3\",\r\n evoque:\"Singularit\u00e9, cr\u00e9ativit\u00e9, sophistication\",\r\n terrain:\"Beaut\u00e9 haut de gamme, spiritualit\u00e9, cr\u00e9ation\",\r\n vigilance:\"Trop satur\u00e9, il devient ferm\u00e9 ou difficile d'acc\u00e8s\" },\r\n\r\n { name:\"Pourpre\", hex:\"#7A1F5C\",\r\n evoque:\"Prestige rare, h\u00e9ritage, puissance historique\",\r\n terrain:\"Luxe, haute couture, produits d'exception\",\r\n vigilance:\"Peut vite para\u00eetre dat\u00e9 ou trop c\u00e9r\u00e9monieux hors du registre du luxe\" },\r\n\r\n { name:\"Fuchsia\", hex:\"#C6198F\",\r\n evoque:\"Audace, \u00e9nergie, affirmation cr\u00e9ative\",\r\n terrain:\"Mode, beaut\u00e9 cr\u00e9ative, marques digitales, \u00e9v\u00e9nementiel\",\r\n vigilance:\"Sa forte intensit\u00e9 peut fatiguer l'\u0153il utilis\u00e9e en grande surface\" },\r\n\r\n { name:\"Rose\", hex:\"#F2A6C1\",\r\n evoque:\"Douceur romantique, tendresse, d\u00e9licatesse\",\r\n terrain:\"Beaut\u00e9, mode, univers enfant, bien-\u00eatre\",\r\n vigilance:\"Risque d'enfermer la marque dans une lecture genr\u00e9e trop marqu\u00e9e\" },\r\n\r\n { name:\"Beige\", hex:\"#D8C9A3\",\r\n evoque:\"Neutralit\u00e9, sobri\u00e9t\u00e9, naturel\",\r\n terrain:\"D\u00e9coration, mode intemporelle, bien-\u00eatre, marques minimalistes\",\r\n vigilance:\"Peut manquer de rep\u00e8re m\u00e9morable sans un second ton pour le structurer\" },\r\n\r\n { name:\"Anthracite\", hex:\"#383B3E\",\r\n evoque:\"Modernit\u00e9 sobre, technicit\u00e9, robustesse\",\r\n terrain:\"Technologie, architecture, automobile, design industriel\",\r\n vigilance:\"Peut para\u00eetre aust\u00e8re ou impersonnel sans accent chaleureux\" },\r\n\r\n { name:\"Noir\", hex:\"#1A1A1A\",\r\n evoque:\"Autorit\u00e9, \u00e9l\u00e9gance, exclusivit\u00e9\",\r\n terrain:\"Luxe, mode, positionnement radical\",\r\n vigilance:\"Sans respiration, il peut intimider plut\u00f4t que s\u00e9duire\" },\r\n\r\n { name:\"Argent\", hex:\"#C7C9CC\",\r\n evoque:\"Innovation, pr\u00e9cision, sophistication froide\",\r\n terrain:\"Automobile, technologie, joaillerie, industrie\",\r\n vigilance:\"Difficile \u00e0 reproduire fid\u00e8lement, son rendu varie beaucoup selon le support\" },\r\n\r\n { name:\"Blanc\", hex:\"#FFFFFF\",\r\n evoque:\"Clart\u00e9, puret\u00e9, simplicit\u00e9\",\r\n terrain:\"Marques \u00e9pur\u00e9es, minimalistes, m\u00e9dical\",\r\n vigilance:\"Peut sembler clinique ou froid selon le contexte\" },\r\n\r\n { name:\"Couleurs fluo\", hex:\"#CCFF00\", fluo:true,\r\n evoque:\"Rupture visuelle, hypervisibilit\u00e9, \u00e9nergie brute\",\r\n terrain:\"Sport extr\u00eame, digital natif, marques \u00e9v\u00e9nementielles, s\u00e9curit\u00e9\",\r\n vigilance:\"Se banalise vite et peut nuire \u00e0 la lisibilit\u00e9 au-del\u00e0 d'un usage ponctuel\" }\r\n ];\r\n\r\n const tableBody = document.getElementById(\"tc-tableBody\");\r\n const cardList = document.getElementById(\"tc-cardList\");\r\n\r\n colors.forEach(c => {\r\n const swatchStyle = c.fluo ? '' : `background:${c.hex}`;\r\n const swatchClass = c.fluo ? ' tc-fluo' : '';\r\n\r\n const row = document.createElement(\"tr\");\r\n row.innerHTML = `\r\n <td>\r\n <div class=\"tc-color-cell\">\r\n <span class=\"tc-swatch${swatchClass}\" style=\"${swatchStyle}\"><\/span>\r\n ${c.name}\r\n <\/div>\r\n <\/td>\r\n <td>${c.evoque}<\/td>\r\n <td>${c.terrain}<\/td>\r\n <td class=\"tc-vigilance\">${c.vigilance}<\/td>\r\n `;\r\n tableBody.appendChild(row);\r\n\r\n const item = document.createElement(\"div\");\r\n item.className = \"tc-color-item\";\r\n item.innerHTML = `\r\n <div class=\"tc-color-item-top\">\r\n <span class=\"tc-swatch${swatchClass}\" style=\"${swatchStyle}\"><\/span>\r\n <h2>${c.name}<\/h2>\r\n <\/div>\r\n <div class=\"tc-field\">\r\n <div class=\"tc-field-label\">Ce qu'elle \u00e9voque<\/div>\r\n <p class=\"tc-field-value\">${c.evoque}<\/p>\r\n <\/div>\r\n <div class=\"tc-field\">\r\n <div class=\"tc-field-label\">Terrain favorable<\/div>\r\n <p class=\"tc-field-value\">${c.terrain}<\/p>\r\n <\/div>\r\n <div class=\"tc-field\">\r\n <div class=\"tc-field-label\">Point de vigilance<\/div>\r\n <p class=\"tc-field-value\">${c.vigilance}<\/p>\r\n <\/div>\r\n `;\r\n cardList.appendChild(item);\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b066ae elementor-widget elementor-widget-text-editor\" data-id=\"7b066ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Une \u00e9tude de Satyendra Singh, publi\u00e9e dans la revue Management Decision en 2006, montre que jusqu’\u00e0 90 % des jugements instantan\u00e9s sur un produit ou une marque peuvent reposer uniquement sur la couleur. Ce chiffre n’est pas l\u00e0 pour vous impressionner, mais pour vous rappeler une chose simple : la premi\u00e8re conversation entre votre marque et un client potentiel est souvent silencieuse, et enti\u00e8rement chromatique.<\/p><\/div><div><p>Concernant le vert en particulier, une prudence s’impose si votre marque revendique une d\u00e9marche responsable. D’apr\u00e8s une \u00e9tude Nielsen de 2023, plus de 70 % des consommateurs se m\u00e9fient des marques qui se d\u00e9clarent \u00ab vertes \u00bb sans engagement v\u00e9rifiable. Si vous utilisez le vert pour signaler votre engagement \u00e9cologique, veillez \u00e0 toujours l’adosser \u00e0 des preuves concr\u00e8tes, sans quoi l’effet peut se retourner contre vous.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-53a19e6 e-con-full e-flex e-con e-parent\" data-eae-slider=\"18129\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"53a19e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-228b07d elementor-widget elementor-widget-spacer\" data-id=\"228b07d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1682619 elementor-widget elementor-widget-heading\" data-id=\"1682619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Couleur et culture : pourquoi une m\u00eame teinte change de sens<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbed933 elementor-widget elementor-widget-menu-anchor\" data-id=\"dbed933\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"couleur-culture\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd98e78 elementor-widget elementor-widget-text-editor\" data-id=\"fd98e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Une couleur n’est pas universelle. Elle voyage, et en voyageant, elle change de sens. C’est l’un des pi\u00e8ges les moins visibles du branding, et l’un des plus co\u00fbteux si votre marque a vocation \u00e0 s’exporter.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89e2e5f elementor-widget elementor-widget-html\" data-id=\"89e2e5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Les couleurs aux quatre coins du monde<\/title>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1>\r\n<div class=\"tcc-widget\">\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Shizuru&family=Delius+Unicase:wght@400;700&family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n .tcc-widget{\r\n --tcc-bg:#E1E0D9;\r\n --tcc-primary:#94961B;\r\n --tcc-text:#2C2C27;\r\n --tcc-card:#F3F2ED;\r\n --tcc-line: rgba(44,44,39,0.16);\r\n\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n background:var(--tcc-bg);\r\n color:var(--tcc-text);\r\n padding:40px 20px 64px;\r\n }\r\n\r\n .tcc-widget *{ box-sizing:border-box; }\r\n\r\n .tcc-widget .tcc-wrap{\r\n max-width:1100px;\r\n margin:0 auto;\r\n }\r\n\r\n .tcc-widget .tcc-header{\r\n text-align:center;\r\n margin-bottom:36px;\r\n }\r\n\r\n .tcc-widget .tcc-header h1{\r\n font-family:'Shizuru', cursive;\r\n font-weight:400;\r\n font-size:2rem;\r\n margin:0 0 12px;\r\n letter-spacing:0.01em;\r\n }\r\n\r\n .tcc-widget .tcc-header p{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n font-weight:300;\r\n max-width:620px;\r\n margin:0 auto;\r\n opacity:0.8;\r\n line-height:1.7;\r\n }\r\n\r\n \/* --- Table (desktop) --- *\/\r\n .tcc-widget .tcc-table-card{\r\n background:var(--tcc-card);\r\n border:1px solid var(--tcc-line);\r\n border-radius:18px;\r\n padding:8px;\r\n overflow-x:auto;\r\n }\r\n\r\n .tcc-widget .tcc-table{\r\n width:100%;\r\n border-collapse:collapse;\r\n min-width:760px;\r\n }\r\n\r\n .tcc-widget .tcc-table thead th{\r\n text-align:left;\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.72rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.04em;\r\n color:var(--tcc-primary);\r\n padding:14px 18px;\r\n border-bottom:1px solid var(--tcc-line);\r\n }\r\n\r\n .tcc-widget .tcc-table tbody td{\r\n padding:16px 18px;\r\n border-bottom:1px solid var(--tcc-line);\r\n vertical-align:top;\r\n font-weight:300;\r\n line-height:1.55;\r\n }\r\n\r\n .tcc-widget .tcc-table tbody tr:last-child td{\r\n border-bottom:none;\r\n }\r\n\r\n .tcc-widget .tcc-table tbody tr:hover{\r\n background: color-mix(in srgb, var(--tcc-primary) 6%, transparent);\r\n }\r\n\r\n .tcc-widget .tcc-color-cell{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n font-family:'Lexend Deca', sans-serif;\r\n font-weight:600;\r\n white-space:nowrap;\r\n }\r\n\r\n .tcc-widget .tcc-swatch{\r\n width:22px;\r\n height:22px;\r\n border-radius:50%;\r\n flex-shrink:0;\r\n border:1px solid rgba(0,0,0,0.12);\r\n }\r\n\r\n .tcc-widget .tcc-swatch.tcc-fluo{\r\n background: linear-gradient(135deg, #E9FF3C, #FF3CAC, #3CFFE0);\r\n }\r\n\r\n \/* --- Cartes (mobile) --- *\/\r\n .tcc-widget .tcc-card-list{ display:none; }\r\n\r\n @media (max-width: 760px){\r\n .tcc-widget .tcc-table-card{ display:none; }\r\n\r\n .tcc-widget .tcc-card-list{\r\n display:flex;\r\n flex-direction:column;\r\n gap:14px;\r\n }\r\n\r\n .tcc-widget .tcc-color-item{\r\n background:var(--tcc-card);\r\n border:1px solid var(--tcc-line);\r\n border-radius:16px;\r\n padding:20px;\r\n }\r\n\r\n .tcc-widget .tcc-color-item-top{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:14px;\r\n }\r\n\r\n .tcc-widget .tcc-color-item-top .tcc-swatch{\r\n width:28px;\r\n height:28px;\r\n }\r\n\r\n .tcc-widget .tcc-color-item-top h2{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.8rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.03em;\r\n margin:0;\r\n }\r\n\r\n .tcc-widget .tcc-field{ margin-bottom:12px; }\r\n .tcc-widget .tcc-field:last-child{ margin-bottom:0; }\r\n\r\n .tcc-widget .tcc-field-label{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.72rem;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n letter-spacing:0.05em;\r\n color:var(--tcc-primary);\r\n margin-bottom:4px;\r\n }\r\n\r\n .tcc-widget .tcc-field-value{\r\n font-weight:300;\r\n line-height:1.55;\r\n margin:0;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"tcc-wrap\">\r\n\r\n <header class=\"tcc-header\">\r\n <h1>Les couleurs aux quatre coins du monde<\/h1>\r\n <p>Une m\u00eame couleur ne raconte pas la m\u00eame histoire partout. Voici comment chacune est per\u00e7ue selon les grandes zones culturelles, pour \u00e9viter les faux pas dans une communication internationale.<\/p>\r\n <\/header>\r\n\r\n <div class=\"tcc-table-card\">\r\n <table class=\"tcc-table\">\r\n <thead>\r\n <tr>\r\n <th>Couleur<\/th>\r\n <th>Europe, Am\u00e9rique du Nord<\/th>\r\n <th>Asie de l'Est<\/th>\r\n <th>Inde, Afrique<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tcc-tableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"tcc-card-list\" id=\"tcc-cardList\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const colors = [\r\n { name:\"Rouge\", hex:\"#E4312B\",\r\n europe:\"Alerte, passion, forte connotation commerciale\",\r\n asie:\"Chance, joie, abondance, mariage\",\r\n indeAfrique:\"Vie, puissance, fertilit\u00e9\" },\r\n\r\n { name:\"Orange\", hex:\"#EE6C2D\",\r\n europe:\"Convivialit\u00e9, \u00e9nergie, accessibilit\u00e9\",\r\n asie:\"Humilit\u00e9, sacr\u00e9, robes monastiques bouddhistes\",\r\n indeAfrique:\"Spiritualit\u00e9, safran sacr\u00e9, c\u00e9l\u00e9bration\" },\r\n\r\n { name:\"P\u00eache\", hex:\"#F4A88B\",\r\n europe:\"Douceur, f\u00e9minit\u00e9 d\u00e9licate, romantisme\",\r\n asie:\"Long\u00e9vit\u00e9, immortalit\u00e9, symbole du fruit\",\r\n indeAfrique:\"Peu de symbolique marqu\u00e9e, teinte associ\u00e9e \u00e0 la douceur\" },\r\n\r\n { name:\"Marron\", hex:\"#6B4226\",\r\n europe:\"Authenticit\u00e9, simplicit\u00e9, artisanat\",\r\n asie:\"Humilit\u00e9, ancrage terrestre, sobri\u00e9t\u00e9 bouddhiste\",\r\n indeAfrique:\"Terre nourrici\u00e8re, tradition, stabilit\u00e9\" },\r\n\r\n { name:\"Jaune\", hex:\"#F4C21A\",\r\n europe:\"Joie, cr\u00e9ativit\u00e9, vivacit\u00e9\",\r\n asie:\"Couleur imp\u00e9riale et sacr\u00e9e, richesse\",\r\n indeAfrique:\"Prosp\u00e9rit\u00e9, savoir, teinte du safran et du curcuma\" },\r\n\r\n { name:\"Vert\", hex:\"#5C8A3A\",\r\n europe:\"Croissance, nature, \u00e9cologie\",\r\n asie:\"Harmonie, renouveau, printemps\",\r\n indeAfrique:\"Fertilit\u00e9, couleur sacr\u00e9e de l'islam, agriculture\" },\r\n\r\n { name:\"Vert olive\", hex:\"#6B8E23\",\r\n europe:\"Registre militaire, authenticit\u00e9 rustique\",\r\n asie:\"Sobri\u00e9t\u00e9, discr\u00e9tion, nature apprivois\u00e9e\",\r\n indeAfrique:\"Terre fertile, r\u00e9sistance, ancrage\" },\r\n\r\n { name:\"Vert sauge\", hex:\"#9CAF88\",\r\n europe:\"Apaisement, minimalisme, bien-\u00eatre\",\r\n asie:\"\u00c9quilibre, m\u00e9decine traditionnelle, nature soignante\",\r\n indeAfrique:\"Plantes m\u00e9dicinales, purification\" },\r\n\r\n { name:\"Vert clair\", hex:\"#8FCB6B\",\r\n europe:\"Fra\u00eecheur, jeunesse, renouveau\",\r\n asie:\"Printemps, croissance, \u00e9nergie positive\",\r\n indeAfrique:\"Paradis, islam, v\u00e9g\u00e9tation abondante\" },\r\n\r\n { name:\"Vert for\u00eat\", hex:\"#1B4D2E\",\r\n europe:\"Prestige discret, nature pr\u00e9serv\u00e9e\",\r\n asie:\"Long\u00e9vit\u00e9, sagesse, for\u00eats sacr\u00e9es\",\r\n indeAfrique:\"Fertilit\u00e9, renaissance, symbolique \u00e9gyptienne ancienne\" },\r\n\r\n { name:\"Bleu clair\", hex:\"#7EC8E3\",\r\n europe:\"Fra\u00eecheur, calme, propret\u00e9\",\r\n asie:\"S\u00e9r\u00e9nit\u00e9, ciel, eau purificatrice\",\r\n indeAfrique:\"Protection contre le mauvais \u0153il\" },\r\n\r\n { name:\"Bleu\", hex:\"#2E6FA3\",\r\n europe:\"Confiance, s\u00e9rieux, professionnalisme\",\r\n asie:\"Stabilit\u00e9, prosp\u00e9rit\u00e9, couleur d'entreprise\",\r\n indeAfrique:\"Divinit\u00e9, protection, sagesse\" },\r\n\r\n { name:\"Bleu marine\", hex:\"#1B2A4A\",\r\n europe:\"\u00c9l\u00e9gance formelle, autorit\u00e9, institution\",\r\n asie:\"Noblesse, rigueur, retenue\",\r\n indeAfrique:\"Profondeur, sagesse ancestrale\" },\r\n\r\n { name:\"Indigo\", hex:\"#3F3B8C\",\r\n europe:\"Intuition, spiritualit\u00e9, introspection\",\r\n asie:\"Teinture traditionnelle pr\u00e9cieuse, artisanat textile\",\r\n indeAfrique:\"Commerce textile historique, tissage traditionnel\" },\r\n\r\n { name:\"Violet\", hex:\"#7B4FA3\",\r\n europe:\"Cr\u00e9ativit\u00e9, originalit\u00e9, luxe accessible\",\r\n asie:\"Raret\u00e9, couleur longtemps r\u00e9serv\u00e9e \u00e0 la noblesse\",\r\n indeAfrique:\"Sacr\u00e9 dans l'hindouisme, spiritualit\u00e9\" },\r\n\r\n { name:\"Pourpre\", hex:\"#7A1F5C\",\r\n europe:\"Prestige historique, richesse, royaut\u00e9\",\r\n asie:\"Couleur imp\u00e9riale, noblesse\",\r\n indeAfrique:\"Raret\u00e9, teinture pr\u00e9cieuse, statut social\" },\r\n\r\n { name:\"Fuchsia\", hex:\"#C6198F\",\r\n europe:\"Modernit\u00e9, \u00e9nergie, caract\u00e8re affirm\u00e9\",\r\n asie:\"Couleur festive, mode urbaine\",\r\n indeAfrique:\"Textiles traditionnels color\u00e9s, c\u00e9l\u00e9bration\" },\r\n\r\n { name:\"Rose\", hex:\"#F2A6C1\",\r\n europe:\"Tendresse, f\u00e9minit\u00e9, univers enfant\",\r\n asie:\"Neutralit\u00e9 de genre plus marqu\u00e9e qu'en Occident\",\r\n indeAfrique:\"Douceur, joie, teintes festives\" },\r\n\r\n { name:\"Beige\", hex:\"#D8C9A3\",\r\n europe:\"Sobri\u00e9t\u00e9, minimalisme, intemporalit\u00e9\",\r\n asie:\"Neutralit\u00e9, discr\u00e9tion, \u00e9pure\",\r\n indeAfrique:\"Peu de symbolique marqu\u00e9e, teinte naturelle\" },\r\n\r\n { name:\"Anthracite\", hex:\"#383B3E\",\r\n europe:\"Modernit\u00e9, technicit\u00e9, neutralit\u00e9 haut de gamme\",\r\n asie:\"Sobri\u00e9t\u00e9 technologique, rigueur\",\r\n indeAfrique:\"Peu de symbolique marqu\u00e9e, teinte fonctionnelle\" },\r\n\r\n { name:\"Noir\", hex:\"#1A1A1A\",\r\n europe:\"\u00c9l\u00e9gance, autorit\u00e9, luxe\",\r\n asie:\"Sobri\u00e9t\u00e9, raffinement, parfois deuil\",\r\n indeAfrique:\"Pouvoir, myst\u00e8re, pr\u00e9sence\" },\r\n\r\n { name:\"Argent\", hex:\"#C7C9CC\",\r\n europe:\"Futurisme, technologie, sophistication\",\r\n asie:\"Lune, raffinement, puret\u00e9 m\u00e9tallique\",\r\n indeAfrique:\"Ornement pr\u00e9cieux, statut social\" },\r\n\r\n { name:\"Blanc\", hex:\"#FFFFFF\",\r\n europe:\"Puret\u00e9, c\u00e9r\u00e9monie, commencement\",\r\n asie:\"Deuil, s\u00e9paration, fin d'un cycle\",\r\n indeAfrique:\"Sacr\u00e9, symbolique selon les contextes\" },\r\n\r\n { name:\"Couleurs fluo\", hex:\"#CCFF00\", fluo:true,\r\n europe:\"Jeunesse, culture digitale, signal\u00e9tique de s\u00e9curit\u00e9\",\r\n asie:\"Mode urbaine, culture festive, technologie\",\r\n indeAfrique:\"C\u00e9l\u00e9brations, textiles vifs, culture urbaine\" }\r\n ];\r\n\r\n const tableBody = document.getElementById(\"tcc-tableBody\");\r\n const cardList = document.getElementById(\"tcc-cardList\");\r\n\r\n colors.forEach(c => {\r\n const swatchStyle = c.fluo ? '' : `background:${c.hex}`;\r\n const swatchClass = c.fluo ? ' tcc-fluo' : '';\r\n\r\n const row = document.createElement(\"tr\");\r\n row.innerHTML = `\r\n <td>\r\n <div class=\"tcc-color-cell\">\r\n <span class=\"tcc-swatch${swatchClass}\" style=\"${swatchStyle}\"><\/span>\r\n ${c.name}\r\n <\/div>\r\n <\/td>\r\n <td>${c.europe}<\/td>\r\n <td>${c.asie}<\/td>\r\n <td>${c.indeAfrique}<\/td>\r\n `;\r\n tableBody.appendChild(row);\r\n\r\n const item = document.createElement(\"div\");\r\n item.className = \"tcc-color-item\";\r\n item.innerHTML = `\r\n <div class=\"tcc-color-item-top\">\r\n <span class=\"tcc-swatch${swatchClass}\" style=\"${swatchStyle}\"><\/span>\r\n <h2>${c.name}<\/h2>\r\n <\/div>\r\n <div class=\"tcc-field\">\r\n <div class=\"tcc-field-label\">Europe, Am\u00e9rique du Nord<\/div>\r\n <p class=\"tcc-field-value\">${c.europe}<\/p>\r\n <\/div>\r\n <div class=\"tcc-field\">\r\n <div class=\"tcc-field-label\">Asie de l'Est<\/div>\r\n <p class=\"tcc-field-value\">${c.asie}<\/p>\r\n <\/div>\r\n <div class=\"tcc-field\">\r\n <div class=\"tcc-field-label\">Inde, Afrique<\/div>\r\n <p class=\"tcc-field-value\">${c.indeAfrique}<\/p>\r\n <\/div>\r\n `;\r\n cardList.appendChild(item);\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1bc7c6 elementor-widget elementor-widget-text-editor\" data-id=\"d1bc7c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Prenons un exemple concret pour bien comprendre l’enjeu. Une marque de cosm\u00e9tiques ayant choisi un packaging enti\u00e8rement blanc pour \u00e9voquer la puret\u00e9 clinique de ses formules peut voir ses ventes stagner en entrant sur le march\u00e9 japonais : les \u00e9tudes clients r\u00e9v\u00e8lent alors une association inconfortable avec le monde hospitalier et le deuil. La solution ne consiste pas \u00e0 changer les formules, mais \u00e0 retoucher l\u00e9g\u00e8rement la palette, par exemple en ajoutant une touche de rose p\u00e2le pour r\u00e9chauffer l’ensemble. Une nuance suffit parfois \u00e0 sauver toute une perception.<\/p><\/div><div><p>Si vous envisagez de vous d\u00e9velopper \u00e0 l’international, pensez \u00e0 int\u00e9grer cette dimension interculturelle d\u00e8s la construction de votre palette. Une couleur ne doit pas seulement fonctionner sur votre march\u00e9 actuel, elle doit anticiper les march\u00e9s que vous pourriez viser demain.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-8c7045f e-con-full e-flex e-con e-parent\" data-eae-slider=\"25503\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"8c7045f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8eb3f9 elementor-widget elementor-widget-spacer\" data-id=\"c8eb3f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-349143a elementor-widget elementor-widget-heading\" data-id=\"349143a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">La roue chromatique : les fondamentaux h\u00e9rit\u00e9s des peintres<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a3e931 elementor-widget elementor-widget-menu-anchor\" data-id=\"3a3e931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"chromatique-peintre\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfcc14a elementor-widget elementor-widget-text-editor\" data-id=\"bfcc14a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Avant d’\u00eatre un outil de branding, la roue chromatique est un h\u00e9ritage direct de l’histoire de la peinture et de la physique de la lumi\u00e8re. Le concept remonte \u00e0 1666, lorsque Isaac Newton identifie le spectre des couleurs en faisant passer de la lumi\u00e8re blanche \u00e0 travers un prisme. Plus tard, des peintres et th\u00e9oriciens comme Johannes Itten, professeur au Bauhaus, formalisent les relations entre les couleurs et posent les bases de ce qu’on appelle aujourd’hui la th\u00e9orie des couleurs : l’ensemble des principes que les artistes et les cr\u00e9atifs utilisent pour faire des choix de couleurs \u00e0 la fois coh\u00e9rents et esth\u00e9tiquement agr\u00e9ables.<\/p><\/div><div><p>Sur la roue chromatique, les couleurs (aussi appel\u00e9es teintes) se r\u00e9partissent en trois cat\u00e9gories.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1378a56 elementor-widget elementor-widget-text-editor\" data-id=\"1378a56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Au-del\u00e0 de ces trois cat\u00e9gories, chaque couleur peut se d\u00e9cliner en variations qui enrichissent consid\u00e9rablement une palette :<\/p><\/div><ul><li><p>Une nuance (shade) s’obtient en ajoutant du noir \u00e0 une couleur, ce qui cr\u00e9e une version plus sombre et plus riche.<\/p><\/li><li><p>Une teinte claire (tint) s’obtient en ajoutant du blanc, ce qui cr\u00e9e une version plus douce et lumineuse.<\/p><\/li><li><p>Un ton (tone) s’obtient en ajoutant du gris, ce qui cr\u00e9e une version plus neutre, souvent utilis\u00e9e pour les effets pastel ou feutr\u00e9s.<\/p><\/li><\/ul><div><p>Enfin, certaines couleurs essentielles au branding n’apparaissent pas directement sur la roue chromatique classique : le noir, le blanc, le gris et le marron. Le noir et le blanc n’ont pas de longueur d’onde propre, ce qui les exclut techniquement du cercle, mais ils restent des couleurs \u00e0 part enti\u00e8re pour tout graphiste, et peuvent parfaitement servir de couleur principale ou d’accent dans une identit\u00e9 de marque. Le marron, quant \u00e0 lui, s’obtient en m\u00e9langeant deux couleurs compl\u00e9mentaires (rouge et vert, jaune et violet, ou bleu et orange), et reste un choix pertinent pour de nombreuses marques, notamment celles qui recherchent une image chaleureuse et terrienne.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-4721e61 e-con-full e-flex e-con e-parent\" data-eae-slider=\"49261\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"4721e61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-829d7c7 elementor-widget elementor-widget-spacer\" data-id=\"829d7c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3262e39 elementor-widget elementor-widget-heading\" data-id=\"3262e39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Les harmonies chromatiques : les combinaisons qui fonctionnent<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f831993 elementor-widget elementor-widget-menu-anchor\" data-id=\"f831993\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"harmonie-chromatique\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17f20af elementor-widget elementor-widget-text-editor\" data-id=\"17f20af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Tout comme certains accords de musique sont naturellement agr\u00e9ables \u00e0 l’oreille, certaines combinaisons de couleurs, situ\u00e9es \u00e0 des positions pr\u00e9cises sur la roue chromatique, sont naturellement agr\u00e9ables \u00e0 l’\u0153il. On les appelle les harmonies chromatiques. En voici les six principales, avec leur usage recommand\u00e9 pour une identit\u00e9 de marque.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83eaa42 elementor-widget elementor-widget-html\" data-id=\"83eaa42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Les bases de la roue chromatique<\/title>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1>\r\n<div class=\"cw-widget\">\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Shizuru&family=Delius+Unicase:wght@400;700&family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n .cw-widget{\r\n --cw-bg:#E1E0D9;\r\n --cw-primary:#94961B;\r\n --cw-text:#2C2C27;\r\n --cw-card:#F3F2ED;\r\n --cw-line: rgba(44,44,39,0.16);\r\n\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n background:var(--cw-bg);\r\n color:var(--cw-text);\r\n padding:40px 20px 64px;\r\n }\r\n\r\n .cw-widget *{ box-sizing:border-box; }\r\n\r\n .cw-widget .cw-wrap{\r\n max-width:1100px;\r\n margin:0 auto;\r\n }\r\n\r\n .cw-widget .cw-header{\r\n text-align:center;\r\n margin-bottom:44px;\r\n }\r\n\r\n .cw-widget .cw-header h1{\r\n font-family:'Shizuru', cursive;\r\n font-weight:400;\r\n font-size:2rem;\r\n margin:0 0 12px;\r\n letter-spacing:0.01em;\r\n }\r\n\r\n .cw-widget .cw-header p{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n font-weight:300;\r\n max-width:620px;\r\n margin:0 auto;\r\n opacity:0.8;\r\n line-height:1.7;\r\n }\r\n\r\n .cw-widget .cw-section{\r\n margin-bottom:56px;\r\n }\r\n\r\n .cw-widget .cw-section:last-child{\r\n margin-bottom:0;\r\n }\r\n\r\n .cw-widget .cw-section-head{\r\n max-width:680px;\r\n margin:0 auto 26px;\r\n text-align:center;\r\n }\r\n\r\n .cw-widget .cw-section-title{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:1rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.03em;\r\n color:var(--cw-primary);\r\n margin:0 0 8px;\r\n }\r\n\r\n .cw-widget .cw-section-text{\r\n font-weight:300;\r\n line-height:1.65;\r\n opacity:0.85;\r\n margin:0;\r\n }\r\n\r\n \/* --- Mise en page deux colonnes --- *\/\r\n .cw-widget .cw-layout{\r\n display:grid;\r\n grid-template-columns: 400px 1fr;\r\n gap:28px 40px;\r\n align-items:start;\r\n }\r\n\r\n .cw-widget .cw-layout-fund{\r\n grid-template-areas: \"wheel boxes\";\r\n }\r\n\r\n .cw-widget .cw-layout-harmony{\r\n grid-template-areas:\r\n \"wheel chips\"\r\n \"wheel info\";\r\n }\r\n\r\n @media (max-width: 860px){\r\n .cw-widget .cw-layout{\r\n grid-template-columns: 1fr;\r\n gap:20px;\r\n }\r\n .cw-widget .cw-layout-fund{\r\n grid-template-areas:\r\n \"wheel\"\r\n \"boxes\";\r\n }\r\n .cw-widget .cw-layout-harmony{\r\n grid-template-areas:\r\n \"chips\"\r\n \"wheel\"\r\n \"info\";\r\n }\r\n }\r\n\r\n \/* --- Roue --- *\/\r\n .cw-widget .cw-wheel-frame{\r\n grid-area: wheel;\r\n position:relative;\r\n width:100%;\r\n max-width:400px;\r\n aspect-ratio:1\/1;\r\n margin:0 auto;\r\n }\r\n\r\n .cw-widget .cw-wheel-disc{\r\n position:absolute;\r\n inset:0;\r\n border-radius:50%;\r\n box-shadow: inset 0 0 0 1px var(--cw-line), 0 8px 30px rgba(44,44,39,0.14);\r\n }\r\n\r\n .cw-widget .cw-wheel-svg{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n pointer-events:none;\r\n }\r\n\r\n .cw-widget .cw-wheel-svg line,\r\n .cw-widget .cw-wheel-svg polygon{\r\n fill:none;\r\n stroke:#F3F2ED;\r\n stroke-width:0.9;\r\n opacity:0.85;\r\n }\r\n\r\n .cw-widget .cw-markers{\r\n position:absolute;\r\n inset:0;\r\n }\r\n\r\n .cw-widget .cw-marker{\r\n position:absolute;\r\n border-radius:50%;\r\n transform:translate(-50%,-50%);\r\n border:3px solid var(--cw-bg);\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.3);\r\n }\r\n\r\n .cw-widget .cw-marker-lg{ width:32px; height:32px; }\r\n .cw-widget .cw-marker-md{ width:24px; height:24px; }\r\n .cw-widget .cw-marker-sm{ width:15px; height:15px; border-width:2px; }\r\n\r\n \/* --- Encadr\u00e9s --- *\/\r\n .cw-widget .cw-boxes{\r\n grid-area: boxes;\r\n display:flex;\r\n flex-direction:column;\r\n gap:14px;\r\n }\r\n\r\n .cw-widget .cw-box{\r\n background:var(--cw-card);\r\n border:1px solid var(--cw-line);\r\n border-radius:16px;\r\n padding:20px 22px;\r\n }\r\n\r\n .cw-widget .cw-box-top{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:12px;\r\n margin-bottom:8px;\r\n }\r\n\r\n .cw-widget .cw-box-title{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.03em;\r\n color:var(--cw-primary);\r\n }\r\n\r\n .cw-widget .cw-box-swatches{\r\n display:flex;\r\n gap:5px;\r\n }\r\n\r\n .cw-widget .cw-box-swatch{\r\n width:13px;\r\n height:13px;\r\n border-radius:50%;\r\n border:1px solid rgba(0,0,0,0.12);\r\n }\r\n\r\n .cw-widget .cw-box-text{\r\n font-weight:300;\r\n line-height:1.6;\r\n margin:0;\r\n }\r\n\r\n \/* --- Panneau harmonies --- *\/\r\n .cw-widget .cw-chip-row{\r\n grid-area: chips;\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n }\r\n\r\n .cw-widget .cw-chip{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.78rem;\r\n font-weight:500;\r\n color:var(--cw-text);\r\n background:var(--cw-card);\r\n border:1px solid var(--cw-line);\r\n border-radius:999px;\r\n padding:8px 16px;\r\n cursor:pointer;\r\n transition: border-color 0.15s ease;\r\n }\r\n\r\n .cw-widget .cw-chip:hover{ border-color: var(--cw-primary); }\r\n\r\n .cw-widget .cw-chip.cw-active{\r\n border-color:var(--cw-primary);\r\n background: color-mix(in srgb, var(--cw-primary) 16%, var(--cw-card));\r\n font-weight:600;\r\n }\r\n\r\n .cw-widget .cw-chip:focus-visible{\r\n outline:2px solid var(--cw-text);\r\n outline-offset:2px;\r\n }\r\n\r\n .cw-widget .cw-info{\r\n grid-area: info;\r\n background:var(--cw-card);\r\n border:1px solid var(--cw-line);\r\n border-radius:16px;\r\n padding:22px 24px;\r\n }\r\n\r\n .cw-widget .cw-field{\r\n margin-bottom:16px;\r\n }\r\n\r\n .cw-widget .cw-field:last-child{ margin-bottom:0; }\r\n\r\n .cw-widget .cw-field-label{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.75rem;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n letter-spacing:0.05em;\r\n color:var(--cw-primary);\r\n margin-bottom:5px;\r\n }\r\n\r\n .cw-widget .cw-field-value{\r\n font-weight:300;\r\n line-height:1.6;\r\n margin:0;\r\n }\r\n\r\n .cw-widget .cw-strip{\r\n display:flex;\r\n gap:6px;\r\n margin-top:4px;\r\n }\r\n\r\n .cw-widget .cw-strip-swatch{\r\n width:26px;\r\n height:26px;\r\n border-radius:8px;\r\n border:1px solid rgba(0,0,0,0.1);\r\n }\r\n<\/style>\r\n\r\n<div class=\"cw-wrap\">\r\n\r\n <header class=\"cw-header\">\r\n <h1>Les bases de la roue chromatique<\/h1>\r\n <p>Trois roues pour comprendre comment les couleurs se construisent, puis comment elles se combinent entre elles pour cr\u00e9er une identit\u00e9 de marque coh\u00e9rente.<\/p>\r\n <\/header>\r\n\r\n \r\n <section class=\"cw-section\">\r\n <div class=\"cw-section-head\">\r\n <h2 class=\"cw-section-title\">Les fondamentaux h\u00e9rit\u00e9s des peintres<\/h2>\r\n <p class=\"cw-section-text\">Toute la roue chromatique repose sur trois familles de couleurs, obtenues les unes \u00e0 partir des autres.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cw-layout cw-layout-fund\">\r\n <div class=\"cw-wheel-frame\">\r\n <div class=\"cw-wheel-disc\" id=\"cw-wheelDisc1\"><\/div>\r\n <div class=\"cw-markers\" id=\"cw-markers1\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"cw-boxes\">\r\n <div class=\"cw-box\">\r\n <div class=\"cw-box-top\">\r\n <span class=\"cw-box-title\">Primaires<\/span>\r\n <span class=\"cw-box-swatches\" id=\"cw-swatch-primaire\"><\/span>\r\n <\/div>\r\n <p class=\"cw-box-text\">Rouge, bleu, jaune. Elles ne peuvent \u00eatre cr\u00e9\u00e9es en m\u00e9langeant d'autres couleurs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cw-box\">\r\n <div class=\"cw-box-top\">\r\n <span class=\"cw-box-title\">Secondaires<\/span>\r\n <span class=\"cw-box-swatches\" id=\"cw-swatch-secondaire\"><\/span>\r\n <\/div>\r\n <p class=\"cw-box-text\">Orange, vert, violet. Cr\u00e9\u00e9es en m\u00e9langeant deux primaires (bleu + jaune = vert).<\/p>\r\n <\/div>\r\n\r\n <div class=\"cw-box\">\r\n <div class=\"cw-box-top\">\r\n <span class=\"cw-box-title\">Tertiaires<\/span>\r\n <span class=\"cw-box-swatches\" id=\"cw-swatch-tertiaire\"><\/span>\r\n <\/div>\r\n <p class=\"cw-box-text\">Rouge-orange, jaune-vert, bleu-violet... Cr\u00e9\u00e9es en m\u00e9langeant une primaire et une secondaire adjacentes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cw-section\">\r\n <div class=\"cw-section-head\">\r\n <h2 class=\"cw-section-title\">Harmonies a deux ou trois couleurs<\/h2>\r\n <p class=\"cw-section-text\">Choisissez une harmonie pour voir comment les couleurs se positionnent les unes par rapport aux autres sur la roue.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cw-layout cw-layout-harmony\">\r\n <div class=\"cw-wheel-frame\">\r\n <div class=\"cw-wheel-disc\" id=\"cw-wheelDisc2\"><\/div>\r\n <svg class=\"cw-wheel-svg\" id=\"cw-svg2\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><\/svg>\r\n <div class=\"cw-markers\" id=\"cw-markers2\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"cw-chip-row\" id=\"cw-chips2\"><\/div>\r\n <div class=\"cw-info\" id=\"cw-info2\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cw-section\">\r\n <div class=\"cw-section-head\">\r\n <h2 class=\"cw-section-title\">Harmonies a quatre couleurs et registres sobres<\/h2>\r\n <p class=\"cw-section-text\">Des combinaisons plus riches, ou au contraire volontairement retenues, pour des identit\u00e9s plus expressives ou plus \u00e9pur\u00e9es.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cw-layout cw-layout-harmony\">\r\n <div class=\"cw-wheel-frame\">\r\n <div class=\"cw-wheel-disc\" id=\"cw-wheelDisc3\"><\/div>\r\n <svg class=\"cw-wheel-svg\" id=\"cw-svg3\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><\/svg>\r\n <div class=\"cw-markers\" id=\"cw-markers3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"cw-chip-row\" id=\"cw-chips3\"><\/div>\r\n <div class=\"cw-info\" id=\"cw-info3\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\n \/\/ 12 teintes de la roue chromatique classique (rouge, jaune, bleu en primaires)\r\n const wheelColors = [\r\n { angle:0, hex:\"#E4312B\" }, \/\/ rouge\r\n { angle:30, hex:\"#EA5A2B\" }, \/\/ rouge-orange\r\n { angle:60, hex:\"#EE6C2D\" }, \/\/ orange\r\n { angle:90, hex:\"#F2A31D\" }, \/\/ jaune-orange\r\n { angle:120, hex:\"#F4C21A\" }, \/\/ jaune\r\n { angle:150, hex:\"#A8C93A\" }, \/\/ jaune-vert\r\n { angle:180, hex:\"#4C9A4C\" }, \/\/ vert\r\n { angle:210, hex:\"#2E9E8A\" }, \/\/ vert-bleu\r\n { angle:240, hex:\"#2E6FA3\" }, \/\/ bleu\r\n { angle:270, hex:\"#3F3B8C\" }, \/\/ bleu-violet\r\n { angle:300, hex:\"#7B4FA3\" }, \/\/ violet\r\n { angle:330, hex:\"#A3306B\" } \/\/ rouge-violet\r\n ];\r\n\r\n function colorForAngle(a){\r\n const found = wheelColors.find(c => c.angle === a);\r\n return found ? found.hex : \"#94961B\";\r\n }\r\n\r\n function conicGradient(){\r\n const stops = wheelColors.map(c => c.hex + \" \" + c.angle + \"deg\");\r\n stops.push(wheelColors[0].hex + \" 360deg\");\r\n return \"conic-gradient(from 0deg, \" + stops.join(\", \") + \")\";\r\n }\r\n\r\n function polarPercent(angleDeg, radiusPercent){\r\n const rad = (angleDeg - 90) * Math.PI \/ 180;\r\n return {\r\n x: 50 + radiusPercent * Math.cos(rad),\r\n y: 50 + radiusPercent * Math.sin(rad)\r\n };\r\n }\r\n\r\n const MARKER_RADIUS = 38;\r\n\r\n \/\/ ---------- Roue 1 : fondamentaux ----------\r\n document.getElementById(\"cw-wheelDisc1\").style.background = conicGradient();\r\n\r\n const fundamentals = [\r\n { angles:[0,120,240], sizeClass:\"cw-marker-lg\" },\r\n { angles:[60,180,300], sizeClass:\"cw-marker-md\" },\r\n { angles:[30,90,150,210,270,330], sizeClass:\"cw-marker-sm\" }\r\n ];\r\n\r\n const markers1 = document.getElementById(\"cw-markers1\");\r\n fundamentals.forEach(group => {\r\n group.angles.forEach(a => {\r\n const pos = polarPercent(a, MARKER_RADIUS);\r\n const dot = document.createElement(\"div\");\r\n dot.className = \"cw-marker \" + group.sizeClass;\r\n dot.style.left = pos.x + \"%\";\r\n dot.style.top = pos.y + \"%\";\r\n dot.style.background = colorForAngle(a);\r\n markers1.appendChild(dot);\r\n });\r\n });\r\n\r\n function fillSwatchRow(elId, angles){\r\n const el = document.getElementById(elId);\r\n angles.forEach(a => {\r\n const sw = document.createElement(\"span\");\r\n sw.className = \"cw-box-swatch\";\r\n sw.style.background = colorForAngle(a);\r\n el.appendChild(sw);\r\n });\r\n }\r\n fillSwatchRow(\"cw-swatch-primaire\", [0,120,240]);\r\n fillSwatchRow(\"cw-swatch-secondaire\", [60,180,300]);\r\n fillSwatchRow(\"cw-swatch-tertiaire\", [30,90,150,210,270,330]);\r\n\r\n \/\/ ---------- Roue 2 : harmonies a 2-3 couleurs ----------\r\n document.getElementById(\"cw-wheelDisc2\").style.background = conicGradient();\r\n\r\n const harmonies2 = [\r\n { id:\"complementaire\", label:\"Complementaire\", angles:[0,180],\r\n principe:\"Deux couleurs oppos\u00e9es sur la roue.\",\r\n effet:\"Contraste fort, intensit\u00e9, forte attention.\",\r\n ideal:\"Marques qui veulent une palette simple et percutante.\" },\r\n { id:\"analogue\", label:\"Analogue\", angles:[0,30,60],\r\n principe:\"Trois couleurs voisines sur la roue.\",\r\n effet:\"Palette douce, coh\u00e9rente, peu de contraste.\",\r\n ideal:\"Marques qui recherchent un rendu subtil et apais\u00e9.\" },\r\n { id:\"triadique\", label:\"Triadique\", angles:[0,120,240],\r\n principe:\"Trois couleurs \u00e0 intervalles \u00e9gaux.\",\r\n effet:\"Contraste \u00e9lev\u00e9 mais \u00e9quilibr\u00e9.\",\r\n ideal:\"Marques qui veulent une image vari\u00e9e et dynamique.\" }\r\n ];\r\n\r\n setupHarmonyWheel({\r\n data: harmonies2,\r\n defaultId: \"complementaire\",\r\n chipsId: \"cw-chips2\",\r\n svgId: \"cw-svg2\",\r\n markersId: \"cw-markers2\",\r\n infoId: \"cw-info2\"\r\n });\r\n\r\n \/\/ ---------- Roue 3 : harmonies a 4 couleurs et registres sobres ----------\r\n document.getElementById(\"cw-wheelDisc3\").style.background = conicGradient();\r\n\r\n const harmonies3 = [\r\n { id:\"tetradique\", label:\"T\u00e9tradique\", angles:[0,60,180,240],\r\n principe:\"Quatre couleurs formant un rectangle sur la roue.\",\r\n effet:\"Palette riche, \u00e9nergique, parfois charg\u00e9e.\",\r\n ideal:\"Marques tr\u00e8s expressives, \u00e0 manier avec discipline.\" },\r\n { id:\"monochrome\", label:\"Monochrome\", angles:[0],\r\n principe:\"Une seule teinte d\u00e9clin\u00e9e en nuances, teintes claires et tons.\",\r\n effet:\"Coh\u00e9rence maximale, sobri\u00e9t\u00e9.\",\r\n ideal:\"Marques \u00e0 la mission claire, qui veulent rester simples sans \u00eatre simplistes.\",\r\n strip:[\"#F7C9C7\",\"#EE8F8A\",\"#E4312B\",\"#A8241D\",\"#6E1712\"] },\r\n { id:\"neutre\", label:\"Neutre enrichie\", angles:[0],\r\n principe:\"Noir, blanc, gris ou marron associ\u00e9s \u00e0 une seule couleur vive.\",\r\n effet:\"Sobri\u00e9t\u00e9 avec un point de tension contr\u00f4l\u00e9e.\",\r\n ideal:\"Marques premium ou minimalistes cherchant un accent unique.\",\r\n strip:[\"#1A1A1A\",\"#FFFFFF\",\"#9C9C94\",\"#6B4226\",\"#E4312B\"] }\r\n ];\r\n\r\n setupHarmonyWheel({\r\n data: harmonies3,\r\n defaultId: \"tetradique\",\r\n chipsId: \"cw-chips3\",\r\n svgId: \"cw-svg3\",\r\n markersId: \"cw-markers3\",\r\n infoId: \"cw-info3\"\r\n });\r\n\r\n \/\/ ---------- Logique commune aux roues d'harmonies ----------\r\n function setupHarmonyWheel(cfg){\r\n const chipsEl = document.getElementById(cfg.chipsId);\r\n const svgEl = document.getElementById(cfg.svgId);\r\n const markersEl = document.getElementById(cfg.markersId);\r\n const infoEl = document.getElementById(cfg.infoId);\r\n\r\n cfg.data.forEach(h => {\r\n const btn = document.createElement(\"button\");\r\n btn.className = \"cw-chip\";\r\n btn.type = \"button\";\r\n btn.dataset.id = h.id;\r\n btn.textContent = h.label;\r\n btn.addEventListener(\"click\", () => select(h.id));\r\n chipsEl.appendChild(btn);\r\n });\r\n\r\n function select(id){\r\n const h = cfg.data.find(x => x.id === id);\r\n if(!h) return;\r\n\r\n chipsEl.querySelectorAll(\".cw-chip\").forEach(c => {\r\n c.classList.toggle(\"cw-active\", c.dataset.id === id);\r\n });\r\n\r\n markersEl.innerHTML = \"\";\r\n svgEl.innerHTML = \"\";\r\n\r\n const points = h.angles.map(a => {\r\n const pos = polarPercent(a, MARKER_RADIUS);\r\n return { pos, hex: colorForAngle(a) };\r\n });\r\n\r\n points.forEach(p => {\r\n const dot = document.createElement(\"div\");\r\n dot.className = \"cw-marker cw-marker-lg\";\r\n dot.style.left = p.pos.x + \"%\";\r\n dot.style.top = p.pos.y + \"%\";\r\n dot.style.background = p.hex;\r\n markersEl.appendChild(dot);\r\n });\r\n\r\n if(points.length === 2){\r\n const line = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"line\");\r\n line.setAttribute(\"x1\", points[0].pos.x);\r\n line.setAttribute(\"y1\", points[0].pos.y);\r\n line.setAttribute(\"x2\", points[1].pos.x);\r\n line.setAttribute(\"y2\", points[1].pos.y);\r\n svgEl.appendChild(line);\r\n } else if(points.length >= 3){\r\n const poly = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"polygon\");\r\n const pts = points.map(p => p.pos.x + \",\" + p.pos.y).join(\" \");\r\n poly.setAttribute(\"points\", pts);\r\n svgEl.appendChild(poly);\r\n }\r\n\r\n let stripHTML = \"\";\r\n if(h.strip){\r\n stripHTML = '<div class=\"cw-field\"><div class=\"cw-field-label\">Palette d\\'exemple<\/div><div class=\"cw-strip\">' +\r\n h.strip.map(hex => '<span class=\"cw-strip-swatch\" style=\"background:' + hex + '\"><\/span>').join(\"\") +\r\n '<\/div><\/div>';\r\n }\r\n\r\n infoEl.innerHTML = `\r\n <div class=\"cw-field\">\r\n <div class=\"cw-field-label\">Principe<\/div>\r\n <p class=\"cw-field-value\">${h.principe}<\/p>\r\n <\/div>\r\n <div class=\"cw-field\">\r\n <div class=\"cw-field-label\">Effet produit<\/div>\r\n <p class=\"cw-field-value\">${h.effet}<\/p>\r\n <\/div>\r\n <div class=\"cw-field\">\r\n <div class=\"cw-field-label\">Id\u00e9ale pour<\/div>\r\n <p class=\"cw-field-value\">${h.ideal}<\/p>\r\n <\/div>\r\n ${stripHTML}\r\n `;\r\n }\r\n\r\n select(cfg.defaultId);\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2d142b elementor-widget elementor-widget-text-editor\" data-id=\"f2d142b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Chacune de ces harmonies a ses avantages et ses limites. Une palette compl\u00e9mentaire reste simple \u00e0 d\u00e9cliner, mais elle ne vous laisse que deux couleurs pour raconter toute votre histoire de marque. Une palette triadique ou t\u00e9tradique vous donne davantage de mati\u00e8re, mais exige plus de rigueur pour \u00e9viter l’effet de surcharge. Le bon choix d\u00e9pend avant tout de ce que vous cherchez \u00e0 transmettre : simplicit\u00e9 et force pour une compl\u00e9mentaire, douceur et coh\u00e9rence pour une analogue, richesse ma\u00eetris\u00e9e pour une triadique.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-9de0a1a e-con-full e-flex e-con e-parent\" data-eae-slider=\"36304\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"9de0a1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fabec2 elementor-widget elementor-widget-spacer\" data-id=\"3fabec2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8b747d elementor-widget elementor-widget-heading\" data-id=\"c8b747d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Construire une palette de marque \u00e9quilibr\u00e9e, la m\u00e9thode en 5 \u00e9tapes<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e46f9a0 elementor-widget elementor-widget-menu-anchor\" data-id=\"e46f9a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"palette-etapes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25ca87e elementor-widget elementor-widget-text-editor\" data-id=\"25ca87e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Choisir les couleurs de votre marque n’est pas une question de go\u00fbt personnel, c’est une question de positionnement. Voici comment proc\u00e9der avec m\u00e9thode, \u00e9tape par \u00e9tape.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-e150dfb e-con-full e-flex e-con e-child\" data-eae-slider=\"72133\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"e150dfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-4e7eee5 e-grid e-con-full e-con e-child\" data-eae-slider=\"3776\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"4e7eee5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-5a7927f e-con-full e-flex e-con e-child\" data-eae-slider=\"1067\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"5a7927f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30cf1d0 elementor-widget elementor-widget-heading\" data-id=\"30cf1d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">ETAPE 1 : DEFINIR L'EMOTION CENTRALE<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dad1cfa elementor-widget elementor-widget-text-editor\" data-id=\"dad1cfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Avant m\u00eame de penser \u00e0 une teinte, posez-vous une question simple : quelle \u00e9motion votre marque doit-elle d\u00e9clencher en premier contact ? Confiance, enthousiasme, exclusivit\u00e9, douceur ? Chaque \u00e9motion a des couleurs qui l’activent naturellement, comme vous l’avez vu dans le tableau de la partie 2. Commencez toujours par l’\u00e9motion recherch\u00e9e, jamais par la palette elle-m\u00eame.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-302e086 e-con-full e-flex e-con e-child\" data-eae-slider=\"2848\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"302e086\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2473d5d elementor-widget elementor-widget-heading\" data-id=\"2473d5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">ETAPE 2 : ANALYSER LA CONCURRENCE POUR SE DIFFERENCIER, PAS POUR IMITER<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3896a48 elementor-widget elementor-widget-text-editor\" data-id=\"3896a48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Rep\u00e9rez les couleurs de vos concurrents directs et identifiez la teinte dominante de votre secteur. Demandez-vous ensuite si vous voulez vous y conformer, pour para\u00eetre imm\u00e9diatement cr\u00e9dible, ou vous en \u00e9carter, pour vous distinguer. Un exemple parlant : dans un univers des t\u00e9l\u00e9coms largement domin\u00e9 par le bleu, une marque qui choisit le magenta se distingue imm\u00e9diatement et durablement. L’originalit\u00e9 n’est jamais un accident, c’est une d\u00e9cision r\u00e9fl\u00e9chie.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-c3cf3b4 e-con-full e-flex e-con e-child\" data-eae-slider=\"15757\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"c3cf3b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdc03e1 elementor-widget elementor-widget-heading\" data-id=\"cdc03e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">ETAPE 3 : COMPOSER UNE PALETTE HIERARCHISEE<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb706ab elementor-widget elementor-widget-text-editor\" data-id=\"eb706ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Une palette de marque solide s’organise g\u00e9n\u00e9ralement en trois \u00e0 cinq niveaux, selon ce qu’on appelle la r\u00e8gle des 60-30-10.<\/p><div><div><div><p>Cette r\u00e8gle simple reste reproductible sur tous vos supports, du site web \u00e0 la carte de visite, et vous \u00e9vite l’\u00e9cueil le plus fr\u00e9quent : la surcharge chromatique. Au-del\u00e0 de trois \u00e0 cinq couleurs dans une palette, la lisibilit\u00e9 et la m\u00e9morisation commencent \u00e0 en p\u00e2tir. Les marques les plus m\u00e9morables fonctionnent souvent avec seulement deux teintes principales : leur force vient de la constance, pas de la vari\u00e9t\u00e9.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-6775fbc e-grid e-con-full e-con e-child\" data-eae-slider=\"7114\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"6775fbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-9a22cfa e-con-full e-flex e-con e-child\" data-eae-slider=\"30214\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"9a22cfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa8b2b7 elementor-widget elementor-widget-heading\" data-id=\"fa8b2b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">ETAPE 4 : TESTER SUR LES SUPPORTS REELS<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e0ba1f elementor-widget elementor-widget-text-editor\" data-id=\"7e0ba1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Une couleur affich\u00e9e sur un \u00e9cran n’est jamais tout \u00e0 fait la m\u00eame couleur une fois imprim\u00e9e. Un bleu \u00e9lectrique en RVB peut virer au gris terne en CMJN. Testez syst\u00e9matiquement votre palette sur une carte de visite imprim\u00e9e, sur fond blanc, sur fond sombre, et sur mobile. Une couleur robuste est une couleur qui survit \u00e0 toutes ses d\u00e9clinaisons.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-bfcf200 e-con-full e-flex e-con e-child\" data-eae-slider=\"82187\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"bfcf200\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42d3991 elementor-widget elementor-widget-heading\" data-id=\"42d3991\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">ETAPE 5 : VALIDER L'ACCESSIBILITE<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8244794 elementor-widget elementor-widget-text-editor\" data-id=\"8244794\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Comme \u00e9voqu\u00e9 plus haut, une partie de votre audience per\u00e7oit les couleurs diff\u00e9remment. Des outils comme Stark ou le WCAG Contrast Checker permettent de v\u00e9rifier les contrastes de votre palette, avec un ratio minimum recommand\u00e9 de 4,5 pour 1 pour du texte sur fond color\u00e9. Une marque accessible est une marque qui ne ferme pas la porte \u00e0 une partie de son audience sans le savoir.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-606bf18 e-con-full e-flex e-con e-parent\" data-eae-slider=\"6343\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"606bf18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2d34d1 elementor-widget elementor-widget-spacer\" data-id=\"b2d34d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90687d5 elementor-widget elementor-widget-heading\" data-id=\"90687d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Documenter sa palette : HEX, RVB, CMJN, Pantone<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-759ca9b elementor-widget elementor-widget-menu-anchor\" data-id=\"759ca9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hex-rvb-cmjn-pantone\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93e8658 elementor-widget elementor-widget-text-editor\" data-id=\"93e8658\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Une couleur de marque n’existe vraiment que lorsqu’elle est document\u00e9e avec pr\u00e9cision. Chaque teinte de votre identit\u00e9 visuelle devrait \u00eatre consign\u00e9e dans quatre syst\u00e8mes diff\u00e9rents, r\u00e9unis dans votre charte graphique.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-929160f elementor-widget elementor-widget-html\" data-id=\"929160f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Hex, RVB, CMJN, Pantone<\/title>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1>\r\n<div class=\"cc-widget\">\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Shizuru&family=Delius+Unicase:wght@400;700&family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n .cc-widget{\r\n --cc-bg:#E1E0D9;\r\n --cc-primary:#94961B;\r\n --cc-text:#2C2C27;\r\n --cc-card:#F3F2ED;\r\n --cc-line: rgba(44,44,39,0.16);\r\n\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n background:var(--cc-bg);\r\n color:var(--cc-text);\r\n padding:40px 20px 64px;\r\n }\r\n\r\n .cc-widget *{ box-sizing:border-box; }\r\n\r\n .cc-widget .cc-wrap{\r\n max-width:1000px;\r\n margin:0 auto;\r\n }\r\n\r\n .cc-widget .cc-header{\r\n text-align:center;\r\n margin-bottom:40px;\r\n }\r\n\r\n .cc-widget .cc-header h1{\r\n font-family:'Shizuru', cursive;\r\n font-weight:400;\r\n font-size:2rem;\r\n margin:0 0 12px;\r\n letter-spacing:0.01em;\r\n }\r\n\r\n .cc-widget .cc-header p{\r\n font-weight:300;\r\n max-width:600px;\r\n margin:0 auto;\r\n opacity:0.8;\r\n line-height:1.7;\r\n }\r\n\r\n .cc-widget .cc-clusters{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n }\r\n\r\n @media (max-width:760px){\r\n .cc-widget .cc-clusters{ grid-template-columns:1fr; }\r\n }\r\n\r\n .cc-widget .cc-cluster{\r\n background: color-mix(in srgb, var(--cc-primary) 8%, transparent);\r\n border:1px solid var(--cc-line);\r\n border-radius:20px;\r\n padding:22px;\r\n }\r\n\r\n .cc-widget .cc-cluster-label{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.75rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.05em;\r\n color:var(--cc-primary);\r\n text-align:center;\r\n margin-bottom:16px;\r\n }\r\n\r\n .cc-widget .cc-cards{\r\n display:flex;\r\n flex-direction:column;\r\n gap:14px;\r\n }\r\n\r\n .cc-widget .cc-card{\r\n background:var(--cc-card);\r\n border:1px solid var(--cc-line);\r\n border-radius:16px;\r\n padding:16px;\r\n display:flex;\r\n align-items:center;\r\n gap:16px;\r\n }\r\n\r\n .cc-widget .cc-swatch{\r\n width:60px;\r\n height:60px;\r\n border-radius:12px;\r\n flex-shrink:0;\r\n border:1px solid rgba(0,0,0,0.12);\r\n }\r\n\r\n .cc-widget .cc-swatch-pantone{\r\n background: repeating-linear-gradient(135deg, #94961B, #94961B 7px, #7C7D17 7px, #7C7D17 14px);\r\n }\r\n\r\n .cc-widget .cc-card-title{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.03em;\r\n color:var(--cc-primary);\r\n margin-bottom:2px;\r\n }\r\n\r\n .cc-widget .cc-card-value{\r\n font-family:'Lexend Deca', sans-serif;\r\n font-weight:600;\r\n font-size:0.85rem;\r\n letter-spacing:0.01em;\r\n margin-bottom:6px;\r\n }\r\n\r\n .cc-widget .cc-card-text{\r\n font-weight:300;\r\n line-height:1.55;\r\n margin:0;\r\n }\r\n\r\n .cc-widget .cc-note{\r\n margin-top:24px;\r\n background:var(--cc-card);\r\n border:1px dashed var(--cc-line);\r\n border-radius:16px;\r\n padding:18px 22px;\r\n font-weight:300;\r\n line-height:1.65;\r\n text-align:center;\r\n }\r\n\r\n .cc-widget .cc-note strong{\r\n font-weight:600;\r\n color:var(--cc-primary);\r\n }\r\n<\/style>\r\n\r\n<div class=\"cc-wrap\">\r\n\r\n <header class=\"cc-header\">\r\n <h1>Hex, RVB, CMJN, Pantone<\/h1>\r\n <p>Quatre fa\u00e7ons de d\u00e9crire la m\u00eame couleur, selon qu'elle s'affiche sur un \u00e9cran, s'imprime sur du papier, ou doit rester identique d'un fournisseur \u00e0 l'autre.<\/p>\r\n <\/header>\r\n\r\n <div class=\"cc-clusters\">\r\n\r\n <div class=\"cc-cluster\">\r\n <div class=\"cc-cluster-label\">Univers \u00e9cran<\/div>\r\n <div class=\"cc-cards\">\r\n\r\n <div class=\"cc-card\">\r\n <div class=\"cc-swatch\" style=\"background:#94961B\"><\/div>\r\n <div class=\"cc-card-body\">\r\n <div class=\"cc-card-title\">Hex<\/div>\r\n <div class=\"cc-card-value\">#94961B<\/div>\r\n <p class=\"cc-card-text\">R\u00e9f\u00e9rence pour le web et les interfaces digitales.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cc-card\">\r\n <div class=\"cc-swatch\" style=\"background:rgb(148,150,27)\"><\/div>\r\n <div class=\"cc-card-body\">\r\n <div class=\"cc-card-title\">RVB<\/div>\r\n <div class=\"cc-card-value\">148, 150, 27<\/div>\r\n <p class=\"cc-card-text\">Valeur \u00e9cran, pour les affichages lumineux.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cc-cluster\">\r\n <div class=\"cc-cluster-label\">Univers impression<\/div>\r\n <div class=\"cc-cards\">\r\n\r\n <div class=\"cc-card\">\r\n <div class=\"cc-swatch\" style=\"background:rgb(105,153,0)\"><\/div>\r\n <div class=\"cc-card-body\">\r\n <div class=\"cc-card-title\">CMJN<\/div>\r\n <div class=\"cc-card-value\">45, 20, 100, 25<\/div>\r\n <p class=\"cc-card-text\">Version impression, \u00e0 stabiliser selon le support.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cc-card\">\r\n <div class=\"cc-swatch cc-swatch-pantone\"><\/div>\r\n <div class=\"cc-card-body\">\r\n <div class=\"cc-card-title\">Pantone<\/div>\r\n <div class=\"cc-card-value\">R\u00e9f\u00e9rence TCX ou TPX<\/div>\r\n <p class=\"cc-card-text\">Utile pour la production en s\u00e9rie ou les projets haut de gamme.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cc-note\">\r\n Ces quatre nuances repr\u00e9sentent <strong>la m\u00eame couleur de marque<\/strong>. Les l\u00e9g\u00e8res variations visibles d'une carte \u00e0 l'autre sont normales : chaque syst\u00e8me traduit la couleur \u00e0 sa mani\u00e8re, selon l'\u00e9cran ou l'imprimante utilis\u00e9e. C'est pour cela qu'un rendu CMJN ou Pantone se valide toujours sur \u00e9preuve avant une impression en s\u00e9rie.\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01206c2 elementor-widget elementor-widget-text-editor\" data-id=\"01206c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Cette documentation \u00e9vite qu’un prestataire (imprimeur, d\u00e9veloppeur, graphiste) interpr\u00e8te votre couleur \u00e0 sa mani\u00e8re. Sans elle, chaque nouveau support fait d\u00e9river l\u00e9g\u00e8rement votre identit\u00e9 visuelle, et cette d\u00e9rive s’accumule au fil du temps. Documenter sa palette d\u00e8s le d\u00e9part, c’est prot\u00e9ger l’investissement fait dans son identit\u00e9 de marque.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-6541618 e-con-full e-flex e-con e-parent\" data-eae-slider=\"244\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"6541618\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-147a883 elementor-widget elementor-widget-spacer\" data-id=\"147a883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1da00d elementor-widget elementor-widget-heading\" data-id=\"f1da00d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">RVB ou CMJN : comprendre les deux mondes de la couleur<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4e9f1e elementor-widget elementor-widget-menu-anchor\" data-id=\"c4e9f1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"rvb-cmjn\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66cd8bf elementor-widget elementor-widget-text-editor\" data-id=\"66cd8bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Voici une distinction essentielle, trop souvent n\u00e9glig\u00e9e, et pourtant responsable de la plupart des mauvaises surprises \u00e0 l’impression.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-766c3e6 elementor-widget elementor-widget-html\" data-id=\"766c3e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>RVB vs CMJN<\/title>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=1>\r\n<div class=\"rv-widget\">\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Shizuru&family=Delius+Unicase:wght@400;700&family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n .rv-widget{\r\n --rv-bg:#E1E0D9;\r\n --rv-primary:#94961B;\r\n --rv-text:#2C2C27;\r\n --rv-card:#F3F2ED;\r\n --rv-line: rgba(44,44,39,0.16);\r\n\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n background:var(--rv-bg);\r\n color:var(--rv-text);\r\n padding:40px 20px 64px;\r\n }\r\n\r\n .rv-widget *{ box-sizing:border-box; }\r\n\r\n .rv-widget .rv-wrap{\r\n max-width:920px;\r\n margin:0 auto;\r\n }\r\n\r\n .rv-widget .rv-header{\r\n text-align:center;\r\n margin-bottom:40px;\r\n }\r\n\r\n .rv-widget .rv-header h1{\r\n font-family:'Shizuru', cursive;\r\n font-weight:400;\r\n font-size:2rem;\r\n margin:0 0 12px;\r\n letter-spacing:0.01em;\r\n }\r\n\r\n .rv-widget .rv-header p{\r\n font-weight:300;\r\n max-width:600px;\r\n margin:0 auto;\r\n opacity:0.8;\r\n line-height:1.7;\r\n }\r\n\r\n .rv-widget .rv-versus{\r\n position:relative;\r\n display:grid;\r\n grid-template-columns:1fr auto 1fr;\r\n gap:0 28px;\r\n align-items:start;\r\n }\r\n\r\n @media (max-width:760px){\r\n .rv-widget .rv-versus{\r\n grid-template-columns:1fr;\r\n gap:28px;\r\n }\r\n .rv-widget .rv-divider{ display:none; }\r\n }\r\n\r\n .rv-widget .rv-panel{\r\n background:var(--rv-card);\r\n border:1px solid var(--rv-line);\r\n border-radius:20px;\r\n padding:26px;\r\n text-align:center;\r\n }\r\n\r\n .rv-widget .rv-panel-title{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.9rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.04em;\r\n color:var(--rv-primary);\r\n margin-bottom:18px;\r\n }\r\n\r\n .rv-widget .rv-venn{\r\n position:relative;\r\n width:180px;\r\n height:150px;\r\n margin:0 auto 20px;\r\n border-radius:16px;\r\n overflow:hidden;\r\n }\r\n\r\n .rv-widget .rv-venn-additive{\r\n background:#161615;\r\n }\r\n\r\n .rv-widget .rv-venn-subtractive{\r\n background:#FFFFFF;\r\n border:1px solid var(--rv-line);\r\n }\r\n\r\n .rv-widget .rv-circle{\r\n position:absolute;\r\n width:96px;\r\n height:96px;\r\n border-radius:50%;\r\n }\r\n\r\n .rv-widget .rv-venn-additive .rv-circle{ mix-blend-mode:screen; }\r\n .rv-widget .rv-venn-subtractive .rv-circle{ mix-blend-mode:multiply; }\r\n\r\n .rv-widget .rv-circle-r{ background:#FF0000; left:42px; top:8px; }\r\n .rv-widget .rv-circle-g{ background:#00FF00; left:8px; top:56px; }\r\n .rv-widget .rv-circle-b{ background:#0000FF; left:76px; top:56px; }\r\n\r\n .rv-widget .rv-circle-c{ background:#00FFFF; left:42px; top:8px; }\r\n .rv-widget .rv-circle-m{ background:#FF00FF; left:8px; top:56px; }\r\n .rv-widget .rv-circle-y{ background:#FFFF00; left:76px; top:56px; }\r\n\r\n .rv-widget .rv-facts{\r\n display:flex;\r\n flex-direction:column;\r\n gap:12px;\r\n text-align:left;\r\n }\r\n\r\n .rv-widget .rv-fact{\r\n border-top:1px solid var(--rv-line);\r\n padding-top:10px;\r\n }\r\n\r\n .rv-widget .rv-fact:first-child{\r\n border-top:none;\r\n padding-top:0;\r\n }\r\n\r\n .rv-widget .rv-fact-label{\r\n display:block;\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.72rem;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n letter-spacing:0.05em;\r\n color:var(--rv-primary);\r\n margin-bottom:3px;\r\n }\r\n\r\n .rv-widget .rv-fact-value{\r\n display:block;\r\n font-weight:300;\r\n line-height:1.5;\r\n }\r\n\r\n .rv-widget .rv-divider{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding-top:60px;\r\n }\r\n\r\n .rv-widget .rv-divider-badge{\r\n width:44px;\r\n height:44px;\r\n border-radius:50%;\r\n background:var(--rv-primary);\r\n color:#FFFFFF;\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.7rem;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n<\/style>\r\n\r\n<div class=\"rv-wrap\">\r\n\r\n <header class=\"rv-header\">\r\n <h1>RVB vs CMJN<\/h1>\r\n <p>Deux logiques oppos\u00e9es pour reproduire une m\u00eame couleur : l'une additionne de la lumi\u00e8re sur un \u00e9cran noir, l'autre soustrait de la lumi\u00e8re avec de l'encre sur du papier blanc.<\/p>\r\n <\/header>\r\n\r\n <div class=\"rv-versus\">\r\n\r\n <div class=\"rv-panel\">\r\n <div class=\"rv-panel-title\">RVB<\/div>\r\n\r\n <div class=\"rv-venn rv-venn-additive\">\r\n <div class=\"rv-circle rv-circle-r\"><\/div>\r\n <div class=\"rv-circle rv-circle-g\"><\/div>\r\n <div class=\"rv-circle rv-circle-b\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rv-facts\">\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Usage<\/span>\r\n <span class=\"rv-fact-value\">\u00c9crans, web, interfaces<\/span>\r\n <\/div>\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Principe<\/span>\r\n <span class=\"rv-fact-value\">Synth\u00e8se additive (lumi\u00e8re)<\/span>\r\n <\/div>\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Point de d\u00e9part<\/span>\r\n <span class=\"rv-fact-value\">Noir, on ajoute de la lumi\u00e8re<\/span>\r\n <\/div>\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Gamme de couleurs<\/span>\r\n <span class=\"rv-fact-value\">Plus large, teintes tr\u00e8s vives possibles<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rv-divider\">\r\n <span class=\"rv-divider-badge\">VS<\/span>\r\n <\/div>\r\n\r\n <div class=\"rv-panel\">\r\n <div class=\"rv-panel-title\">CMJN<\/div>\r\n\r\n <div class=\"rv-venn rv-venn-subtractive\">\r\n <div class=\"rv-circle rv-circle-c\"><\/div>\r\n <div class=\"rv-circle rv-circle-m\"><\/div>\r\n <div class=\"rv-circle rv-circle-y\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rv-facts\">\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Usage<\/span>\r\n <span class=\"rv-fact-value\">Impression, print<\/span>\r\n <\/div>\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Principe<\/span>\r\n <span class=\"rv-fact-value\">Synth\u00e8se soustractive (encre)<\/span>\r\n <\/div>\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Point de d\u00e9part<\/span>\r\n <span class=\"rv-fact-value\">Blanc du papier, on ajoute de l'encre<\/span>\r\n <\/div>\r\n <div class=\"rv-fact\">\r\n <span class=\"rv-fact-label\">Gamme de couleurs<\/span>\r\n <span class=\"rv-fact-value\">Plus restreinte, certaines teintes RVB ne se reproduisent pas fid\u00e8lement<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87529c5 elementor-widget elementor-widget-text-editor\" data-id=\"87529c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Concr\u00e8tement, cela signifie qu’une couleur RVB ne se reproduit pas toujours fid\u00e8lement en CMJN. C’est exactement pourquoi votre charte graphique doit sp\u00e9cifier les deux valeurs pour chaque couleur de votre palette, afin d’\u00e9viter les mauvaises surprises au moment de l’impression.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-c3c54df e-con-full e-flex e-con e-parent\" data-eae-slider=\"98147\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"c3c54df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2dfbc4 elementor-widget elementor-widget-spacer\" data-id=\"b2dfbc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc2b1c8 elementor-widget elementor-widget-heading\" data-id=\"fc2b1c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Vers une palette \u00e9co-responsable<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c34fee elementor-widget elementor-widget-menu-anchor\" data-id=\"2c34fee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"encrage\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7515e90 elementor-widget elementor-widget-text-editor\" data-id=\"7515e90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Choisir ses couleurs peut aussi devenir un geste concret pour r\u00e9duire l’impact environnemental de votre communication, \u00e0 l’\u00e9cran comme sur le papier. Voici les leviers les plus efficaces, et les plus simples \u00e0 mettre en \u0153uvre.<\/p><\/div><div><p>R\u00e9duire le taux d’encrage \u00e0 l’impression<\/p><\/div><div><p>En impression CMJN, chaque couleur correspond \u00e0 une superposition de couches d’encre. Plus la somme de ces couches est \u00e9lev\u00e9e, plus l’impression consomme d’encre, de temps de s\u00e9chage et d’\u00e9nergie. On appelle taux d’encrage total la somme des quatre valeurs Cyan, Magenta, Jaune et Noir qui composent une couleur.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba706d5 elementor-widget elementor-widget-html\" data-id=\"ba706d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Le taux d'encrage<\/title>\r\n<\/head>\r\n<body data-rsssl=1>\r\n<div class=\"ie-widget\">\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Shizuru&family=Delius+Unicase:wght@400;700&family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n .ie-widget{\r\n --ie-bg:#E1E0D9;\r\n --ie-primary:#94961B;\r\n --ie-text:#2C2C27;\r\n --ie-card:#F3F2ED;\r\n --ie-line: rgba(44,44,39,0.16);\r\n --ie-eco:#5C8A3A;\r\n --ie-warn:#D98A2B;\r\n --ie-danger:#B23A2E;\r\n\r\n font-family:'Lexend Deca', sans-serif;\r\n font-size:0.8rem;\r\n background:var(--ie-bg);\r\n color:var(--ie-text);\r\n padding:40px 20px 64px;\r\n }\r\n\r\n .ie-widget *{ box-sizing:border-box; }\r\n\r\n .ie-widget .ie-wrap{\r\n max-width:880px;\r\n margin:0 auto;\r\n }\r\n\r\n .ie-widget .ie-header{\r\n text-align:center;\r\n margin-bottom:44px;\r\n }\r\n\r\n .ie-widget .ie-header h1{\r\n font-family:'Shizuru', cursive;\r\n font-weight:400;\r\n font-size:2rem;\r\n margin:0 0 12px;\r\n letter-spacing:0.01em;\r\n }\r\n\r\n .ie-widget .ie-header p{\r\n font-weight:300;\r\n max-width:600px;\r\n margin:0 auto;\r\n opacity:0.8;\r\n line-height:1.7;\r\n }\r\n\r\n \/* --- Jauge --- *\/\r\n .ie-widget .ie-gauge-block{\r\n background:var(--ie-card);\r\n border:1px solid var(--ie-line);\r\n border-radius:20px;\r\n padding:44px 32px 26px;\r\n margin-bottom:32px;\r\n }\r\n\r\n .ie-widget .ie-gauge{\r\n position:relative;\r\n height:22px;\r\n border-radius:999px;\r\n background: linear-gradient(to right,\r\n var(--ie-eco) 0%, var(--ie-eco) 25%,\r\n var(--ie-primary) 25%, var(--ie-primary) 30%,\r\n var(--ie-warn) 30%, var(--ie-warn) 75%,\r\n var(--ie-danger) 75%, var(--ie-danger) 100%\r\n );\r\n box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);\r\n }\r\n\r\n .ie-widget .ie-tick{\r\n position:absolute;\r\n top:-10px;\r\n width:1px;\r\n height:42px;\r\n background:var(--ie-text);\r\n opacity:0.35;\r\n }\r\n\r\n .ie-widget .ie-tick-label{\r\n position:absolute;\r\n top:34px;\r\n transform:translateX(-50%);\r\n font-size:0.68rem;\r\n font-weight:500;\r\n white-space:nowrap;\r\n }\r\n\r\n .ie-widget .ie-flag{\r\n position:absolute;\r\n top:-38px;\r\n transform:translateX(-50%);\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:4px;\r\n }\r\n\r\n .ie-widget .ie-flag-label{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.65rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.03em;\r\n color:var(--ie-danger);\r\n white-space:nowrap;\r\n }\r\n\r\n .ie-widget .ie-flag-line{\r\n width:1px;\r\n height:14px;\r\n background:var(--ie-danger);\r\n }\r\n\r\n \/* --- Encadr\u00e9s --- *\/\r\n .ie-widget .ie-boxes{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:16px;\r\n }\r\n\r\n @media (max-width:640px){\r\n .ie-widget .ie-boxes{ grid-template-columns:1fr; }\r\n }\r\n\r\n .ie-widget .ie-box{\r\n background:var(--ie-card);\r\n border:1px solid var(--ie-line);\r\n border-radius:16px;\r\n padding:20px 22px;\r\n display:flex;\r\n gap:14px;\r\n }\r\n\r\n .ie-widget .ie-dot{\r\n width:14px;\r\n height:14px;\r\n border-radius:50%;\r\n flex-shrink:0;\r\n margin-top:4px;\r\n }\r\n\r\n .ie-widget .ie-box-title{\r\n font-family:'Delius Unicase', cursive;\r\n font-weight:700;\r\n font-size:0.76rem;\r\n text-transform:uppercase;\r\n letter-spacing:0.02em;\r\n color:var(--ie-primary);\r\n margin-bottom:6px;\r\n line-height:1.4;\r\n }\r\n\r\n .ie-widget .ie-box-text{\r\n font-weight:300;\r\n line-height:1.55;\r\n margin:0;\r\n }\r\n<\/style>\r\n\r\n<div class=\"ie-wrap\">\r\n\r\n <header class=\"ie-header\">\r\n <h1>Le taux d'encrage<\/h1>\r\n <p>En impression, le taux d'encrage additionne les pourcentages de cyan, magenta, jaune et noir utilis\u00e9s en un m\u00eame point. Plus il grimpe, plus l'encre s'accumule sur le papier.<\/p>\r\n <\/header>\r\n\r\n <div class=\"ie-gauge-block\">\r\n <div class=\"ie-gauge\">\r\n <div class=\"ie-tick\" style=\"left:0%;\"><\/div>\r\n <div class=\"ie-tick-label\" style=\"left:0%;\">0 %<\/div>\r\n\r\n <div class=\"ie-tick\" style=\"left:25%;\"><\/div>\r\n <div class=\"ie-tick-label\" style=\"left:25%;\">100 %<\/div>\r\n\r\n <div class=\"ie-tick\" style=\"left:30%;\"><\/div>\r\n <div class=\"ie-tick-label\" style=\"left:30%;\">120 %<\/div>\r\n\r\n <div class=\"ie-tick\" style=\"left:75%;\"><\/div>\r\n <div class=\"ie-tick-label\" style=\"left:75%;\">300 %<\/div>\r\n\r\n <div class=\"ie-tick\" style=\"left:100%;\"><\/div>\r\n <div class=\"ie-tick-label\" style=\"left:100%; transform:translateX(-90%);\">400 %<\/div>\r\n\r\n <div class=\"ie-flag\" style=\"left:100%;\">\r\n <div class=\"ie-flag-label\">Maximum th\u00e9orique<\/div>\r\n <div class=\"ie-flag-line\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ie-boxes\">\r\n\r\n <div class=\"ie-box\">\r\n <span class=\"ie-dot\" style=\"background:var(--ie-eco)\"><\/span>\r\n <div>\r\n <div class=\"ie-box-title\">Taux d'encrage inf\u00e9rieur \u00e0 100 %<\/div>\r\n <p class=\"ie-box-text\">Consid\u00e9r\u00e9 comme une v\u00e9ritable \u00e9co-couleur.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ie-box\">\r\n <span class=\"ie-dot\" style=\"background:var(--ie-primary)\"><\/span>\r\n <div>\r\n <div class=\"ie-box-title\">Taux d'encrage entre 100 % et 120 %<\/div>\r\n <p class=\"ie-box-text\">G\u00e9n\u00e9ralement acceptable si le choix est justifi\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ie-box\">\r\n <span class=\"ie-dot\" style=\"background:var(--ie-danger)\"><\/span>\r\n <div>\r\n <div class=\"ie-box-title\">Taux d'encrage sup\u00e9rieur \u00e0 300 %<\/div>\r\n <p class=\"ie-box-text\">Fortement d\u00e9conseill\u00e9, quel que soit le support.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ie-box\">\r\n <span class=\"ie-dot\" style=\"background:var(--ie-text)\"><\/span>\r\n <div>\r\n <div class=\"ie-box-title\">Maximum th\u00e9orique (100C + 100M + 100J + 100N)<\/div>\r\n <p class=\"ie-box-text\">400 %, \u00e0 \u00e9viter syst\u00e9matiquement.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cddc23c elementor-widget elementor-widget-text-editor\" data-id=\"cddc23c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>Concr\u00e8tement, une teinte compos\u00e9e de 30 % de cyan, 20 % de magenta, 25 % de jaune et 15 % de noir totalise 90 % d’encrage : c’est une \u00e9co-couleur. \u00c0 l’inverse, des teintes tr\u00e8s satur\u00e9es et sombres peuvent facilement d\u00e9passer 250 %, pour un r\u00e9sultat visuel qui n’est pourtant pas toujours plus intense \u00e0 l’\u0153il.<\/p><\/div><div><p>Un geste simple et souvent n\u00e9glig\u00e9 concerne le noir. La plupart des logiciels de design proposent par d\u00e9faut un \u00ab noir riche \u00bb, qui combine du cyan, du magenta, du jaune et du noir pour obtenir un rendu plus profond \u00e0 l’\u00e9cran. \u00c0 l’impression, ce noir riche consomme nettement plus d’encre qu’un noir compos\u00e9 uniquement de la couche N \u00e0 100 %. Pr\u00e9f\u00e9rez donc syst\u00e9matiquement un noir 100 % K pour vos textes et vos aplats, sauf besoin sp\u00e9cifique de rendu tr\u00e8s profond en photographie.<\/p><p>\u00a0<\/p><\/div><div><p><b>Adapter sa palette au web<\/b><\/p><\/div><div><p>Sur \u00e9cran, la logique environnementale change de nature : il ne s’agit plus d’\u00e9conomie d’encre, mais d’\u00e9conomie d’\u00e9nergie. Les couleurs sombres demandent g\u00e9n\u00e9ralement moins de luminosit\u00e9 \u00e0 afficher que les couleurs claires, en particulier sur les \u00e9crans OLED de plus en plus r\u00e9pandus, o\u00f9 chaque pixel noir peut rester litt\u00e9ralement \u00e9teint. Un mode sombre bien con\u00e7u peut ainsi r\u00e9duire sensiblement la consommation \u00e9nerg\u00e9tique d’une interface \u00e0 l’usage. Ce n’est \u00e9videmment pas une raison de renoncer au blanc pour votre identit\u00e9 visuelle si celui-ci sert votre positionnement, mais c’est un crit\u00e8re suppl\u00e9mentaire \u00e0 conna\u00eetre si vous d\u00e9veloppez une application ou une interface \u00e0 fort usage quotidien.<\/p><p>\u00a0<\/p><\/div><div><p><b>Les autres leviers \u00e0 conna\u00eetre<\/b><\/p><\/div><ul><li><p>Privil\u00e9gier des tons doux et neutres pour les grands aplats de couleur, plut\u00f4t que des teintes tr\u00e8s satur\u00e9es sur de larges surfaces.<\/p><\/li><li><p>Limiter la surface des photographies tr\u00e8s riches en couleurs, qui consomment davantage d’encre que des illustrations \u00e9pur\u00e9es ou des zones de texte.<\/p><\/li><li><p>Choisir un imprimeur qui utilise des encres v\u00e9g\u00e9tales, \u00e0 base d’huile plut\u00f4t que de p\u00e9trole, en compl\u00e9ment d’une palette pens\u00e9e pour limiter l’encrage.<\/p><\/li><li><p>Documenter un taux d’encrage maximal dans votre charte graphique, afin que chaque prestataire futur respecte cette contrainte sans avoir \u00e0 la red\u00e9couvrir.<\/p><\/li><\/ul><div><p>Adopter cette approche ne signifie pas renoncer \u00e0 l’intensit\u00e9 visuelle de votre marque. Une identit\u00e9 bien con\u00e7ue peut tout \u00e0 fait int\u00e9grer cette contrainte en misant sur des nuances plus l\u00e9g\u00e8res, des contrastes intelligents ou des textures, sans perdre en impact ni en reconnaissance.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-f20f47a e-con-full e-flex e-con e-parent\" data-eae-slider=\"33659\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"f20f47a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-507ab60 elementor-widget elementor-widget-spacer\" data-id=\"507ab60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-691154f elementor-widget elementor-widget-heading\" data-id=\"691154f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Les erreurs les plus fr\u00e9quentes \u00e0 \u00e9viter<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12f93b2 elementor-widget elementor-widget-menu-anchor\" data-id=\"12f93b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"erreurs\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a528b64 elementor-widget elementor-widget-text-editor\" data-id=\"a528b64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><ul><li><p>Copier une couleur sans en comprendre la logique. Une couleur ne fonctionne jamais seule, elle fonctionne dans un contexte et une tonalit\u00e9 globale. Copier la palette d’un concurrent sans en comprendre le raisonnement revient \u00e0 parler une langue que vous ne ma\u00eetrisez pas vraiment, et la confusion profite toujours \u00e0 celui qui a inspir\u00e9 le choix.<\/p><\/li><li><p>Multiplier les teintes. Au-del\u00e0 de trois \u00e0 cinq couleurs, une palette perd en lisibilit\u00e9 et en m\u00e9morisation. La contrainte chromatique n’est pas une limite cr\u00e9ative, c’est une discipline strat\u00e9gique qui sert votre reconnaissance.<\/p><\/li><li><p>Ignorer les contraintes techniques des supports. Valider une palette uniquement \u00e0 l’\u00e9cran, puis d\u00e9couvrir trop tard qu’elle d\u00e9rive \u00e0 l’impression, est une erreur fr\u00e9quente et facilement \u00e9vitable en documentant vos valeurs HEX, RVB, CMJN et Pantone d\u00e8s le d\u00e9part.<\/p><\/li><li><p>Choisir une couleur uniquement par go\u00fbt personnel. Une palette de marque doit servir votre positionnement et parler \u00e0 votre audience, pas n\u00e9cessairement refl\u00e9ter vos pr\u00e9f\u00e9rences esth\u00e9tiques individuelles.<\/p><\/li><li><p>Utiliser le vert sans preuve concr\u00e8te d’engagement. Comme \u00e9voqu\u00e9 plus haut, une grande partie des consommateurs se m\u00e9fient d\u00e9sormais des couleurs \u00ab responsables \u00bb qui ne s’appuient sur aucun engagement v\u00e9rifiable.<\/p><\/li><li><p>N\u00e9gliger l’accessibilit\u00e9. Une palette qui ne respecte pas les seuils de contraste recommand\u00e9s exclut une partie de votre audience, souvent sans m\u00eame que vous en ayez conscience.<\/p><\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-6d41a1e e-con-full e-flex e-con e-parent\" data-eae-slider=\"43364\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"6d41a1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fe4dc6 elementor-widget elementor-widget-spacer\" data-id=\"8fe4dc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb5ef9 elementor-widget elementor-widget-heading\" data-id=\"0bb5ef9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">FAQ : couleurs et identit\u00e9 de marque<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b52792c elementor-widget elementor-widget-eael-adv-accordion\" data-id=\"b52792c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-adv-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"eael-adv-accordion\" id=\"eael-adv-accordion-b52792c\" data-scroll-on-click=\"no\" data-scroll-speed=\"300\" data-accordion-id=\"b52792c\" data-accordion-type=\"toggle\" data-toogle-speed=\"300\">\n <div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"quelle-couleur-inspire-le-plus-confiance-pour-une-marque-\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"1\" aria-controls=\"elementor-tab-content-1891\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">Quelle couleur inspire le plus confiance pour une marque ?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1891\" class=\"eael-accordion-content clearfix\" data-tab=\"1\" aria-labelledby=\"quelle-couleur-inspire-le-plus-confiance-pour-une-marque-\"><div><div><p>Le bleu reste statistiquement la couleur la plus associ\u00e9e \u00e0 la confiance et \u00e0 la stabilit\u00e9 dans les cultures occidentales, ce qui explique sa domination dans les secteurs bancaires, technologiques et institutionnels. La confiance peut cependant se construire avec d’autres teintes, un vert doux, un gris \u00e9l\u00e9gant, un blanc \u00e9pur\u00e9, selon votre secteur et votre positionnement. Ce n’est pas la couleur seule qui cr\u00e9e la confiance, c’est sa coh\u00e9rence avec le discours global de votre marque.<\/p><\/div><\/div><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"combien-de-couleurs-faut-il-dans-une-palette-de-marque-\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"2\" aria-controls=\"elementor-tab-content-1892\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">Combien de couleurs faut-il dans une palette de marque ?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1892\" class=\"eael-accordion-content clearfix\" data-tab=\"2\" aria-labelledby=\"combien-de-couleurs-faut-il-dans-une-palette-de-marque-\"><div><div><p>En r\u00e8gle g\u00e9n\u00e9rale, trois \u00e0 cinq couleurs suffisent : une couleur principale forte, une ou deux couleurs secondaires pour les d\u00e9clinaisons, et une couleur d’accent pour les appels \u00e0 l’action. Au-del\u00e0, la palette devient difficile \u00e0 g\u00e9rer sur vos diff\u00e9rents supports et perd en coh\u00e9rence.<\/p><\/div><\/div><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"quelle-est-la-diffrence-entre-teinte-nuance-et-ton-\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"3\" aria-controls=\"elementor-tab-content-1893\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">Quelle est la diff\u00e9rence entre teinte, nuance et ton ?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1893\" class=\"eael-accordion-content clearfix\" data-tab=\"3\" aria-labelledby=\"quelle-est-la-diffrence-entre-teinte-nuance-et-ton-\"><div><div><p>Une nuance s’obtient en ajoutant du noir \u00e0 une couleur, ce qui l’assombrit. Une teinte claire s’obtient en ajoutant du blanc, ce qui l’\u00e9claircit. Un ton s’obtient en ajoutant du gris, ce qui la rend plus neutre et feutr\u00e9e. Ces trois variations vous permettent d’enrichir consid\u00e9rablement une palette sans multiplier le nombre de couleurs de base.<\/p><\/div><\/div><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"quelle-harmonie-chromatique-choisir-pour-ma-marque-\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"4\" aria-controls=\"elementor-tab-content-1894\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">Quelle harmonie chromatique choisir pour ma marque ?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1894\" class=\"eael-accordion-content clearfix\" data-tab=\"4\" aria-labelledby=\"quelle-harmonie-chromatique-choisir-pour-ma-marque-\"><div><div><p>Cela d\u00e9pend de l’effet recherch\u00e9. Une harmonie compl\u00e9mentaire convient aux marques qui veulent une palette simple et percutante. Une harmonie analogue convient \u00e0 celles qui recherchent la douceur et la coh\u00e9rence. Une harmonie triadique ou t\u00e9tradique convient aux marques qui veulent une image plus riche et vari\u00e9e, \u00e0 condition de rester rigoureux dans la hi\u00e9rarchie des couleurs.<\/p><\/div><\/div><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"quelle-diffrence-entre-rvb-et-cmjn-pour-les-couleurs-de-ma-marque-\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"5\" aria-controls=\"elementor-tab-content-1895\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">Quelle diff\u00e9rence entre RVB et CMJN pour les couleurs de ma marque ?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1895\" class=\"eael-accordion-content clearfix\" data-tab=\"5\" aria-labelledby=\"quelle-diffrence-entre-rvb-et-cmjn-pour-les-couleurs-de-ma-marque-\"><div><div><p>Le RVB est le syst\u00e8me des \u00e9crans, il fonctionne par addition de lumi\u00e8re et permet des teintes tr\u00e8s vives. Le CMJN est le syst\u00e8me de l’impression, il fonctionne par superposition d’encres et r\u00e9duit souvent la saturation de certaines teintes. Une couleur RVB ne se reproduit pas toujours fid\u00e8lement en CMJN, c’est pourquoi votre charte graphique doit pr\u00e9ciser les deux valeurs pour chaque couleur.<\/p><\/div><\/div><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"comment-rendre-mes-couleurs-de-marque-plus-co-responsables-\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"6\" aria-controls=\"elementor-tab-content-1896\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">Comment rendre mes couleurs de marque plus \u00e9co-responsables ?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1896\" class=\"eael-accordion-content clearfix\" data-tab=\"6\" aria-labelledby=\"comment-rendre-mes-couleurs-de-marque-plus-co-responsables-\"><div><div><div><p>\u00c0 l’impression, privil\u00e9giez des couleurs dont le taux d’encrage total (la somme de Cyan, Magenta, Jaune et Noir) reste sous les 100 \u00e0 120 %, et utilisez un noir 100 % K plut\u00f4t qu’un noir riche pour vos textes. Sur le web, les teintes sombres consomment g\u00e9n\u00e9ralement moins d’\u00e9nergie \u00e0 l’affichage que les teintes claires, en particulier sur les \u00e9crans OLED. Documentez ces seuils dans votre charte graphique pour que cette exigence se maintienne sur tous vos futurs supports.<\/p><\/div><\/div><\/div><div><p>Un logo n’est jamais un d\u00e9tail graphique parmi d’autres : c’est le premier signal envoy\u00e9 au public de ce qu’une entreprise est, promet et incarne. Comprendre la psychologie qui se cache derri\u00e8re les formes, les couleurs et les types de logos permet de transformer un simple visuel en un v\u00e9ritable outil de reconnaissance, de confiance et de diff\u00e9renciation, \u00e0 condition qu’il soit pens\u00e9, d\u00e8s le d\u00e9part, comme la traduction visuelle d’une strat\u00e9gie de marque claire, et non comme un point de d\u00e9part isol\u00e9.vvvv<\/p><\/div><\/div>\n\t\t\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f37bb23 elementor-widget elementor-widget-text-editor\" data-id=\"f37bb23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div><p>La couleur n’est jamais un simple habillage esth\u00e9tique, c’est une d\u00e9cision strat\u00e9gique au m\u00eame titre que votre nom ou votre positionnement. Choisie avec m\u00e9thode, document\u00e9e avec pr\u00e9cision et pens\u00e9e jusque dans son impact environnemental, elle devient un v\u00e9ritable atout de reconnaissance et de confiance pour votre marque, sur le long terme et sur tous vos supports.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-9caccbb e-con-full e-flex e-con e-parent\" data-eae-slider=\"45339\" data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" data-id=\"9caccbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bdc389 elementor-widget elementor-widget-spacer\" data-id=\"5bdc389\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a627894 elementor-widget elementor-widget-heading\" data-id=\"a627894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Besoin d'adapter votre logo ? <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb0c72b elementor-widget elementor-widget-text-editor\" data-id=\"fb0c72b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Prenez rendez vous, discutons ensemble de la marche \u00e0 suivre pour sublimer votre image de marque et la rendre d’autant plus experte et align\u00e9e \u00e0 votre travail. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b767e2e elementor-align-center elementor-widget elementor-widget-stepbookingbutton\" data-id=\"b767e2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stepbookingbutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"amelia-step-booking-button-trigger\">\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-grow\" id=\"amelia-step-booking-btn-f31c474d\" role=\"button\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Prendre rendez-vous<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div><div class=\"amelia-step-booking-shortcode\" style=\"display:none\">\n<script>\n if (typeof hasAmeliaEntitiesApiCall === 'undefined' && ('amelia-step-booking-btn-f31c474d' === '' && '1' !== '1')) {\n var hasAmeliaEntitiesApiCall = true;\n }\n var ameliaShortcodeData = (typeof ameliaShortcodeData === 'undefined') ? [] : ameliaShortcodeData;\n ameliaShortcodeData.push(\n {\n 'hasApiCall': (typeof hasAmeliaEntitiesApiCall !== 'undefined') && hasAmeliaEntitiesApiCall,\n 'trigger': 'amelia-step-booking-btn-f31c474d',\n 'trigger_type': 'id',\n 'triggered_form': 'sbsNew',\n 'in_dialog': '1',\n 'show': '',\n 'counter': '1000',\n 'category': '2',\n 'service': '',\n 'employee': '',\n 'location': '',\n 'package': '',\n 'layout': '1',\n }\n );\n\n var ameliaShortcodeDataTriggered = (typeof ameliaShortcodeDataTriggered === 'undefined') ? [] : ameliaShortcodeDataTriggered;\n if (ameliaShortcodeData[ameliaShortcodeData.length - 1].trigger !== '') {\n if (ameliaShortcodeDataTriggered.filter(a => a.counter === ameliaShortcodeData[ameliaShortcodeData.length - 1].counter).length === 0) {\n ameliaShortcodeDataTriggered.push(ameliaShortcodeData.pop());\n } else {\n ameliaShortcodeData.pop()\n }\n }\n if (typeof hasAmeliaEntitiesApiCall !== 'undefined' && hasAmeliaEntitiesApiCall) {\n hasAmeliaEntitiesApiCall = false;\n }\n<\/script>\n\n<div\n id=\"amelia-v2-booking-1000\"\n class=\"amelia-v2-booking amelia-skip-load amelia-skip-load-1000\"\n >\n <dialog-forms><\/dialog-forms><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[68],"tags":[94,95,91,90,88,93,92,89],"class_list":["post-4883","post","type-post","status-publish","format-standard","hentry","category-graphisme","tag-couleur-branding","tag-couleur-identite-visuelle","tag-couleur-palette","tag-couleurs","tag-couleurs-logo","tag-palette-branding","tag-palette-de-couleur","tag-psychologie-couleurs"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Tiphaine Thomas\"\/>\n\t<meta name=\"google-site-verification\" content=\"2omgGxNOUJfoGhj1WRiOZcUYRA-lbJEkAgjInusFAZ0\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/cha-vari.com\/wp\/couleurs-logo\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Cha'vari - Studio Cha'vari, pour des livres et du graphisme qui fait sens autour de l'alimentation\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e - Cha'vari\" \/>\n\t\t<meta property=\"og:description\" content=\"Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/cha-vari.com\/wp\/couleurs-logo\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/cha-vari.com\/wp\/wp-content\/uploads\/2025\/01\/logo-vectorise.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/cha-vari.com\/wp\/wp-content\/uploads\/2025\/01\/logo-vectorise.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"2908\" \/>\n\t\t<meta property=\"og:image:height\" content=\"2955\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-21T15:42:46+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-21T22:51:16+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e - Cha'vari\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/cha-vari.com\/wp\/wp-content\/uploads\/2025\/01\/logo-vectorise.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#blogposting\",\"name\":\"Guide des couleurs dans sa marque, psychologie expliqu\\u00e9e - Cha'vari\",\"headline\":\"Guide des couleurs dans sa marque, psychologie expliqu\\u00e9e\",\"author\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/author\\\/renardi\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#articleImage\",\"url\":\"\\\/\\\/cha-vari.com\\\/wp\\\/wp-content\\\/cache\\\/speedycache\\\/cha-vari.com\\\/gravatars\\\/63c44f1a7fc8d1c8951716f7947a1ffax96.jpg\",\"width\":96,\"height\":96,\"caption\":\"Tiphaine Thomas\"},\"datePublished\":\"2026-07-21T17:42:46+02:00\",\"dateModified\":\"2026-07-22T00:51:16+02:00\",\"inLanguage\":\"fr-FR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#webpage\"},\"articleSection\":\"Graphisme, couleur branding, couleur identit\\u00e9 visuelle, couleur palette, couleurs, couleurs logo, palette branding, palette de couleur, psychologie couleurs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cha-vari.com\\\/wp\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/category\\\/graphisme\\\/#listItem\",\"name\":\"Graphisme\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/category\\\/graphisme\\\/#listItem\",\"position\":2,\"name\":\"Graphisme\",\"item\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/category\\\/graphisme\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#listItem\",\"name\":\"Guide des couleurs dans sa marque, psychologie expliqu\\u00e9e\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#listItem\",\"position\":3,\"name\":\"Guide des couleurs dans sa marque, psychologie expliqu\\u00e9e\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/category\\\/graphisme\\\/#listItem\",\"name\":\"Graphisme\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/#person\",\"name\":\"Tiphaine Thomas\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#personImage\",\"url\":\"\\\/\\\/cha-vari.com\\\/wp\\\/wp-content\\\/cache\\\/speedycache\\\/cha-vari.com\\\/gravatars\\\/63c44f1a7fc8d1c8951716f7947a1ffax96.jpg\",\"width\":96,\"height\":96,\"caption\":\"Tiphaine Thomas\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/author\\\/renardi\\\/#author\",\"url\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/author\\\/renardi\\\/\",\"name\":\"Tiphaine Thomas\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#authorImage\",\"url\":\"\\\/\\\/cha-vari.com\\\/wp\\\/wp-content\\\/cache\\\/speedycache\\\/cha-vari.com\\\/gravatars\\\/63c44f1a7fc8d1c8951716f7947a1ffax96.jpg\",\"width\":96,\"height\":96,\"caption\":\"Tiphaine Thomas\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#webpage\",\"url\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/\",\"name\":\"Guide des couleurs dans sa marque, psychologie expliqu\\u00e9e - Cha'vari\",\"description\":\"Psychologie des couleurs, roue chromatique, harmonies et palettes \\u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\\u00e9thode.\",\"inLanguage\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/couleurs-logo\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/author\\\/renardi\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/author\\\/renardi\\\/#author\"},\"datePublished\":\"2026-07-21T17:42:46+02:00\",\"dateModified\":\"2026-07-22T00:51:16+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/\",\"name\":\"Cha'vari\",\"description\":\"Studio Cha'vari, pour des livres et du graphisme qui fait sens autour de l'alimentation\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/cha-vari.com\\\/wp\\\/#person\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e - Cha'vari","description":"Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.","canonical_url":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"2omgGxNOUJfoGhj1WRiOZcUYRA-lbJEkAgjInusFAZ0","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#blogposting","name":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e - Cha'vari","headline":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e","author":{"@id":"https:\/\/cha-vari.com\/wp\/author\/renardi\/#author"},"publisher":{"@id":"https:\/\/cha-vari.com\/wp\/#person"},"image":{"@type":"ImageObject","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#articleImage","url":"\/\/cha-vari.com\/wp\/wp-content\/cache\/speedycache\/cha-vari.com\/gravatars\/63c44f1a7fc8d1c8951716f7947a1ffax96.jpg","width":96,"height":96,"caption":"Tiphaine Thomas"},"datePublished":"2026-07-21T17:42:46+02:00","dateModified":"2026-07-22T00:51:16+02:00","inLanguage":"fr-FR","mainEntityOfPage":{"@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#webpage"},"isPartOf":{"@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#webpage"},"articleSection":"Graphisme, couleur branding, couleur identit\u00e9 visuelle, couleur palette, couleurs, couleurs logo, palette branding, palette de couleur, psychologie couleurs"},{"@type":"BreadcrumbList","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/cha-vari.com\/wp#listItem","position":1,"name":"Home","item":"https:\/\/cha-vari.com\/wp","nextItem":{"@type":"ListItem","@id":"https:\/\/cha-vari.com\/wp\/category\/graphisme\/#listItem","name":"Graphisme"}},{"@type":"ListItem","@id":"https:\/\/cha-vari.com\/wp\/category\/graphisme\/#listItem","position":2,"name":"Graphisme","item":"https:\/\/cha-vari.com\/wp\/category\/graphisme\/","nextItem":{"@type":"ListItem","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#listItem","name":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e"},"previousItem":{"@type":"ListItem","@id":"https:\/\/cha-vari.com\/wp#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#listItem","position":3,"name":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e","previousItem":{"@type":"ListItem","@id":"https:\/\/cha-vari.com\/wp\/category\/graphisme\/#listItem","name":"Graphisme"}}]},{"@type":"Person","@id":"https:\/\/cha-vari.com\/wp\/#person","name":"Tiphaine Thomas","image":{"@type":"ImageObject","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#personImage","url":"\/\/cha-vari.com\/wp\/wp-content\/cache\/speedycache\/cha-vari.com\/gravatars\/63c44f1a7fc8d1c8951716f7947a1ffax96.jpg","width":96,"height":96,"caption":"Tiphaine Thomas"}},{"@type":"Person","@id":"https:\/\/cha-vari.com\/wp\/author\/renardi\/#author","url":"https:\/\/cha-vari.com\/wp\/author\/renardi\/","name":"Tiphaine Thomas","image":{"@type":"ImageObject","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#authorImage","url":"\/\/cha-vari.com\/wp\/wp-content\/cache\/speedycache\/cha-vari.com\/gravatars\/63c44f1a7fc8d1c8951716f7947a1ffax96.jpg","width":96,"height":96,"caption":"Tiphaine Thomas"}},{"@type":"WebPage","@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#webpage","url":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/","name":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e - Cha'vari","description":"Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/cha-vari.com\/wp\/#website"},"breadcrumb":{"@id":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/#breadcrumblist"},"author":{"@id":"https:\/\/cha-vari.com\/wp\/author\/renardi\/#author"},"creator":{"@id":"https:\/\/cha-vari.com\/wp\/author\/renardi\/#author"},"datePublished":"2026-07-21T17:42:46+02:00","dateModified":"2026-07-22T00:51:16+02:00"},{"@type":"WebSite","@id":"https:\/\/cha-vari.com\/wp\/#website","url":"https:\/\/cha-vari.com\/wp\/","name":"Cha'vari","description":"Studio Cha'vari, pour des livres et du graphisme qui fait sens autour de l'alimentation","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/cha-vari.com\/wp\/#person"}}]},"og:locale":"fr_FR","og:site_name":"Cha'vari - Studio Cha'vari, pour des livres et du graphisme qui fait sens autour de l'alimentation","og:type":"article","og:title":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e - Cha'vari","og:description":"Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.","og:url":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/","og:image":"https:\/\/cha-vari.com\/wp\/wp-content\/uploads\/2025\/01\/logo-vectorise.png","og:image:secure_url":"https:\/\/cha-vari.com\/wp\/wp-content\/uploads\/2025\/01\/logo-vectorise.png","og:image:width":2908,"og:image:height":2955,"article:published_time":"2026-07-21T15:42:46+00:00","article:modified_time":"2026-07-21T22:51:16+00:00","twitter:card":"summary_large_image","twitter:title":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e - Cha'vari","twitter:description":"Psychologie des couleurs, roue chromatique, harmonies et palettes \u00e9co-responsables : le guide complet pour choisir les couleurs de votre marque avec m\u00e9thode.","twitter:image":"https:\/\/cha-vari.com\/wp\/wp-content\/uploads\/2025\/01\/logo-vectorise.png"},"aioseo_meta_data":{"post_id":"4883","title":"#post_title #separator_sa #site_title","description":"#post_excerpt","keywords":null,"keyphrases":{"focus":{"keyphrase":"Couleurs","score":100,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":[],"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-07-20 16:04:59","updated":"2026-07-21 23:40:22","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/cha-vari.com\/wp\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/cha-vari.com\/wp\/category\/graphisme\/\" title=\"Graphisme\">Graphisme<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tGuide des couleurs dans sa marque, psychologie expliqu\u00e9e\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/cha-vari.com\/wp"},{"label":"Graphisme","link":"https:\/\/cha-vari.com\/wp\/category\/graphisme\/"},{"label":"Guide des couleurs dans sa marque, psychologie expliqu\u00e9e","link":"https:\/\/cha-vari.com\/wp\/couleurs-logo\/"}],"_links":{"self":[{"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/posts\/4883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/comments?post=4883"}],"version-history":[{"count":28,"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/posts\/4883\/revisions"}],"predecessor-version":[{"id":4922,"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/posts\/4883\/revisions\/4922"}],"wp:attachment":[{"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/media?parent=4883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/categories?post=4883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cha-vari.com\/wp\/wp-json\/wp\/v2\/tags?post=4883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a7dbf02db888af4120f05d3. Config Timestamp: 2026-08-13 12:56:33 UTC, Cached Timestamp: 2026-08-22 22:52:54 UTC, Optimization Time: 79.99ms -->