CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="fr" dir="ltr"> <head> <meta charset="UTF-8"> <title>Module:Dièse couleur web/Bac à sable — Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"10d8c3da-4bb8-4f54-997d-55540f3cfab6","wgCanonicalNamespace":"Module","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":828,"wgPageName":"Module:Dièse_couleur_web/Bac_à_sable","wgTitle":"Dièse couleur web/Bac à sable","wgCurRevisionId":210414165,"wgRevisionId":210414165,"wgArticleId":16024518,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Bac à sable de module"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"Scribunto","wgRelevantPageName":"Module:Dièse_couleur_web/Bac_à_sable","wgRelevantArticleId":16024518,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true, "wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":1000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready", "ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Module:Dièse couleur web/Bac à sable — Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fr.m.wikipedia.org/wiki/Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable"> <link rel="alternate" type="application/x-wiki" title="Modifier" href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="alternate" type="application/atom+xml" title="Flux Atom de Wikipédia" href="/w/index.php?title=Sp%C3%A9cial:Modifications_r%C3%A9centes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-828 ns-subject mw-editable page-Module_Dièse_couleur_web_Bac_à_sable rootpage-Module_Dièse_couleur_web skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Aller au contenu</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">masquer</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_principal" title="Accueil général [z]" accesskey="z"><span>Accueil</span></a></li><li id="n-thema" class="mw-list-item"><a href="/wiki/Portail:Accueil"><span>Portails thématiques</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Page_au_hasard" title="Affiche un article au hasard [x]" accesskey="x"><span>Article au hasard</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Contact"><span>Contact</span></a></li> </ul> </div> </div> <div id="p-Contribuer" class="vector-menu mw-portlet mw-portlet-Contribuer" > <div class="vector-menu-heading"> Contribuer </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutwp" class="mw-list-item"><a href="/wiki/Aide:D%C3%A9buter"><span>Débuter sur Wikipédia</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aide:Accueil" title="Accès à l’aide"><span>Aide</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="À propos du projet, ce que vous pouvez faire, où trouver les informations"><span>Communauté</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Modifications_r%C3%A9centes" title="Liste des modifications récentes sur le wiki [r]" accesskey="r"><span>Modifications récentes</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikip%C3%A9dia:Accueil_principal" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="l'encyclopédie libre" src="/static/images/mobile/copyright/wikipedia-tagline-fr.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Sp%C3%A9cial:Recherche" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Rechercher sur Wikipédia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Rechercher</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Spécial:Recherche"> </div> <button class="cdx-button cdx-search-input__end-button">Rechercher</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Outils personnels"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifier l'apparence de la taille, de la largeur et de la couleur de la police de la page" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apparence" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apparence</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr" class=""><span>Faire un don</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Module%3ADi%C3%A8se+couleur+web%2FBac+%C3%A0+sable" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire." class=""><span>Créer un compte</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Module%3ADi%C3%A8se+couleur+web%2FBac+%C3%A0+sable" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o" class=""><span>Se connecter</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Plus d’options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Outils personnels" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Outils personnels</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utilisateur" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr"><span>Faire un don</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Module%3ADi%C3%A8se+couleur+web%2FBac+%C3%A0+sable" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Créer un compte</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Module%3ADi%C3%A8se+couleur+web%2FBac+%C3%A0+sable" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Se connecter</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages pour les contributeurs déconnectés <a href="/wiki/Aide:Premiers_pas" aria-label="En savoir plus sur la contribution"><span>en savoir plus</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_contributions" title="Une liste des modifications effectuées depuis cette adresse IP [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_discussions" title="La page de discussion pour les contributions depuis cette adresse IP [n]" accesskey="n"><span>Discussion</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Sommaire" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Sommaire</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">masquer</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Début</div> </a> </li> <li id="toc-Utilisation" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Utilisation"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Utilisation</span> </div> </a> <button aria-controls="toc-Utilisation-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Utilisation</span> </button> <ul id="toc-Utilisation-sublist" class="vector-toc-list"> <li id="toc-Fonctions_exportables" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Fonctions_exportables"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1</span> <span>Fonctions exportables</span> </div> </a> <ul id="toc-Fonctions_exportables-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Modules_externes_et_autres_éléments_dont_ce_module_a_besoin_pour_fonctionner" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Modules_externes_et_autres_éléments_dont_ce_module_a_besoin_pour_fonctionner"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.2</span> <span>Modules externes et autres éléments dont ce module a besoin pour fonctionner</span> </div> </a> <ul id="toc-Modules_externes_et_autres_éléments_dont_ce_module_a_besoin_pour_fonctionner-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Modèles_appelant_directement_ce_module" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Modèles_appelant_directement_ce_module"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3</span> <span>Modèles appelant directement ce module</span> </div> </a> <ul id="toc-Modèles_appelant_directement_ce_module-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Modules_lua_utilisant_ce_module" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Modules_lua_utilisant_ce_module"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.4</span> <span>Modules lua utilisant ce module</span> </div> </a> <ul id="toc-Modules_lua_utilisant_ce_module-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Exemples" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Exemples"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Exemples</span> </div> </a> <button aria-controls="toc-Exemples-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Exemples</span> </button> <ul id="toc-Exemples-sublist" class="vector-toc-list"> <li id="toc-Appel_depuis_un_modèle" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Appel_depuis_un_modèle"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Appel depuis un modèle</span> </div> </a> <ul id="toc-Appel_depuis_un_modèle-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Appel_depuis_un_module" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Appel_depuis_un_module"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>Appel depuis un module</span> </div> </a> <ul id="toc-Appel_depuis_un_module-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Sommaire" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Basculer la table des matières" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Basculer la table des matières</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Module</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Dièse couleur web/Bac à sable</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Cet article n’existe que dans cette langue. Ajouter l’article pour d’autres langues." > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-0" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">Ajouter des langues</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><span class="uls-after-portlet-link"></span><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=frwiki&page=Module%3ADi%C3%A8se+couleur+web%2FBac+%C3%A0+sable" title="Ajouter des liens interlangues" class="wbc-editpage">Ajouter des liens</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espaces de noms"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-module" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable" title="Afficher la page du module [c]" accesskey="c"><span>Module</span></a></li><li id="ca-talk" class="new vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Discussion_module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=edit&redlink=1" rel="discussion" class="new" title="Discussion au sujet de cette page de contenu (page inexistante) [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Modifier la variante de langue" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Affichages"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable"><span>Lire</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=history" title="Historique des versions de cette page [h]" accesskey="h"><span>Voir l’historique</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Outils" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Outils</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Outils</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">masquer</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Plus d’options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable"><span>Lire</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=history"><span>Voir l’historique</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Général </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_li%C3%A9es/Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable" title="Liste des pages liées qui pointent sur celle-ci [j]" accesskey="j"><span>Pages liées</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Suivi_des_liens/Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable" rel="nofollow" title="Liste des modifications récentes des pages appelées par celle-ci [k]" accesskey="k"><span>Suivi des pages liées</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Aide:Importer_un_fichier" title="Téléverser des fichiers [u]" accesskey="u"><span>Téléverser un fichier</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_sp%C3%A9ciales" title="Liste de toutes les pages spéciales [q]" accesskey="q"><span>Pages spéciales</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&oldid=210414165" title="Adresse permanente de cette version de cette page"><span>Lien permanent</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=info" title="Davantage d’informations sur cette page"><span>Informations sur la page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:UrlShortener&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FModule%3ADi%25C3%25A8se_couleur_web%2FBac_%25C3%25A0_sable"><span>Obtenir l'URL raccourcie</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:QrCode&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FModule%3ADi%25C3%25A8se_couleur_web%2FBac_%25C3%25A0_sable"><span>Télécharger le code QR</span></a></li> </ul> </div> </div> <div id="p-electronpdfservice-sidebar-portlet-heading" class="vector-menu mw-portlet mw-portlet-electronpdfservice-sidebar-portlet-heading" > <div class="vector-menu-heading"> Imprimer / exporter </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="electron-print_pdf" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:DownloadAsPdf&page=Module%3ADi%C3%A8se_couleur_web%2FBac_%C3%A0_sable&action=show-download-screen"><span>Télécharger en PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Version imprimable de cette page [p]" accesskey="p"><span>Version imprimable</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet" > <div class="vector-menu-heading"> Dans d’autres projets </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apparence</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">masquer</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Une page de Wikipédia, l'encyclopédie libre.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><div class="subpages">< <bdi dir="ltr"><a href="/wiki/Module:Di%C3%A8se_couleur_web" title="Module:Dièse couleur web">Module:Dièse couleur web</a></bdi></div></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><p><style data-mw-deduplicate="TemplateStyles:r216914249">.mw-parser-output .documentation-modele{background-color:#ecfcf4}.mw-parser-output .documentation-module{background-color:#ecf0fc}.mw-parser-output .documentation-icone::before{content:url("//upload.wikimedia.org/wikipedia/commons/thumb/3/35/OOjs_UI_icon-inspired_wikiTemplateInfo.svg/40px-OOjs_UI_icon-inspired_wikiTemplateInfo.svg.png");display:inline-block;vertical-align:middle;margin-right:5px}@media screen{html.skin-theme-clientpref-night .mw-parser-output .documentation-modele{background-color:#242424}html.skin-theme-clientpref-night .mw-parser-output .documentation-module{background-color:#242424}html.skin-theme-clientpref-night .mw-parser-output .documentation-icone::before{content:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/OOjs_UI_icon-inspired_wikiTemplateInfo-invert.svg/40px-OOjs_UI_icon-inspired_wikiTemplateInfo-invert.svg.png")}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .documentation-modele{background-color:#242424}html.skin-theme-clientpref-os .mw-parser-output .documentation-module{background-color:#242424}html.skin-theme-clientpref-os .mw-parser-output .documentation-icone::before{content:url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/OOjs_UI_icon-inspired_wikiTemplateInfo-invert.svg/40px-OOjs_UI_icon-inspired_wikiTemplateInfo-invert.svg.png")}}.mw-parser-output .mw-templatedata-doc-desc+p,.mw-parser-output .mw-templatedata-doc-param-name code:first-of-type{font-weight:bold}.mw-parser-output .mw-templatedata-doc-params dl{font-size:85%;margin:0.5em 1em}.mw-parser-output .mw-templatedata-doc-params dt{float:left;clear:both;font-weight:normal;font-style:italic}.mw-parser-output .mw-templatedata-doc-params dt:after{content:"\a0 :\a0 "}.mw-parser-output .mw-templatedata-doc-params dd{float:left;margin:0}.mw-parser-output .mw-templatedata-doc-muted p,.mw-parser-output .mw-templatedata-doc-muted.mw-templatedata-doc-param-type{color:grey}</style> </p> <div style="clear:both"></div><div class="bandeau-container metadata bandeau-simple bandeau-niveau-neutre" style="margin:0.8em 10%;"><div class="bandeau-cell bandeau-icone" style="display:table-cell;padding-right:0.5em"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/Bucket_in_the_sand.svg/45px-Bucket_in_the_sand.svg.png" decoding="async" width="45" height="30" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/Bucket_in_the_sand.svg/68px-Bucket_in_the_sand.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/21/Bucket_in_the_sand.svg/90px-Bucket_in_the_sand.svg.png 2x" data-file-width="572" data-file-height="385" /></span></span></div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em"> <p><b>Ceci est la version bac à sable de <a href="/wiki/Module:Di%C3%A8se_couleur_web" title="Module:Dièse couleur web">Module:Dièse couleur web</a>.</b> </p><p>Cette <a href="/wiki/Wikip%C3%A9dia:Sous-page" title="Wikipédia:Sous-page">sous-page</a> permet de tester des modifications du code sans provoquer de perturbations à grande échelle du modèle de base. </p> </div></div><div class="documentation documentation-module" style="clear:both;margin:1em 0 0 0;border:1px solid #aaa;padding:0.5em 1em 0.8em"><div style="margin-bottom:1em;border-bottom:1px solid #aaa;padding-bottom:3px"><span class="documentation-icone" style="font-weight:bold;font-size:125%;vertical-align:middle"> Documentation</span><span class="mw-editsection-like plainlinks" style="vertical-align:middle">[<a href="/wiki/Module:Di%C3%A8se_couleur_web/Documentation" title="Module:Dièse couleur web/Documentation">voir</a>] [<a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit">modifier</a>] [<a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=history">historique</a>] [<a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=purge">purger</a>]</span></div> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Utilisation">Utilisation</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-1" title="Modifier le code source de la section : Utilisation"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Ce module Lua est utilisé par le modèle <a href="/wiki/Mod%C3%A8le:Di%C3%A8se_couleur_web" title="Modèle:Dièse couleur web">{{Dièse couleur web}}</a>. Il fournit une fonction permettant d'ajouter un éventuel # à un code hexadécimal pour en faire un code hexadécimal de couleur. </p> <div class="mw-heading mw-heading3"><h3 id="Fonctions_exportables">Fonctions exportables</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-2" title="Modifier le code source de la section : Fonctions exportables"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><code>main( frame )</code> – Prend en argument un frame de la forme { couleur, couleur_défaut }. Retourne couleur si couleur est non vide et #couleur si couleur est un code hexadécimal ; si couleur est vide, retourne la même chose pour couleur_défaut.</li> <li><code>couleur( value, echappe )</code> – <code>value</code> est un code hexadécimal ou un nom de couleur, <code>echappe</code> est un booléen valant <code class="mw-highlight mw-highlight-lang-lua mw-content-ltr" dir="ltr"><span class="kc">false</span></code> par défaut. Retourne value si value est non vide et #value si value est un code hexadécimal. Si echappe vaut true, le # est échappé.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Modules_externes_et_autres_éléments_dont_ce_module_a_besoin_pour_fonctionner"><span id="Modules_externes_et_autres_.C3.A9l.C3.A9ments_dont_ce_module_a_besoin_pour_fonctionner"></span>Modules externes et autres éléments dont ce module a besoin pour fonctionner</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-3" title="Modifier le code source de la section : Modules externes et autres éléments dont ce module a besoin pour fonctionner"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><code><a href="https://www.mediawiki.org/wiki/Extension:Scribunto/Lua_reference_manual/fr#mw.text.trim" class="extiw" title="mw:Extension:Scribunto/Lua reference manual/fr">mw.text.trim</a></code> – Enlève les espaces au début et à la fin d'une chaine de caractères.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Modèles_appelant_directement_ce_module"><span id="Mod.C3.A8les_appelant_directement_ce_module"></span>Modèles appelant directement ce module</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-4" title="Modifier le code source de la section : Modèles appelant directement ce module"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Mod%C3%A8le:Di%C3%A8se_couleur_web" title="Modèle:Dièse couleur web">Modèle:Dièse couleur web</a> (utilise <code>main</code>)</li></ul> <div class="mw-heading mw-heading3"><h3 id="Modules_lua_utilisant_ce_module">Modules lua utilisant ce module</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-5" title="Modifier le code source de la section : Modules lua utilisant ce module"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Module:Infobox/Titre" title="Module:Infobox/Titre">Module:Infobox/Titre</a> (utilise <code>couleur</code>)</li></ul> <div class="mw-heading mw-heading2"><h2 id="Exemples">Exemples</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-6" title="Modifier le code source de la section : Exemples"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Appel_depuis_un_modèle"><span id="Appel_depuis_un_mod.C3.A8le"></span>Appel depuis un modèle</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-7" title="Modifier le code source de la section : Appel depuis un modèle"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Dans <a href="/wiki/Mod%C3%A8le:Di%C3%A8se_couleur_web" title="Modèle:Dièse couleur web">Modèle:Dièse couleur web</a>, ce module est appelé par le code : </p> <pre>{{#invoke:Dièse couleur web|main|1={{{1}}}|2={{{2|}}}}}</pre> <div class="mw-heading mw-heading3"><h3 id="Appel_depuis_un_module">Appel depuis un module</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Module:Di%C3%A8se_couleur_web/Documentation&action=edit&section=T-8" title="Modifier le code source de la section : Appel depuis un module"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Dans <a href="/wiki/Module:Infobox/Titre" title="Module:Infobox/Titre">Module:Infobox/Titre</a>, ce module est appelé par le code : </p> <div class="mw-highlight mw-highlight-lang-lua mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">local</span> <span class="n">couleur</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span> <span class="s1">'Module:Dièse couleur web'</span> <span class="p">).</span><span class="n">couleur</span> <span class="kr">return</span> <span class="s1">'background-color:'</span> <span class="o">..</span> <span class="n">couleur</span><span class="p">(</span> <span class="n">background</span> <span class="p">)</span> <span class="o">..</span> <span class="s1">';'</span> <span class="o">..</span> <span class="s1">'color:'</span> <span class="o">..</span> <span class="n">couleur</span><span class="p">(</span> <span class="n">color</span> <span class="p">)</span> <span class="o">..</span> <span class="s1">';'</span> </pre></div> <ul id="bandeau-portail" class="bandeau-portail"><div class="bandeau-portail-element"><div class="liste-horizontale"> <ul><li><span typeof="mw:File"><a href="/wiki/Projet:Scribunto" title="Projet Scribunto"><img alt="Projet Scribunto" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Lua-Logo.svg/24px-Lua-Logo.svg.png" decoding="async" width="24" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Lua-Logo.svg/36px-Lua-Logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Lua-Logo.svg/48px-Lua-Logo.svg.png 2x" data-file-width="947" data-file-height="947" /></a></span> <b><a href="/wiki/Projet:Scribunto" title="Projet:Scribunto">Projet Scribunto</a></b></li></ul> </div></div></ul> <div style="clear:both"></div><div style="border-top:1px solid #aaa;margin:1.5em 0 0"><p class="plainlinks" style="margin-bottom:0;padding-left:1em;font-style:italic">La <a href="/wiki/Aide:Documentation_de_mod%C3%A8le" title="Aide:Documentation de modèle">documentation</a> de ce <a href="/wiki/Aide:Module" title="Aide:Module">module</a> est générée par le modèle <a href="/wiki/Mod%C3%A8le:Documentation_module" title="Modèle:Documentation module">{{Documentation module}}</a>.<br />Elle est <a href="/wiki/Aide:Inclusion" title="Aide:Inclusion">incluse</a> depuis sa <a href="/wiki/Module:Di%C3%A8se_couleur_web/Documentation" title="Module:Dièse couleur web/Documentation">sous-page de documentation</a>. Veuillez placer les catégories sur cette page-là.<br />Les éditeurs peuvent travailler dans le <a class="mw-selflink selflink">bac à sable</a> <span style="font-size:89%;font-style:normal">(<a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&action=edit">modifier</a>)</span>.<br />Voir les <a rel="nofollow" class="external text" href="https://wstat.fr/template/info/Module:Dièse_couleur_web">statistiques d'appel depuis le wikicode</a> sur l'outil <a href="/wiki/Aide:Wstat" title="Aide:Wstat">wstat</a> et les <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Spécial:Recherche&ns828=1&search=insource:%22Module:Dièse+couleur+web%22">appels depuis d'autres modules</a>.</p></div></div> <ul id="bandeau-portail" class="bandeau-portail"><div class="bandeau-portail-element"><div class="liste-horizontale"> <ul><li><span typeof="mw:File"><a href="/wiki/Projet:Scribunto" title="Projet Scribunto"><img alt="Projet Scribunto" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Lua-Logo.svg/24px-Lua-Logo.svg.png" decoding="async" width="24" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Lua-Logo.svg/36px-Lua-Logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Lua-Logo.svg/48px-Lua-Logo.svg.png 2x" data-file-width="947" data-file-height="947" /></a></span> <b><a href="/wiki/Projet:Scribunto" title="Projet:Scribunto">Projet Scribunto</a></b></li></ul> </div></div></ul> <div class="mw-highlight mw-highlight-lang-lua mw-content-ltr mw-highlight-lines" dir="ltr"><pre><span></span><span id="L-1"><a href="#L-1"><span class="linenos" data-line="1"></span></a><span class="kd">local</span> <span class="n">p</span> <span class="o">=</span> <span class="p">{}</span> </span><span id="L-2"><a href="#L-2"><span class="linenos" data-line="2"></span></a> </span><span id="L-3"><a href="#L-3"><span class="linenos" data-line="3"></span></a><span class="kr">function</span> <span class="nc">p</span><span class="p">.</span><span class="nf">couleur</span><span class="p">(</span> <span class="n">value</span><span class="p">,</span> <span class="n">echappe</span> <span class="p">)</span> </span><span id="L-4"><a href="#L-4"><span class="linenos" data-line="4"></span></a> <span class="kr">if</span> <span class="n">echappe</span> <span class="o">==</span> <span class="kc">nil</span> <span class="kr">then</span> </span><span id="L-5"><a href="#L-5"><span class="linenos" data-line="5"></span></a> <span class="n">echappe</span> <span class="o">=</span> <span class="kc">false</span> </span><span id="L-6"><a href="#L-6"><span class="linenos" data-line="6"></span></a> <span class="kr">end</span> </span><span id="L-7"><a href="#L-7"><span class="linenos" data-line="7"></span></a> <span class="kr">if</span> <span class="n">value</span><span class="p">:</span><span class="n">sub</span><span class="p">(</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span> <span class="p">)</span> <span class="o">==</span> <span class="s1">'#'</span> <span class="kr">then</span> </span><span id="L-8"><a href="#L-8"><span class="linenos" data-line="8"></span></a> <span class="c1">-- déjà un code hexadécimal précédé du "#"</span> </span><span id="L-9"><a href="#L-9"><span class="linenos" data-line="9"></span></a> <span class="kr">if</span> <span class="n">echappe</span> <span class="kr">then</span> </span><span id="L-10"><a href="#L-10"><span class="linenos" data-line="10"></span></a> <span class="kr">return</span> <span class="s1">'&#35;'</span> <span class="o">..</span> <span class="n">value</span><span class="p">:</span><span class="n">sub</span><span class="p">(</span> <span class="mi">2</span> <span class="p">)</span> </span><span id="L-11"><a href="#L-11"><span class="linenos" data-line="11"></span></a> <span class="kr">else</span> </span><span id="L-12"><a href="#L-12"><span class="linenos" data-line="12"></span></a> <span class="kr">return</span> <span class="n">value</span> </span><span id="L-13"><a href="#L-13"><span class="linenos" data-line="13"></span></a> <span class="kr">end</span> </span><span id="L-14"><a href="#L-14"><span class="linenos" data-line="14"></span></a> <span class="kr">elseif</span> <span class="p">(</span> <span class="o">#</span><span class="n">value</span> <span class="o">==</span> <span class="mi">6</span> <span class="ow">or</span> <span class="o">#</span><span class="n">value</span> <span class="o">==</span> <span class="mi">3</span> <span class="ow">or</span> <span class="o">#</span><span class="n">value</span> <span class="o">==</span> <span class="mi">8</span> <span class="ow">or</span> <span class="o">#</span><span class="n">value</span> <span class="o">==</span> <span class="mi">4</span> <span class="p">)</span> <span class="ow">and</span> <span class="n">value</span><span class="p">:</span><span class="n">match</span><span class="p">(</span> <span class="s1">'^%x+$'</span> <span class="p">)</span> <span class="kr">then</span> </span><span id="L-15"><a href="#L-15"><span class="linenos" data-line="15"></span></a> <span class="c1">-- code hexadécimal auquel on ajoute le "#" manquant</span> </span><span id="L-16"><a href="#L-16"><span class="linenos" data-line="16"></span></a> <span class="kr">if</span> <span class="n">echappe</span> <span class="kr">then</span> </span><span id="L-17"><a href="#L-17"><span class="linenos" data-line="17"></span></a> <span class="kr">return</span> <span class="s1">'&#35;'</span> <span class="o">..</span> <span class="n">value</span> </span><span id="L-18"><a href="#L-18"><span class="linenos" data-line="18"></span></a> <span class="kr">else</span> </span><span id="L-19"><a href="#L-19"><span class="linenos" data-line="19"></span></a> <span class="kr">return</span> <span class="s1">'#'</span> <span class="o">..</span> <span class="n">value</span> </span><span id="L-20"><a href="#L-20"><span class="linenos" data-line="20"></span></a> <span class="kr">end</span> </span><span id="L-21"><a href="#L-21"><span class="linenos" data-line="21"></span></a> <span class="kr">else</span> </span><span id="L-22"><a href="#L-22"><span class="linenos" data-line="22"></span></a> <span class="c1">-- nom de couleur HTML</span> </span><span id="L-23"><a href="#L-23"><span class="linenos" data-line="23"></span></a> <span class="kr">return</span> <span class="n">value</span> </span><span id="L-24"><a href="#L-24"><span class="linenos" data-line="24"></span></a> <span class="kr">end</span> </span><span id="L-25"><a href="#L-25"><span class="linenos" data-line="25"></span></a><span class="kr">end</span> </span><span id="L-26"><a href="#L-26"><span class="linenos" data-line="26"></span></a> </span><span id="L-27"><a href="#L-27"><span class="linenos" data-line="27"></span></a><span class="kr">function</span> <span class="nc">p</span><span class="p">.</span><span class="nf">main</span><span class="p">(</span> <span class="n">frame</span> <span class="p">)</span> </span><span id="L-28"><a href="#L-28"><span class="linenos" data-line="28"></span></a> <span class="kd">local</span> <span class="n">args</span> <span class="o">=</span> <span class="n">frame</span><span class="p">.</span><span class="n">args</span> </span><span id="L-29"><a href="#L-29"><span class="linenos" data-line="29"></span></a> </span><span id="L-30"><a href="#L-30"><span class="linenos" data-line="30"></span></a> <span class="kd">local</span> <span class="n">value</span> <span class="o">=</span> <span class="n">mw</span><span class="p">.</span><span class="n">text</span><span class="p">.</span><span class="n">trim</span><span class="p">(</span> <span class="n">args</span><span class="p">[</span> <span class="mi">1</span> <span class="p">]</span> <span class="ow">or</span> <span class="s1">''</span> <span class="p">)</span> </span><span id="L-31"><a href="#L-31"><span class="linenos" data-line="31"></span></a> <span class="kr">if</span> <span class="n">value</span> <span class="o">==</span> <span class="s1">''</span> <span class="kr">then</span> </span><span id="L-32"><a href="#L-32"><span class="linenos" data-line="32"></span></a> <span class="n">value</span> <span class="o">=</span> <span class="n">mw</span><span class="p">.</span><span class="n">text</span><span class="p">.</span><span class="n">trim</span><span class="p">(</span> <span class="n">args</span><span class="p">[</span> <span class="mi">2</span> <span class="p">]</span> <span class="ow">or</span> <span class="s1">''</span> <span class="p">)</span> </span><span id="L-33"><a href="#L-33"><span class="linenos" data-line="33"></span></a> <span class="kr">end</span> </span><span id="L-34"><a href="#L-34"><span class="linenos" data-line="34"></span></a> </span><span id="L-35"><a href="#L-35"><span class="linenos" data-line="35"></span></a> <span class="c1">-- paramètre "echappe" à true,</span> </span><span id="L-36"><a href="#L-36"><span class="linenos" data-line="36"></span></a> <span class="c1">-- pour échappement de l'éventuel "#" en début de résultat, en raison de [[phab:T14974]]</span> </span><span id="L-37"><a href="#L-37"><span class="linenos" data-line="37"></span></a> <span class="kr">return</span> <span class="n">p</span><span class="p">.</span><span class="n">couleur</span><span class="p">(</span> <span class="n">value</span><span class="p">,</span> <span class="kc">true</span> <span class="p">)</span> </span><span id="L-38"><a href="#L-38"><span class="linenos" data-line="38"></span></a><span class="kr">end</span> </span><span id="L-39"><a href="#L-39"><span class="linenos" data-line="39"></span></a> </span><span id="L-40"><a href="#L-40"><span class="linenos" data-line="40"></span></a><span class="kr">return</span> <span class="n">p</span> </span></pre></div>   </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ce document provient de « <a dir="ltr" href="https://fr.wikipedia.org/w/index.php?title=Module:Dièse_couleur_web/Bac_à_sable&oldid=210414165">https://fr.wikipedia.org/w/index.php?title=Module:Dièse_couleur_web/Bac_à_sable&oldid=210414165</a> ».</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Cat%C3%A9gorie:Accueil" title="Catégorie:Accueil">Catégorie</a> : <ul><li><a href="/wiki/Cat%C3%A9gorie:Bac_%C3%A0_sable_de_module" title="Catégorie:Bac à sable de module">Bac à sable de module</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> La dernière modification de cette page a été faite le 10 décembre 2023 à 11:10.</li> <li id="footer-info-copyright"><span style="white-space: normal"><a href="/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia" title="Wikipédia:Citation et réutilisation du contenu de Wikipédia">Droit d'auteur</a> : les textes sont disponibles sous <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons attribution, partage dans les mêmes conditions</a> ; d’autres conditions peuvent s’appliquer. Voyez les <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/fr">conditions d’utilisation</a> pour plus de détails, ainsi que les <a href="/wiki/Wikip%C3%A9dia:Cr%C3%A9dits_graphiques" title="Wikipédia:Crédits graphiques">crédits graphiques</a>. <br /> Wikipedia® est une marque déposée de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a href="/wiki/501c" title="501c">501(c)(3)</a> du code fiscal des États-Unis.</span><br /></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux">Avertissements</a></li> <li id="footer-places-contact"><a href="//fr.wikipedia.org/wiki/Wikipédia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-mobileview"><a href="//fr.m.wikipedia.org/w/index.php?title=Module:Di%C3%A8se_couleur_web/Bac_%C3%A0_sable&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Version mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-m825k","wgBackendResponseTime":253,"wgPageParseReport":{"limitreport":{"cputime":"0.064","walltime":"0.094","ppvisitednodes":{"value":397,"limit":1000000},"postexpandincludesize":{"value":28460,"limit":2097152},"templateargumentsize":{"value":903,"limit":2097152},"expansiondepth":{"value":15,"limit":100},"expensivefunctioncount":{"value":3,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":3205,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 71.950 1 -total"," 98.60% 70.939 1 Modèle:Documentation_module"," 94.15% 67.741 1 Modèle:Méta_documentation_de_modèle"," 19.52% 14.043 1 Modèle:Notice"," 17.31% 12.452 1 Modèle:Projet"," 13.80% 9.928 2 Modèle:Projet_Scribunto"," 5.34% 3.840 2 Modèle:Méta_lien_vers_projet"," 4.27% 3.070 2 Modèle:Test_sous-page_documentation"," 2.62% 1.887 1 Modèle:M"," 2.57% 1.848 2 Modèle:Liste_horizontale"]},"scribunto":{"limitreport-timeusage":{"value":"0.022","limit":"10.000"},"limitreport-memusage":{"value":760582,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-f69cdc8f6-m825k","timestamp":"20241124175104","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>