{"id":41018,"date":"2021-06-29T10:46:10","date_gmt":"2021-06-29T08:46:10","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/elementor-academy-temas\/couleurs-globales-polices-globales-et-styles-de-themes-dans-elementor\/"},"modified":"2023-08-29T17:57:02","modified_gmt":"2023-08-29T15:57:02","slug":"couleurs-globales-polices-globales-et-styles-de-themes-dans-elementor","status":"publish","type":"elementor-adedemy","link":"https:\/\/lacolmenatecnologica.com\/fr\/elementor-academy-temas\/couleurs-globales-polices-globales-et-styles-de-themes-dans-elementor\/","title":{"rendered":"Couleurs globales, polices globales et styles de th\u00e8mes dans Elementor"},"content":{"rendered":"\n<ul class=\"wp-block-advgb-summary advgb-toc alignnone\"><li class=\"toc-level-1\"><a href=\"#colores-globales-0cbb8ef2-9815-4ade-beef-aa482c39df37\">Couleurs globales<\/a><\/li><li class=\"toc-level-1\"><a href=\"#global-57b5cb54-aeec-4736-b687-d4ef2bba467d\">Mondial<\/a><\/li><li class=\"toc-level-2\"><a href=\"#nuevos-colores-globales-1b835ea9-00bf-42f4-abdf-bbd9f01dcd0b\">Nouvelles couleurs mondiales<\/a><\/li><li class=\"toc-level-2\"><a href=\"#colores-personalizados-en-linea-a5b54e4d-9204-4ba2-a965-47932c988a2f\">Couleurs personnalis\u00e9es en ligne<\/a><\/li><li class=\"toc-level-1\"><a href=\"#sistema-de-colores-hexadecimal-3d86b3de-d2b5-4a1a-b88f-c603c7157447\">Syst\u00e8me de couleurs hexad\u00e9cimal<\/a><\/li><li class=\"toc-level-1\"><a href=\"#enlaces-de-interes-3e2d43e7-82ee-47a4-ade0-f9d954b1753a\">Liens utiles<\/a><\/li><\/ul>\n<p>Cr\u00e9ez votre propre syst\u00e8me de conception avec des couleurs globales et des styles de texte qui peuvent \u00eatre facilement attribu\u00e9s aux \u00e9l\u00e9ments de votre site.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"colores-globales-0cbb8ef2-9815-4ade-beef-aa482c39df37\">Couleurs globales<\/h2>\n\n<p>D\u00e9finissez des couleurs globales pr\u00e9d\u00e9finies (couleurs primaires, secondaires, de texte et d&#8217;accent), des couleurs personnalis\u00e9es en ligne ou cr\u00e9ez de nouvelles couleurs globales \u00e0 partir des <em>param\u00e8tres<\/em> globaux d&#8217;Elementor.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"global-57b5cb54-aeec-4736-b687-d4ef2bba467d\">Mondial<\/h2>\n\n<p><strong>Couleurs globales pr\u00e9d\u00e9finies<\/strong><\/p>\n\n<p>Par d\u00e9faut, les couleurs pr\u00e9d\u00e9finies<em>(primaire<\/em>, <em>secondaire<\/em>,<em>texte<\/em> et <em>accent<\/em>) sont pr\u00e9-remplies \u00e0 partir du CSS de votre th\u00e8me. Modifiez-les ici pour remplacer les param\u00e8tres de votre th\u00e8me. Quels sont les \u00e9l\u00e9ments concern\u00e9s par la palette de couleurs par d\u00e9faut :<\/p>\n\n<ul class=\"wp-block-list\"><li>Les <strong>couleurs primaires<\/strong> sont utilis\u00e9es pour les <em>titres<\/em> et les <em>ic\u00f4nes<\/em>.<\/li><li>Les <strong>couleurs secondaires<\/strong> sont utilis\u00e9es pour les <em>arri\u00e8re-plans des \u00e9l\u00e9ments de la liste<\/em>, les <em>sous-titres<\/em>, les <em>titres anim\u00e9s<\/em> et les <em>tableaux de prix<\/em>.<\/li><li>Les <strong>couleurs de texte<\/strong> sont utilis\u00e9es pour les <em>paragraphes<\/em> et les <em>\u00e9l\u00e9ments de menu<\/em>.<\/li><li>Les <strong>couleurs d&#8217;accentuation<\/strong> sont utilis\u00e9es pour les <em>liens<\/em>, les <em>arri\u00e8re-plans des boutons<\/em>, les <em>en-t\u00eates d&#8217;onglets et d&#8217;accord\u00e9ons<\/em> et les <em>badges<\/em>.<\/li><\/ul>\n<p>Chacune des couleurs sera utilis\u00e9e dans plusieurs widgets de la m\u00eame mani\u00e8re que dans les exemples ci-dessus. Quelques exemples de couleurs sont pr\u00e9sent\u00e9s ci-dessous pour aider \u00e0 visualiser les domaines dans lesquels chaque couleur est utilis\u00e9e.<\/p>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"nuevos-colores-globales-1b835ea9-00bf-42f4-abdf-bbd9f01dcd0b\">Nouvelles couleurs mondiales<\/h3>\n\n<p>En plus des 4 couleurs globales pr\u00e9d\u00e9finies (primaire, secondaire, texte et accent), vous pouvez ajouter n&#8217;importe quelle couleur \u00e0 la palette globale, pour l&#8217;utiliser dans n&#8217;importe quelle option de couleur d&#8217;Elementor.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"colores-personalizados-en-linea-a5b54e4d-9204-4ba2-a965-47932c988a2f\">Couleurs personnalis\u00e9es en ligne<\/h3>\n\n<p>Vous pouvez \u00e9galement s\u00e9lectionner une couleur personnalis\u00e9e \u00e0 utiliser en ligne sans l&#8217;ajouter \u00e0 la palette de couleurs globale.<\/p>\n\n<p>\u00c0 partir de n&#8217;importe quelle page ou message Elementor, cliquez sur le <strong>menu hamburger<\/strong> dans le coin sup\u00e9rieur gauche du panneau des widgets, puis cliquez sur <em>Site Settings &gt; <\/em>dans la section <em>SYSTEM DESIGN &gt; <\/em>cliquez sur <em>Global Colours<\/em>.<\/p>\n\n<ol class=\"wp-block-list\"><li><strong>Modifier la couleur<\/strong>: cliquez sur l&#8217;<strong>\u00e9chantillon de couleur<\/strong> pour s\u00e9lectionner une nouvelle couleur pour une couleur existante. Les noms peuvent \u00e9galement \u00eatre modifi\u00e9s. Cliquez sur le <strong>nom de la couleur<\/strong> pour modifier le nom. Par exemple, vous pouvez remplacer Main par Titles, Accent par Highlight, etc.<\/li><li><strong>Ajouter une couleur<\/strong>: cliquez sur le <strong>bouton Ajouter une couleur<\/strong> pour ajouter une nouvelle couleur globale ou une couleur personnalis\u00e9e en ligne.<\/li><li><strong>Supprimer une couleur<\/strong>: placez le curseur sur l&#8217;\u00e9chantillon de couleur et cliquez sur l&#8217;<strong>ic\u00f4ne de la<\/strong> <strong>corbeille<\/strong> qui appara\u00eet.<\/li><\/ol>\n<h2 class=\"wp-block-heading\" id=\"sistema-de-colores-hexadecimal-3d86b3de-d2b5-4a1a-b88f-c603c7157447\">Syst\u00e8me de couleurs hexad\u00e9cimal<\/h2>\n\n<p>En HTML, le code Hex ou hexad\u00e9cimal est utilis\u00e9 pour d\u00e9finir les couleurs. Pour mieux comprendre comment ce code est transcrit, regardons ce graphique :<\/p>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-Hex.png?strip=all&quality=92&webp=92&avif=92&w=2560\"><img decoding=\"async\" width=\"350\" height=\"105\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-Hex.png?strip=all&quality=92&webp=92&avif=92\" alt=\"Couleurs hexagonales\" class=\"wp-image-15951\" srcset=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-Hex.png?strip=all&amp;quality=92&amp;webp=92&amp;avif=92 350w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-Hex-300x90.png?strip=all&amp;quality=92&amp;webp=92&amp;avif=92 300w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-Hex.png?strip=all&amp;quality=92&amp;webp=92&amp;avif=92&amp;w=70 70w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-Hex.png?strip=all&amp;quality=92&amp;webp=92&amp;avif=92&amp;w=140 140w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-Hex.png?strip=all&amp;quality=92&amp;webp=92&amp;avif=92&amp;w=210 210w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/figure><\/div>\n\n<p>Comme on peut le voir sur l&#8217;image suivie du symbole num\u00e9rique ou de la marque de hachage  <strong>#<\/strong>  Les codes hexad\u00e9cimaux qui d\u00e9finissent une couleur comportent 6 chiffres suppl\u00e9mentaires qui d\u00e9finissent une couleur.  <strong>RVB<\/strong>  (Rouge Vert Bleu ou Rouge Vert Bleu) toutes les couleurs du spectre sont constitu\u00e9es d&#8217;un m\u00e9lange de ces trois couleurs de base. Dans le code hexad\u00e9cimal, les deux premiers chiffres correspondent \u00e0 la couleur <strong>rouge<\/strong>, les deux du milieu \u00e0 la couleur <strong>verte<\/strong> et les deux derniers \u00e0 la couleur <strong>bleue<\/strong>. <\/p>\n\n<p>Imaginez que vous ayez trois pots de peinture, un rouge, un vert et un bleu, et que vous m\u00e9langiez ces couleurs dans un r\u00e9cipient en ajoutant une certaine quantit\u00e9 de chacune d&#8217;elles, le r\u00e9sultat sera une certaine couleur. Eh bien, dans ce cas, c&#8217;est exactement la m\u00eame chose, en fonction de la quantit\u00e9 de chaque couleur que nous ajoutons, nous obtiendrons une couleur sp\u00e9cifique.<\/p>\n\n<p>Jusqu&#8217;ici tout va bien, mais &#8230; dans les codes Hex, il n&#8217;y a pas seulement des chiffres, mais aussi des lettres, voyons pourquoi. Nous avons l&#8217;habitude de travailler avec le syst\u00e8me d\u00e9cimal, c&#8217;est-\u00e0-dire avec une base de 10 chiffres (0, 1, 2, 3, 4, 5, 6, 7, 8 et 9) en utilisant ces chiffres pour composer n&#8217;importe quelle quantit\u00e9 num\u00e9rique. Dans le cas des codes de couleur hexagonaux, nous travaillons avec une base hexad\u00e9cimale, c&#8217;est-\u00e0-dire qu&#8217;au lieu de 10, nous utilisons 16 chiffres (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E et F).<\/p>\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores.jpg?strip=all&quality=92&webp=92&avif=92&w=2560\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores.jpg?strip=all&quality=92&webp=92&avif=92\" alt=\"\" class=\"wp-image-15956\" width=\"506\" height=\"363\" srcset=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores.jpg?strip=all&amp;quality=92&amp;webp=92&amp;avif=92 674w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores-300x215.jpg?strip=all&amp;quality=92&amp;webp=92&amp;avif=92 300w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores-400x287.jpg?strip=all&amp;quality=92&amp;webp=92&amp;avif=92 400w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores.jpg?strip=all&amp;quality=92&amp;webp=92&amp;avif=92&amp;w=134 134w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores.jpg?strip=all&amp;quality=92&amp;webp=92&amp;avif=92&amp;w=539 539w, https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/07\/paleta-de-colores.jpg?strip=all&amp;quality=92&amp;webp=92&amp;avif=92&amp;w=450 450w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/a><figcaption>Palette de couleurs Photoshop<\/figcaption><\/figure><\/div>\n\n<p>En utilisant seulement deux chiffres, la plus petite valeur hexad\u00e9cimale est <strong>00<\/strong> (\u00e9quivalent d\u00e9cimal \u00e0 0) et la plus grande <strong>FF<\/strong> (\u00e9quivalent d\u00e9cimal \u00e0 255), c&#8217;est-\u00e0-dire que nous pouvons ajouter au m\u00e9lange de chaque couleur entre 0 et 255. Voyons quelques exemples repr\u00e9sent\u00e9s sous forme hexad\u00e9cimale :<\/p>\n\n<ul class=\"wp-block-list\"><li><span class=\"has-inline-color has-black-color\">\n  <strong>#000000<\/strong>\n<\/span> (Noir : en d\u00e9cimal 0 unit\u00e9 de rouge, 0 de vert et 0 de bleu)<\/li><li><strong>\n  <span class=\"has-inline-color has-white-color\">#FFFFFFFF<\/span>\n<\/strong> (Blanc : en d\u00e9cimal 255 unit\u00e9s de rouge, 255 unit\u00e9s de vert et 255 unit\u00e9s de bleu)<\/li><li><span style=\"color:#ff0000\" class=\"has-inline-color\">\n  <strong>#FF0000<\/strong>\n<\/span> (Rouge : en d\u00e9cimal 255 unit\u00e9s de rouge, 0 de vert, 0 de bleu)<\/li><li><strong>\n  <span style=\"color:#00fa1f\" class=\"has-inline-color\">#00FF00<\/span>\n<\/strong> (Vert : en d\u00e9cimal 0 unit\u00e9 de rouge, 255 unit\u00e9s de vert et 0 unit\u00e9 de bleu)<\/li><li><strong>\n  <span style=\"color:#0000ff\" class=\"has-inline-color\">#0000FF<\/span>\n<\/strong> (Bleu : en d\u00e9cimal 0 unit\u00e9 de rouge, 0 de vert et 255 de bleu)<\/li><li><strong>\n  <span style=\"color:#999999\" class=\"has-inline-color\">#999999<\/span>\n<\/strong> (Gris : en d\u00e9cimal 153 unit\u00e9s de rouge, 153 de vert et 153 de bleu)<\/li><\/ul>\n<p>Avec ce syst\u00e8me, un ordinateur de 24 bits peut reproduire jusqu&#8217;\u00e0 16 777 216 couleurs diff\u00e9rentes, ce qui est largement suffisant si l&#8217;on consid\u00e8re que l&#8217;\u0153il humain ne peut distinguer que 10 millions de couleurs.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"enlaces-de-interes-3e2d43e7-82ee-47a4-ade0-f9d954b1753a\">Liens utiles<\/h2>\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/unayta.es\/teoria-del-color\/\" target=\"_blank\" rel=\"noreferrer noopener\">Th\u00e9orie de la couleur : Guide de base de la couleur<\/a><\/li><li>Extension de navigateur permettant de capturer la couleur hexagonale de n&#8217;importe quelle partie d&#8217;une page web :<ul><li><a href=\"https:\/\/addons.mozilla.org\/es\/firefox\/addon\/colorzilla\/\" target=\"_blank\" rel=\"noreferrer noopener\">Colorzilla : Obtenir l&#8217;extension pour Firefox<\/a><\/li><li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/colorzilla\/bhlhnicpbhignbdhedgjhgdocnmhomnp\" target=\"_blank\" rel=\"noreferrer noopener\">Colorzilla : Obtenir l&#8217;extension pour Google Chrome<\/a><\/li><li><a href=\"https:\/\/apps.apple.com\/co\/app\/colorzilla-a-color-picker\/id1201207838\" target=\"_blank\" rel=\"noreferrer noopener\">Colorzilla : Obtenir l&#8217;extension Mac<\/a><\/li><\/ul><\/li><\/ul>\n<p><\/p>\n","protected":false},"featured_media":30721,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"class_list":["post-41018","elementor-adedemy","type-elementor-adedemy","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-globales-Fuentes-globales-y-Estilos-del-tema-en-Elementor.jpg?strip=all&quality=92&webp=92&avif=92",1901,948,false],"thumbnail":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-globales-Fuentes-globales-y-Estilos-del-tema-en-Elementor-150x150.jpg?strip=all&quality=92&webp=92&avif=92",150,150,true],"medium":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-globales-Fuentes-globales-y-Estilos-del-tema-en-Elementor-300x150.jpg?strip=all&quality=92&webp=92&avif=92",300,150,true],"medium_large":["https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2021\/06\/Colores-globales-Fuentes-globales-y-Estilos-del-tema-en-Elementor-768x383.jpg",768,383,true],"large":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-globales-Fuentes-globales-y-Estilos-del-tema-en-Elementor.jpg?strip=all&quality=92&webp=92&avif=92",1901,948,true],"1536x1536":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-globales-Fuentes-globales-y-Estilos-del-tema-en-Elementor-1536x766.jpg?strip=all&quality=92&webp=92&avif=92",1536,766,true],"2048x2048":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2021\/06\/Colores-globales-Fuentes-globales-y-Estilos-del-tema-en-Elementor.jpg?strip=all&quality=92&webp=92&avif=92",1901,948,true]},"uagb_author_info":{"display_name":"La Colmena Tecnol\u00f3gica","author_link":"https:\/\/lacolmenatecnologica.com\/fr\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Cr\u00e9ez votre propre syst\u00e8me de conception avec des couleurs globales et des styles de texte qui peuvent \u00eatre facilement attribu\u00e9s aux \u00e9l\u00e9ments de votre site. Couleurs globales D\u00e9finissez des couleurs globales pr\u00e9d\u00e9finies (couleurs primaires, secondaires, de texte et d&#8217;accent), des couleurs personnalis\u00e9es en ligne ou cr\u00e9ez de nouvelles couleurs globales \u00e0 partir des param\u00e8tres globaux&hellip;","_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/elementor-adedemy\/41018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/elementor-adedemy"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/types\/elementor-adedemy"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media\/30721"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media?parent=41018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}