{"id":106,"date":"2025-12-19T12:57:55","date_gmt":"2025-12-19T11:57:55","guid":{"rendered":"https:\/\/wp11.infocom.work\/?page_id=106"},"modified":"2025-12-21T12:39:01","modified_gmt":"2025-12-21T11:39:01","slug":"couleurs-colorimetrie","status":"publish","type":"page","link":"https:\/\/wp11.infocom.work\/index.php\/couleurs-colorimetrie\/","title":{"rendered":"Couleurs & colorim\u00e9trie"},"content":{"rendered":"\n
\n
\n
\n <\/div>\n\n
\n

\n Th\u00e9matique\n <\/p>\n

\n Couleurs & colorim\u00e9trie \/<\/span>\n Design Atlas<\/span>\n <\/h1>\n

\n La couleur, c\u2019est une intention : \u00e9motion, hi\u00e9rarchie, lisibilit\u00e9, identit\u00e9. Ici, on passe de la th\u00e9orie aux palettes concr\u00e8tes,\n avec des exemples pr\u00eats \u00e0 utiliser (web, print, branding).\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n

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

Palettes<\/p>\n

Accords qui fonctionnent<\/h3>\n

\n Harmonies pr\u00eates \u00e0 l\u2019emploi : identit\u00e9, \u00e9ditorial, UI, premium.\n <\/p>\n

Voir \u2192<\/p>\n <\/div>\n <\/a>\n\n \n

<\/div>\n
\n

Contraste<\/p>\n

Lisibilit\u00e9 & hi\u00e9rarchie<\/h3>\n

\n V\u00e9rifier rapidement : texte, boutons, sections, accessibilit\u00e9.\n <\/p>\n

Voir \u2192<\/p>\n <\/div>\n <\/a>\n\n \n

<\/div>\n
\n

Colorim\u00e9trie<\/p>\n

Web vs Print<\/h3>\n

\n RGB, CMYK, profils : \u00e9viter les mauvaises surprises \u00e0 l\u2019impression.\n <\/p>\n

Voir \u2192<\/p>\n <\/div>\n <\/a>\n <\/div>\n<\/section>\n\n\n\n

\n

\n Palettes pr\u00eates \u00e0 utiliser\n <\/h2>\n

\n Une palette solide, c\u2019est un syst\u00e8me<\/strong> : 1 couleur dominante, 1 accent, 1 neutre, et des variantes. Voici des accords typiques (branding, UI, \u00e9ditorial).\n <\/p>\n\n \n

\n
\n

Atlas Blue \u2014 \u00e9ditorial moderne<\/h3>\n

Propre, contrast\u00e9, parfait pour un site de design.<\/p>\n <\/div>\n

\n
#0E0E0E<\/div>\n
#FAFAFA<\/div>\n
#C9C9C9<\/div>\n
#1F4FFF<\/div>\n
#00D1FF<\/div>\n <\/div>\n <\/div>\n\n \n
\n
\n

Neo Brutal \u2014 punch & contraste<\/h3>\n

Accents forts, id\u00e9al pour titres, badges, CTA.<\/p>\n <\/div>\n

\n
#0E0E0E<\/div>\n
#FAFAFA<\/div>\n
#1F4FFF<\/div>\n
#FF2D55<\/div>\n
#00E599<\/div>\n <\/div>\n <\/div>\n\n \n
\n
\n

Warm Minimal \u2014 premium & doux<\/h3>\n

Pour projets \u201cluxe\u201d ou \u00e9ditorial plus chaleureux.<\/p>\n <\/div>\n

\n
#121212<\/div>\n
#F7F3EE<\/div>\n
#D6C9BC<\/div>\n
#1F4FFF<\/div>\n
#FFB703<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n
\n

\n Contraste & lisibilit\u00e9\n <\/h2>\n

\n La couleur sert la hi\u00e9rarchie : si on ne lit pas, c\u2019est perdu. Voici des exemples \u201cOK \/ KO\u201d (texte sur fond).\n <\/p>\n\n

\n
\n
\n

OK<\/p>\n

Titre lisible<\/h3>\n

\n Texte clair sur fond sombre : excellent contraste, lecture confortable.\n <\/p>\n <\/div>\n

\n

OK<\/p>\n

Titre lisible<\/h3>\n

\n Texte sombre sur fond clair : classique, propre, efficace.\n <\/p>\n <\/div>\n <\/div>\n\n

\n
\n

KO<\/p>\n

Titre peu lisible<\/h3>\n

\n Blanc sur gris clair : contraste trop faible, fatigue visuelle.\n <\/p>\n <\/div>\n

\n

KO<\/p>\n

Titre peu lisible<\/h3>\n

\n Bleu sur cyan : contraste trompeur, lisibilit\u00e9 instable selon \u00e9crans.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n

\n

\n Colorim\u00e9trie : web & impression\n <\/h2>\n\n
\n \n \n
\n

\n La colorim\u00e9trie ne se limite pas au choix d\u2019une \u201cbelle couleur\u201d. Elle d\u00e9pend du support<\/strong>, du\n mode colorim\u00e9trique<\/strong> et du contexte d\u2019affichage. Une teinte vibrante sur \u00e9cran peut perdre\n en intensit\u00e9 une fois imprim\u00e9e. Comprendre ces diff\u00e9rences \u00e9vite les \u00e9carts et les mauvaises surprises.\n <\/p>\n\n

\n En design, on distingue principalement deux univers : RGB<\/strong> (lumi\u00e8re, \u00e9crans)\n et CMYK<\/strong> (encres, papier). Chaque univers impose ses limites, ses forces,\n et ses compromis visuels.\n <\/p>\n <\/div>\n\n \n

\n \n
\n
\n

\n RGB \u2014 \u00e9cran\n <\/p>\n

\n Couleurs lumineuses\n <\/h3>\n

\n Saturation \u00e9lev\u00e9e, contrastes forts, rendu vibrant et dynamique.\n <\/p>\n <\/div>\n <\/div>\n\n

\n
\n

\n CMYK \u2014 impression\n <\/p>\n

\n Couleurs encres\n <\/h3>\n

\n Rendu plus mat, saturation r\u00e9duite, d\u00e9pend fortement du papier.\n <\/p>\n <\/div>\n <\/div>\n\n

\n
\n

\n Bon r\u00e9flexe\n <\/p>\n

\n Tester & ajuster\n <\/h3>\n

\n \u00c9preuves, profils ICC, choix du papier : tout influence le r\u00e9sultat.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n

\n

\n Astuce pro :<\/strong> pour une charte coh\u00e9rente, d\u00e9finis toujours une version\n \u00e9cran<\/em> et une version print-safe<\/em> de ta couleur principale.\n La coh\u00e9rence prime sur la saturation brute.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n

\n
Envoyez-nous vos propres compositions !<\/a><\/div>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Th\u00e9matique Couleurs & colorim\u00e9trie \/ Design Atlas La couleur, c\u2019est une intention : \u00e9motion, hi\u00e9rarchie, lisibilit\u00e9, identit\u00e9. Ici, on passe de la th\u00e9orie aux palettes concr\u00e8tes, avec des exemples pr\u00eats \u00e0 utiliser (web, print, branding). Palettes Accords qui fonctionnent Harmonies pr\u00eates \u00e0 l\u2019emploi : identit\u00e9, \u00e9ditorial, UI, premium. Voir \u2192 Contraste Lisibilit\u00e9 & hi\u00e9rarchie V\u00e9rifier…<\/p>\n

Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":5,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/106\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}