{"id":11899,"date":"2019-07-17T10:30:36","date_gmt":"2019-07-17T08:30:36","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=11899"},"modified":"2025-08-20T17:19:26","modified_gmt":"2025-08-20T15:19:26","slug":"degrades-erreurs-ne-pas-faire","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/","title":{"rendered":"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre"},"content":{"rendered":"<p>C&#8217;est une des grandes <a href=\"https:\/\/graphiste.com\/blog\/webdesign-tendances-2021\" target=\"_blank\" rel=\"noopener noreferrer\">tendances du webdesign en 2020<\/a>, les d\u00e9grad\u00e9s s&#8217;installent durablement. On les retrouve sur les sliders, dans les logos, les fonds d&#8217;affiches et m\u00eame les boutons d&#8217;action.<\/p>\n<p>Toutefois, lorsqu&#8217;il s&#8217;agit de m\u00e9langer des couleurs, il est vite possible de faire un faux pas. Et tout l&#8217;effet dynamique se transformera un peu en sapin de No\u00ebl\u2026<\/p>\n<p>Pour \u00e9viter cela, suivez pr\u00e9cautionneusement notre guide des 8 erreurs \u00e0 ne pas commettre pour vos d\u00e9grad\u00e9s de couleurs.<\/p>\n<p>&nbsp;<\/p>\n<h2>1. Marier le chaud et le froid&nbsp;: les couleurs compl\u00e9mentaires<\/h2>\n<p>\u00c9vitez les d\u00e9grad\u00e9s complexes et surtout, ne mariez pas deux couleurs compl\u00e9mentaires.<\/p>\n<p>Le cercle chromatique des couleurs est comme un arc-en-ciel. Il faut donc chercher&nbsp;:<\/p>\n<ul>\n<li><strong>\u00e0 marier des couleurs secondaires<\/strong>&nbsp;: jaune + vert + bleu \/ jaune + orange + rouge \/ rouge + violet + bleu \/ bleu + vert<\/li>\n<li><strong>mais surtout pas oppos\u00e9es ou compl\u00e9mentaires<\/strong>&nbsp;: jaune + violet \/ orange + bleu \/ rouge + vert.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-11901 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/cercle-chromatique.png\" alt=\"Cercle chromatique\" width=\"600\" height=\"449\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>2. Utiliser plus de trois couleurs<\/h2>\n<p>Interdiction formelle d&#8217;utiliser plus de 3 couleurs&nbsp;!<\/p>\n<p>Le principe du <a href=\"https:\/\/graphiste.com\/blog\/webdesign-degrades\">gradient<\/a> est justement de faire s&#8217;exprimer toutes les nuances colorielles entre un ton A et un ton B. Vous aurez donc d\u00e9j\u00e0 un panel complet de teintes. Ajouter des couleurs suppl\u00e9mentaires viendrait &#8220;casser&#8221; l&#8217;effet d\u00e9grad\u00e9.<\/p>\n<p>Nous recommandons d&#8217;ailleurs l&#8217;usage de deux tons. Trois couleurs sont possibles s&#8217;il s&#8217;agit de teintes proches. Inutile d&#8217;allier un violet + un orange + un bleu qui cr\u00e9eront une asym\u00e9trie des couleurs et peut-\u00eatre dangereux pour la r\u00e9tine&nbsp;!<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-11902 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/nombre-couleurs-degrades.jpg\" alt=\"Nombre de couleurs d\u00e9grad\u00e9s\" width=\"700\" height=\"500\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>3. Surcharger votre home<\/h2>\n<p>Qui dit gradient, dit n\u00e9cessairement des espaces blancs.<\/p>\n<p>Votre d\u00e9grad\u00e9 am\u00e8ne de la couleur et du relief, mais votre site doit tout de m\u00eame respirer et rester a\u00e9r\u00e9. Plusieurs \u00e9l\u00e9ments peuvent rester neutres&nbsp;:<\/p>\n<ul>\n<li>des call-to-action sur un slider d\u00e9grad\u00e9 ;<\/li>\n<li>un header si vous utilisez le gradient pour votre logo ;<\/li>\n<li>des composants sur un background d\u00e9grad\u00e9 ;<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-11903 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/degrade-web-design.jpg\" alt=\"D\u00e9grad\u00e9 web design\" width=\"700\" height=\"359\" \/><\/p>\n<p>Trouvez le bon dosage entre espaces \u00e9pur\u00e9s et color\u00e9s pour mettre plus en valeur les d\u00e9grad\u00e9s.<\/p>\n<blockquote><p>Lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/effets-degrade\" target=\"_blank\" rel=\"noopener noreferrer\">Comment utiliser efficacement les effets de d\u00e9grad\u00e9s&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>4. D\u00e9marrer par le fonc\u00e9<\/h2>\n<p>Pour savoir quelle couleur vous devez mettre \u00e0 chaque extr\u00e9mit\u00e9 de votre d\u00e9grad\u00e9, ne choisissez pas au hasard.<\/p>\n<p>En effet, le d\u00e9grad\u00e9 est un fil conducteur pour les yeux de l&#8217;internaute. Il sera d&#8217;abord attir\u00e9 par le ton le plus clair et lumineux. Si vous lui donnez le ton fonc\u00e9 en premier, cela obscurcit sa lecture et ne le guide pas.<\/p>\n<p>A contrario, lorsque vous commencez par la couleur la plus claire, elle aidera sa lecture et l&#8217;accompagne comme un chemin \u00e0 parcourir vers la droite ou le bas de votre page.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/bichromie-duotone-utiliser-dans-creations\">Bichromie&nbsp;: 5 astuces de pro \u00e0 utiliser dans vos cr\u00e9ations<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>5. Laisser une zone gris\u00e2tre<\/h2>\n<p>Vous verrez, parfois en choisissant deux couleurs un peu \u00e9loign\u00e9es, on constate une zone gris\u00e2tre ou marron au centre. Ne la laissez pas.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-11904 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/zone-grise-degrade.jpg\" alt=\"Zone grise d\u00e9grad\u00e9\" width=\"700\" height=\"500\" \/><\/p>\n<p>Cela indique que vous devez ajouter un &#8220;stop&#8221; suppl\u00e9mentaire, c&#8217;est-\u00e0-dire un ton interm\u00e9diaire de votre palette de couleur.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/web-design-astuces-reussir-site-minimaliste\">Web design\u00a0: 8 astuces pour r\u00e9ussir un site minimaliste<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>6. Utiliser les d\u00e9grad\u00e9s pour les illustrations<\/h2>\n<p>On ne ferme pas la voie aux logos et illustrations, mais il y a quelques erreurs \u00e0 \u00e9viter.<\/p>\n<p>Par exemple, si vous cr\u00e9ez des illustrations au trait, les d\u00e9grad\u00e9s n&#8217;apportent pas de relief, les couleurs risquent de ne pas ressortir et ne servent pas votre visuel. De plus, lorsque vous les redimensionnez, ils peuvent vite se d\u00e9former.<\/p>\n<blockquote><p>Attention&nbsp;: N&#8217;utilisez pas les d\u00e9grad\u00e9s sur des trop petites surfaces.<\/p><\/blockquote>\n<p>En revanche, sur des illustrations isom\u00e9triques et pleines, c&#8217;est une excellente id\u00e9e pour donner du relief et un effet 3D.<\/p>\n<figure id=\"attachment_11905\" aria-describedby=\"caption-attachment-11905\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-11905 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/degrade-illustration.png\" alt=\"D\u00e9grad\u00e9 ilustration\" width=\"700\" height=\"525\" \/><figcaption id=\"caption-attachment-11905\" class=\"wp-caption-text\">Illustration r\u00e9alis\u00e9e par <a href=\"https:\/\/dribbble.com\/shots\/6492418-Avengers-Helicarrier\" target=\"_blank\" rel=\"noopener noreferrer\">Roman Kl\u010do<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>7. Utiliser les d\u00e9grad\u00e9s pour les impressions<\/h2>\n<p>Autant les d\u00e9grad\u00e9s cr\u00e9ent de superbes effets sur un \u00e9cran, autant ils peuvent s&#8217;av\u00e9rer catastrophiques en print.<\/p>\n<p>En effet, les nuances et subtilit\u00e9s du passage d&#8217;une couleur \u00e0 l&#8217;autre n\u00e9cessitent une densit\u00e9 de pixels importante. \u00c0 l&#8217;impression, des bandes peuvent appara\u00eetre et cr\u00e9er des d\u00e9calages dans votre d\u00e9grad\u00e9. Tout l&#8217;effet du gradient est alors d\u00e9t\u00e9rior\u00e9.<\/p>\n<p>Si votre marque utilise beaucoup de supports papier, nous d\u00e9conseillons l&#8217;usage des d\u00e9grad\u00e9s sur le logo. Vous pourrez toujours utiliser l&#8217;effet sur le site en background.<\/p>\n<p>&nbsp;<\/p>\n<h2>8. G\u00eaner la lisibilit\u00e9<\/h2>\n<p>En UI, le mot d&#8217;ordre est de faciliter l&#8217;usage et la lisibilit\u00e9 de votre site ou application. Le visuel doit donc servir l&#8217;utilisateur au lieu de l&#8217;handicaper. Si vous placez des d\u00e9grad\u00e9s sous des paragraphes de texte ou m\u00eame dans un footer, vous pouvez g\u00eaner la lisibilit\u00e9 du texte.<\/p>\n<p>Concernant le header, il y a plusieurs \u00e9coles. Les puristes diront que le menu doit \u00eatre sur un fond flat pour <a href=\"https:\/\/graphiste.com\/blog\/meilleure-navigation-site-web\" target=\"_blank\" rel=\"noopener noreferrer\">une meilleure navigation<\/a>. Pour un site \u00e9v\u00e9nementiel ou si votre menu est relativement simple, vous pouvez vous permettre d&#8217;inclure votre header dans le gradient.<\/p>\n<p>&nbsp;<\/p>\n<p>Les d\u00e9grad\u00e9s de couleurs ont encore de beaux jours devant eux, mais pour \u00e9pargner les yeux de vos visiteurs, tentez de respecter quelques bonnes pratiques lorsque vous les utiliserez en graphisme et webdesign.<\/p>\n<blockquote><p>Lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/outils-degrades-de-couleur\" target=\"_blank\" rel=\"noopener noreferrer\">5 outils pour trouver de superbes d\u00e9grad\u00e9s de couleur<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>C&#8217;est une des grandes tendances du webdesign en 2020, les d\u00e9grad\u00e9s s&#8217;installent durablement. On les retrouve sur les sliders, dans les logos, les fonds d&#8217;affiches et m\u00eame les boutons d&#8217;action. Toutefois, lorsqu&#8217;il s&#8217;agit de m\u00e9langer des couleurs, il est vite possible de faire un faux pas. Et tout l&#8217;effet dynamique se transformera un peu en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11908,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[104],"tags":[69],"class_list":["post-11899","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-colorimetrie","tag-graphisme"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"C&#039;est une des grandes tendances du webdesign en 2020, les d\u00e9grad\u00e9s s&#039;installent durablement. On les retrouve sur les sliders, dans les logos, les fonds\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"C&#039;est une des grandes tendances du webdesign en 2020, les d\u00e9grad\u00e9s s&#039;installent durablement. On les retrouve sur les sliders, dans les logos, les fonds\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-17T08:30:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:19:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre\",\"datePublished\":\"2019-07-17T08:30:36+00:00\",\"dateModified\":\"2025-08-20T15:19:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/\"},\"wordCount\":930,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg\",\"keywords\":[\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Colorim\u00e9trie\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/\",\"url\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/\",\"name\":\"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg\",\"datePublished\":\"2019-07-17T08:30:36+00:00\",\"dateModified\":\"2025-08-20T15:19:26+00:00\",\"description\":\"C'est une des grandes tendances du webdesign en 2020, les d\u00e9grad\u00e9s s'installent durablement. On les retrouve sur les sliders, dans les logos, les fonds\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"Erreurs d\u00e9grad\u00e9s de couleurs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Branding\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Colorim\u00e9trie\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/colorimetrie\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre - Graphiste Blog","description":"C'est une des grandes tendances du webdesign en 2020, les d\u00e9grad\u00e9s s'installent durablement. On les retrouve sur les sliders, dans les logos, les fonds","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/","og_locale":"fr_FR","og_type":"article","og_title":"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre - Graphiste Blog","og_description":"C'est une des grandes tendances du webdesign en 2020, les d\u00e9grad\u00e9s s'installent durablement. On les retrouve sur les sliders, dans les logos, les fonds","og_url":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-07-17T08:30:36+00:00","article_modified_time":"2025-08-20T15:19:26+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre","datePublished":"2019-07-17T08:30:36+00:00","dateModified":"2025-08-20T15:19:26+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/"},"wordCount":930,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg","keywords":["Tout savoir sur le Graphisme"],"articleSection":["Colorim\u00e9trie"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/","url":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/","name":"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg","datePublished":"2019-07-17T08:30:36+00:00","dateModified":"2025-08-20T15:19:26+00:00","description":"C'est une des grandes tendances du webdesign en 2020, les d\u00e9grad\u00e9s s'installent durablement. On les retrouve sur les sliders, dans les logos, les fonds","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/erreurs-degrades-1.jpg","width":850,"height":423,"caption":"Erreurs d\u00e9grad\u00e9s de couleurs"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/degrades-erreurs-ne-pas-faire\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Branding","item":"https:\/\/graphiste.com\/blog\/branding\/"},{"@type":"ListItem","position":3,"name":"Colorim\u00e9trie","item":"https:\/\/graphiste.com\/blog\/branding\/colorimetrie\/"},{"@type":"ListItem","position":4,"name":"D\u00e9grad\u00e9s de couleurs\u00a0: 8 erreurs \u00e0 ne pas commettre"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/11899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=11899"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/11899\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/11908"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=11899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=11899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=11899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}