CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-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-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-not-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Module:Color contrast - Wikisource</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-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-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-not-available";var cookie=document.cookie.match(/(?:^|; )sourceswikimwclientpreferences=([^;]+)/);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":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy" ,"wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"6a680bc6-3b44-428f-a7d3-324a2edff0f5","wgCanonicalNamespace":"Module","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":828,"wgPageName":"Module:Color_contrast","wgTitle":"Color contrast","wgCurRevisionId":584033,"wgRevisionId":584033,"wgArticleId":184473,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"Scribunto","wgRelevantPageName":"Module:Color_contrast","wgRelevantArticleId":184473,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikisource","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr", "pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":7000,"prpProofreadPageBookNamespaces":[0],"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"personal","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q18029366","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"]};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.pt":"ready","wikibase.client.init": "ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view","site","mediawiki.page.ready","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","wikibase.client.vector-2022","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=en&modules=ext.pygments%2CwikimediaBadges%7Cext.uls.pt%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=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.16"> <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:Color contrast - Wikisource"> <meta property="og:type" content="website"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//m.wikisource.org/wiki/Module:Color_contrast"> <link rel="alternate" type="application/x-wiki" title="Edit" href="/w/index.php?title=Module:Color_contrast&action=edit"> <link rel="icon" href="/static/favicon/wikisource.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikisource (en)"> <link rel="EditURI" type="application/rsd+xml" href="//wikisource.org/w/api.php?action=rsd"> <link rel="canonical" href="https://wikisource.org/wiki/Module:Color_contrast"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"> <link rel="alternate" type="application/atom+xml" title="Wikisource Atom feed" href="/w/index.php?title=Special:RecentChanges&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_Color_contrast rootpage-Module_Color_contrast skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</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" title="Main menu" > <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="Main menu" > <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" > Main menu </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">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</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" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z">Main Page</a></li><li id="n-scriptorium" class="mw-list-item"><a href="/wiki/Wikisource:Scriptorium">Scriptorium</a></li><li id="n-newspage" class="mw-list-item"><a href="/wiki/Wikisource:News">News</a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Load a random page [x]" accesskey="x">Random page</a></li><li id="n-Random-book" class="mw-list-item"><a href="/wiki/Special:RandomRootpage/Index">Random book</a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Wikisource:Help" title="The place to find out">Help</a></li><li id="n-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages">Special pages</a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikisource.svg" alt="" aria-hidden="true" height="50" width="50"> <img class="mw-logo-wordmark" alt="Wikisource" src="/static/images/mobile/copyright/wikisource-wordmark.svg" style="width: 7.5em; height: 1.0625em;"> </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/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikisource [f]" accesskey="f"> Search </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="Search Wikisource" aria-label="Search Wikisource" autocapitalize="sentences" title="Search Wikisource [f]" accesskey="f" id="searchInput" > </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-uls" class="mw-list-item active user-links-collapsible-item"><a data-mw="interface" href="#" class="uls-trigger cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet"> English</a> </li> </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="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <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="Appearance" > <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" > Appearance </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="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=wikisource.org&uselang=en" class="">Donate</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=Special:CreateAccount&returnto=Module%3AColor+contrast" title="You are encouraged to create an account and log in; however, it is not mandatory" class="">Create account</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=Special:UserLogin&returnto=Module%3AColor+contrast" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o" class="">Log in</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="More 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="Personal tools" > <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" > Personal tools </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <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="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=wikisource.org&uselang=en">Donate</a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Module%3AColor+contrast" title="You are encouraged to create an account and log in; however, it is not mandatory"> Create account</a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Module%3AColor+contrast" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"> Log in</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 for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing">learn more</a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y">Contributions</a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n">Talk</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> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <h1 id="firstHeading" class="firstHeading mw-first-heading">Module:Color contrast</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="Go to an article in another language. Available in 15 languages" > <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-15" aria-hidden="true" > 15 languages </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikisource.org/wiki/%D9%88%D8%AD%D8%AF%D8%A9:Color_contrast" title="وحدة:Color contrast – Arabic" lang="ar" hreflang="ar" data-title="وحدة:Color contrast" data-language-autonym="العربية" data-language-local-name="Arabic" class="interlanguage-link-target">العربية</a></li><li class="interlanguage-link interwiki-ban mw-list-item"><a href="https://ban.wikisource.org/wiki/Modul:Color_contrast" title="Modul:Color contrast – Balinese" lang="ban" hreflang="ban" data-title="Modul:Color contrast" data-language-autonym="Basa Bali" data-language-local-name="Balinese" class="interlanguage-link-target">Basa Bali</a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikisource.org/wiki/%D0%9C%D0%BE%D0%B4%D1%83%D0%BB%D1%8C:%D0%9A%D0%B0%D0%BD%D1%82%D1%80%D0%B0%D1%81%D1%82_%D0%BA%D0%BE%D0%BB%D0%B5%D1%80%D0%B0%D1%9E" title="Модуль:Кантраст колераў – Belarusian" lang="be" hreflang="be" data-title="Модуль:Кантраст колераў" data-language-autonym="Беларуская" data-language-local-name="Belarusian" class="interlanguage-link-target">Беларуская</a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikisource.org/wiki/%E0%A6%AE%E0%A6%A1%E0%A6%BF%E0%A6%89%E0%A6%B2:Color_contrast" title="মডিউল:Color contrast – Bangla" lang="bn" hreflang="bn" data-title="মডিউল:Color contrast" data-language-autonym="বাংলা" data-language-local-name="Bangla" class="interlanguage-link-target">বাংলা</a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikisource.org/wiki/Module:Color_contrast" title="Module:Color contrast – English" lang="en" hreflang="en" data-title="Module:Color contrast" data-language-autonym="English" data-language-local-name="English" class="interlanguage-link-target">English</a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikisource.org/wiki/%E0%A4%AE%E0%A5%89%E0%A4%A1%E0%A5%8D%E0%A4%AF%E0%A5%82%E0%A4%B2:Color_contrast" title="मॉड्यूल:Color contrast – Hindi" lang="hi" hreflang="hi" data-title="मॉड्यूल:Color contrast" data-language-autonym="हिन्दी" data-language-local-name="Hindi" class="interlanguage-link-target">हिन्दी</a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikisource.org/wiki/Modul:Color_contrast" title="Modul:Color contrast – Indonesian" lang="id" hreflang="id" data-title="Modul:Color contrast" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesian" class="interlanguage-link-target">Bahasa Indonesia</a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikisource.org/wiki/%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB:Color_contrast" title="モジュール:Color contrast – Japanese" lang="ja" hreflang="ja" data-title="モジュール:Color contrast" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target">日本語</a></li><li class="interlanguage-link interwiki-jv mw-list-item"><a href="https://jv.wikisource.org/wiki/Modhul:Color_contrast" title="Modhul:Color contrast – Javanese" lang="jv" hreflang="jv" data-title="Modhul:Color contrast" data-language-autonym="Jawa" data-language-local-name="Javanese" class="interlanguage-link-target">Jawa</a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikisource.org/wiki/%EB%AA%A8%EB%93%88:Color_contrast" title="모듈:Color contrast – Korean" lang="ko" hreflang="ko" data-title="모듈:Color contrast" data-language-autonym="한국어" data-language-local-name="Korean" class="interlanguage-link-target">한국어</a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikisource.org/wiki/M%C3%B3dulo:Color_contrast" title="Módulo:Color contrast – Portuguese" lang="pt" hreflang="pt" data-title="Módulo:Color contrast" data-language-autonym="Português" data-language-local-name="Portuguese" class="interlanguage-link-target">Português</a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikisource.org/wiki/Modul:Color_contrast" title="Modul:Color contrast – Romanian" lang="ro" hreflang="ro" data-title="Modul:Color contrast" data-language-autonym="Română" data-language-local-name="Romanian" class="interlanguage-link-target">Română</a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikisource.org/wiki/%D0%9C%D0%BE%D0%B4%D1%83%D0%BB:Color_contrast" title="Модул:Color contrast – Serbian" lang="sr" hreflang="sr" data-title="Модул:Color contrast" data-language-autonym="Српски / srpski" data-language-local-name="Serbian" class="interlanguage-link-target">Српски / srpski</a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikisource.org/wiki/%E0%B8%A1%E0%B8%AD%E0%B8%94%E0%B8%B9%E0%B8%A5:Color_contrast" title="มอดูล:Color contrast – Thai" lang="th" hreflang="th" data-title="มอดูล:Color contrast" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target">ไทย</a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikisource.org/wiki/Mod%C3%BCl:Renk_kar%C5%9F%C4%B1tl%C4%B1%C4%9F%C4%B1" title="Modül:Renk karşıtlığı – Turkish" lang="tr" hreflang="tr" data-title="Modül:Renk karşıtlığı" data-language-autonym="Türkçe" data-language-local-name="Turkish" class="interlanguage-link-target">Türkçe</a></li> </ul> <div class="after-portlet after-portlet-lang"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q18029366#sitelinks-sources" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <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:Color_contrast" title="View the module page [c]" accesskey="c">Module</a></li><li id="ca-talk" class="new vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Module_talk:Color_contrast&action=edit&redlink=1" rel="discussion" class="new" title="Discussion about the content page (page does not exist) [t]" accesskey="t">Discussion</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="Change language variant" > <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" >English </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="Views"> <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:Color_contrast">Read</a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Module:Color_contrast&action=edit" title="Edit this page [e]" accesskey="e">Edit</a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Module:Color_contrast&action=history" title="Past revisions of this page [h]" accesskey="h">View history</a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <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="Tools" > <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" >Tools </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">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More 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:Color_contrast">Read</a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Module:Color_contrast&action=edit" title="Edit this page [e]" accesskey="e">Edit</a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Module:Color_contrast&action=history">View history</a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Module:Color_contrast" title="A list of all wiki pages that link here [j]" accesskey="j">What links here</a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Module:Color_contrast" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Module:Color_contrast&oldid=584033" title="Permanent link to this revision of this page">Permanent link</a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Module:Color_contrast&action=info" title="More information about this page">Page information</a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fwikisource.org%2Fwiki%2FModule%3AColor_contrast">Get shortened URL</a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fwikisource.org%2Fwiki%2FModule%3AColor_contrast">Download QR code</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"> Print/export </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=Special:DownloadAsPdf&page=Module%3AColor_contrast&action=show-download-screen">Download as PDF</a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Printable version of this page [p]" accesskey="p">Printable version</a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Module:Color_contrast" hreflang="en">Wikimedia Commons</a></li><li class="wb-otherproject-link wb-otherproject-meta mw-list-item"><a href="https://meta.wikimedia.org/wiki/Module:Color_contrast" hreflang="en">Meta-Wiki</a></li><li class="wb-otherproject-link wb-otherproject-outreach mw-list-item"><a href="https://outreach.wikimedia.org/wiki/Module:Color_contrast" hreflang="en">Wikimedia Outreach</a></li><li class="wb-otherproject-link wb-otherproject-species mw-list-item"><a href="https://species.wikimedia.org/wiki/Module:Color_contrast" hreflang="en">Wikispecies</a></li><li class="wb-otherproject-link wb-otherproject-wikibooks mw-list-item"><a href="https://en.wikibooks.org/wiki/Module:Color_contrast" hreflang="en">Wikibooks</a></li><li class="wb-otherproject-link wb-otherproject-wikidata mw-list-item"><a href="https://www.wikidata.org/wiki/Module:Color_contrast" hreflang="en">Wikidata</a></li><li class="wb-otherproject-link wb-otherproject-wikifunctions mw-list-item"><a href="https://www.wikifunctions.org/wiki/Module:Color_contrast" hreflang="en">Wikifunctions</a></li><li class="wb-otherproject-link wb-otherproject-wikimania mw-list-item"><a href="https://wikimania.wikimedia.org/wiki/Module:Color_contrast" hreflang="en">Wikimania</a></li><li class="wb-otherproject-link wb-otherproject-wikipedia mw-list-item"><a href="https://en.wikipedia.org/wiki/Module:Color_contrast" hreflang="en">Wikipedia</a></li><li class="wb-otherproject-link wb-otherproject-wikiquote mw-list-item"><a href="https://en.wikiquote.org/wiki/Module:Color_contrast" hreflang="en">Wikiquote</a></li><li class="wb-otherproject-link wb-otherproject-wikisource mw-list-item"><a href="https://en.wikisource.org/wiki/Module:Color_contrast" hreflang="en">Wikisource</a></li><li class="wb-otherproject-link wb-otherproject-wikiversity mw-list-item"><a href="https://en.wikiversity.org/wiki/Module:Color_contrast" hreflang="en">Wikiversity</a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q18029366" title="Link to connected data repository item [g]" accesskey="g">Wikidata item</a></li> </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="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <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">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</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">From Wikisource</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr">Documentation for this module may be created at <a href="/w/index.php?title=Module:Color_contrast/doc&action=edit&redlink=1" class="new" title="Module:Color contrast/doc (page does not exist)">Module:Color contrast/doc</a> <div class="mw-highlight mw-highlight-lang-lua mw-content-ltr mw-highlight-lines" dir="ltr"><pre><a href="#L-1"></a>-- <a href="#L-2"></a>-- This module implements <a href="#L-3"></a>-- {{Color contrast ratio}} <a href="#L-4"></a>-- {{Greater color contrast ratio}} <a href="#L-5"></a>-- {{ColorToLum}} <a href="#L-6"></a>-- {{RGBColorToLum}} <a href="#L-7"></a>-- <a href="#L-8"></a>local p = {} <a href="#L-9"></a>local HTMLcolor = mw.loadData( 'Module:Color contrast/colors' ) <a href="#L-10"></a> <a href="#L-11"></a>local function sRGB ( v ) <a href="#L-12"></a> if (v <= 0.03928) then <a href="#L-13"></a> v = v / 12.92 <a href="#L-14"></a> else <a href="#L-15"></a> v = math.pow((v+0.055)/1.055, 2.4) <a href="#L-16"></a> end <a href="#L-17"></a> return v <a href="#L-18"></a>end <a href="#L-19"></a> <a href="#L-20"></a>local function rgbdec2lum( R, G, B ) <a href="#L-21"></a> if ( 0 <= R and R < 256 and 0 <= G and G < 256 and 0 <= B and B < 256 ) then <a href="#L-22"></a> return 0.2126 * sRGB(R/255) + 0.7152 * sRGB(G/255) + 0.0722 * sRGB(B/255) <a href="#L-23"></a> else <a href="#L-24"></a> return '' <a href="#L-25"></a> end <a href="#L-26"></a>end <a href="#L-27"></a> <a href="#L-28"></a>local function hsl2lum( h, s, l ) <a href="#L-29"></a> if ( 0 <= h and h < 360 and 0 <= s and s <= 1 and 0 <= l and l <= 1 ) then <a href="#L-30"></a> local c = (1 - math.abs(2*l - 1))*s <a href="#L-31"></a> local x = c*(1 - math.abs( math.fmod(h/60, 2) - 1) ) <a href="#L-32"></a> local m = l - c/2 <a href="#L-33"></a> <a href="#L-34"></a> local r, g, b = m, m, m <a href="#L-35"></a> if( 0 <= h and h < 60 ) then <a href="#L-36"></a> r = r + c <a href="#L-37"></a> g = g + x <a href="#L-38"></a> elseif( 60 <= h and h < 120 ) then <a href="#L-39"></a> r = r + x <a href="#L-40"></a> g = g + c <a href="#L-41"></a> elseif( 120 <= h and h < 180 ) then <a href="#L-42"></a> g = g + c <a href="#L-43"></a> b = b + x <a href="#L-44"></a> elseif( 180 <= h and h < 240 ) then <a href="#L-45"></a> g = g + x <a href="#L-46"></a> b = b + c <a href="#L-47"></a> elseif( 240 <= h and h < 300 ) then <a href="#L-48"></a> r = r + x <a href="#L-49"></a> b = b + c <a href="#L-50"></a> elseif( 300 <= h and h < 360 ) then <a href="#L-51"></a> r = r + c <a href="#L-52"></a> b = b + x <a href="#L-53"></a> end <a href="#L-54"></a> return rgbdec2lum(255*r, 255*g, 255*b) <a href="#L-55"></a> else <a href="#L-56"></a> return '' <a href="#L-57"></a> end <a href="#L-58"></a>end <a href="#L-59"></a> <a href="#L-60"></a>local function color2lum( c ) <a href="#L-61"></a> <a href="#L-62"></a> if (c == nil) then <a href="#L-63"></a> return '' <a href="#L-64"></a> end <a href="#L-65"></a> -- whitespace <a href="#L-66"></a> c = c:match( '^%s*(.-)[%s;]*$' ) <a href="#L-67"></a> <a href="#L-68"></a> -- unstrip nowiki strip markers <a href="#L-69"></a> c = mw.text.unstripNoWiki(c) <a href="#L-70"></a> <a href="#L-71"></a> -- lowercase <a href="#L-72"></a> c = c:lower() <a href="#L-73"></a> <a href="#L-74"></a> -- first try to look it up <a href="#L-75"></a> local L = HTMLcolor[c] <a href="#L-76"></a> if (L ~= nil) then <a href="#L-77"></a> return L <a href="#L-78"></a> end <a href="#L-79"></a> <a href="#L-80"></a> -- convert from hsl <a href="#L-81"></a> if mw.ustring.match(c,'^hsl%([%s]*[0-9][0-9%.]*[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*%)$') then <a href="#L-82"></a> local h, s, l = mw.ustring.match(c,'^hsl%([%s]*([0-9][0-9%.]*)[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*%)$') <a href="#L-83"></a> return hsl2lum(tonumber(h), tonumber(s)/100, tonumber(l)/100) <a href="#L-84"></a> end <a href="#L-85"></a> <a href="#L-86"></a> -- convert from rgb <a href="#L-87"></a> if mw.ustring.match(c,'^rgb%([%s]*[0-9][0-9]*[%s]*,[%s]*[0-9][0-9]*[%s]*,[%s]*[0-9][0-9]*[%s]*%)$') then <a href="#L-88"></a> local R, G, B = mw.ustring.match(c,'^rgb%([%s]*([0-9][0-9]*)[%s]*,[%s]*([0-9][0-9]*)[%s]*,[%s]*([0-9][0-9]*)[%s]*%)$') <a href="#L-89"></a> return rgbdec2lum(tonumber(R), tonumber(G), tonumber(B)) <a href="#L-90"></a> end <a href="#L-91"></a> <a href="#L-92"></a> -- convert from rgb percent <a href="#L-93"></a> if mw.ustring.match(c,'^rgb%([%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*%)$') then <a href="#L-94"></a> local R, G, B = mw.ustring.match(c,'^rgb%([%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*%)$') <a href="#L-95"></a> return rgbdec2lum(255*tonumber(R)/100, 255*tonumber(G)/100, 255*tonumber(B)/100) <a href="#L-96"></a> end <a href="#L-97"></a> <a href="#L-98"></a> -- remove leading # (if there is one) and whitespace <a href="#L-99"></a> c = mw.ustring.match(c, '^[%s#]*([a-f0-9]*)[%s]*$') <a href="#L-100"></a> <a href="#L-101"></a> -- split into rgb <a href="#L-102"></a> local cs = mw.text.split(c or '', '') <a href="#L-103"></a> if( #cs == 6 ) then <a href="#L-104"></a> local R = 16*tonumber('0x' .. cs[1]) + tonumber('0x' .. cs[2]) <a href="#L-105"></a> local G = 16*tonumber('0x' .. cs[3]) + tonumber('0x' .. cs[4]) <a href="#L-106"></a> local B = 16*tonumber('0x' .. cs[5]) + tonumber('0x' .. cs[6]) <a href="#L-107"></a> <a href="#L-108"></a> return rgbdec2lum(R, G, B) <a href="#L-109"></a> elseif ( #cs == 3 ) then <a href="#L-110"></a> local R = 16*tonumber('0x' .. cs[1]) + tonumber('0x' .. cs[1]) <a href="#L-111"></a> local G = 16*tonumber('0x' .. cs[2]) + tonumber('0x' .. cs[2]) <a href="#L-112"></a> local B = 16*tonumber('0x' .. cs[3]) + tonumber('0x' .. cs[3]) <a href="#L-113"></a> <a href="#L-114"></a> return rgbdec2lum(R, G, B) <a href="#L-115"></a> end <a href="#L-116"></a> <a href="#L-117"></a> -- failure, return blank <a href="#L-118"></a> return '' <a href="#L-119"></a>end <a href="#L-120"></a> <a href="#L-121"></a>function p._greatercontrast(args) <a href="#L-122"></a> local bias = tonumber(args['bias'] or '0') or 0 <a href="#L-123"></a> local css = (args['css'] and args['css'] ~= '') and true or false <a href="#L-124"></a> local v1 = color2lum(args[1] or '') <a href="#L-125"></a> local c2 = args[2] or '#FFFFFF' <a href="#L-126"></a> local v2 = color2lum(c2) <a href="#L-127"></a> local c3 = args[3] or '#000000' <a href="#L-128"></a> local v3 = color2lum(c3) <a href="#L-129"></a> local ratio1 = -1; <a href="#L-130"></a> local ratio2 = -1; <a href="#L-131"></a> if (type(v1) == 'number' and type(v2) == 'number') then <a href="#L-132"></a> ratio1 = (v2 + 0.05)/(v1 + 0.05) <a href="#L-133"></a> ratio1 = (ratio1 < 1) and 1/ratio1 or ratio1 <a href="#L-134"></a> end <a href="#L-135"></a> if (type(v1) == 'number' and type(v3) == 'number') then <a href="#L-136"></a> ratio2 = (v3 + 0.05)/(v1 + 0.05) <a href="#L-137"></a> ratio2 = (ratio2 < 1) and 1/ratio2 or ratio2 <a href="#L-138"></a> end <a href="#L-139"></a> <a href="#L-140"></a> if css then <a href="#L-141"></a> local c1 = args[1] or '' <a href="#L-142"></a> if mw.ustring.match(c1, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or <a href="#L-143"></a> mw.ustring.match(c1, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then <a href="#L-144"></a> c1 = '#' .. c1 <a href="#L-145"></a> end <a href="#L-146"></a> if mw.ustring.match(c2, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or <a href="#L-147"></a> mw.ustring.match(c2, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then <a href="#L-148"></a> c2 = '#' .. c2 <a href="#L-149"></a> end <a href="#L-150"></a> if mw.ustring.match(v3, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or <a href="#L-151"></a> mw.ustring.match(v3, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then <a href="#L-152"></a> c3 = '#' .. c3 <a href="#L-153"></a> end <a href="#L-154"></a> return 'background-color:' .. c1 .. '; color:' .. ((ratio1 > 0) and (ratio2 > 0) and ((ratio1 + bias > ratio2) and c2 or c3) or '') .. ';' <a href="#L-155"></a> end <a href="#L-156"></a> <a href="#L-157"></a> return (ratio1 > 0) and (ratio2 > 0) and ((ratio1 + bias > ratio2) and c2 or c3) or '' <a href="#L-158"></a>end <a href="#L-159"></a> <a href="#L-160"></a>function p._ratio(args) <a href="#L-161"></a> local v1 = color2lum(args[1]) <a href="#L-162"></a> local v2 = color2lum(args[2]) <a href="#L-163"></a> if (type(v1) == 'number' and type(v2) == 'number') then <a href="#L-164"></a> -- v1 should be the brighter of the two. <a href="#L-165"></a> if v2 > v1 then <a href="#L-166"></a> v1, v2 = v2, v1 <a href="#L-167"></a> end <a href="#L-168"></a> return (v1 + 0.05)/(v2 + 0.05) <a href="#L-169"></a> else <a href="#L-170"></a> return args['error'] or '?' <a href="#L-171"></a> end <a href="#L-172"></a>end <a href="#L-173"></a> <a href="#L-174"></a>function p._styleratio(args) <a href="#L-175"></a> local style = (args[1] or ''):lower() <a href="#L-176"></a> local bg, fg = 'white', 'black' <a href="#L-177"></a> local lum_bg, lum_fg = 1, 0 <a href="#L-178"></a> <a href="#L-179"></a> if args[2] then <a href="#L-180"></a> local lum = color2lum(args[2]) <a href="#L-181"></a> if lum ~= '' then bg, lum_bg = args[2], lum end <a href="#L-182"></a> end <a href="#L-183"></a> if args[3] then <a href="#L-184"></a> local lum = color2lum(args[3]) <a href="#L-185"></a> if lum ~= '' then fg, lum_fg = args[3], lum end <a href="#L-186"></a> end <a href="#L-187"></a> <a href="#L-188"></a> local slist = mw.text.split(mw.ustring.gsub(mw.ustring.gsub(style or '', '&#[Xx]23;', '#'), '&#35;', '#'), ';') <a href="#L-189"></a> for k = 1,#slist do <a href="#L-190"></a> local s = slist[k] <a href="#L-191"></a> local k,v = s:match( '^[%s]*([^:]-):([^:]-)[%s;]*$' ) <a href="#L-192"></a> k = k or '' <a href="#L-193"></a> v = v or '' <a href="#L-194"></a> if (k:match('^[%s]*(background)[%s]*$') or k:match('^[%s]*(background%-color)[%s]*$')) then <a href="#L-195"></a> local lum = color2lum(v) <a href="#L-196"></a> if( lum ~= '' ) then bg, lum_bg = v, lum end <a href="#L-197"></a> elseif (k:match('^[%s]*(color)[%s]*$')) then <a href="#L-198"></a> local lum = color2lum(v) <a href="#L-199"></a> if( lum ~= '' ) then bg, lum_fg = v, lum end <a href="#L-200"></a> end <a href="#L-201"></a> end <a href="#L-202"></a> if lum_bg > lum_fg then <a href="#L-203"></a> return (lum_bg + 0.05)/(lum_fg + 0.05) <a href="#L-204"></a> else <a href="#L-205"></a> return (lum_fg + 0.05)/(lum_bg + 0.05) <a href="#L-206"></a> end <a href="#L-207"></a>end <a href="#L-208"></a> <a href="#L-209"></a>function p.lum(frame) <a href="#L-210"></a> return color2lum(frame.args[1] or frame:getParent().args[1]) <a href="#L-211"></a>end <a href="#L-212"></a> <a href="#L-213"></a>function p.ratio(frame) <a href="#L-214"></a> local args = frame.args[1] and frame.args or frame:getParent().args <a href="#L-215"></a> return p._ratio(args) <a href="#L-216"></a>end <a href="#L-217"></a> <a href="#L-218"></a>function p.styleratio(frame) <a href="#L-219"></a> local args = frame.args[1] and frame.args or frame:getParent().args <a href="#L-220"></a> return p._styleratio(args) <a href="#L-221"></a>end <a href="#L-222"></a> <a href="#L-223"></a>function p.greatercontrast(frame) <a href="#L-224"></a> local args = frame.args[1] and frame.args or frame:getParent().args <a href="#L-225"></a> return p._greatercontrast(args) <a href="#L-226"></a>end <a href="#L-227"></a> <a href="#L-228"></a>return p </pre></div>   </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://wikisource.org/w/index.php?title=Module:Color_contrast&oldid=584033">https://wikisource.org/w/index.php?title=Module:Color_contrast&oldid=584033</a>"</div></div> <div id="catlinks" class="catlinks catlinks-allhidden" data-mw="interface"></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 20 June 2018, at 13:01.</li> <li id="footer-info-copyright">Text is available under the <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. See <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a> for details.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikisource:About_Wikisource">About Wikisource</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikisource:General_disclaimer">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/wikisource.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//m.wikisource.org/w/index.php?title=Module:Color_contrast&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</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" lang="en" 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"><picture><source media="(min-width: 500px)" srcset="/w/resources/assets/poweredby_mediawiki.svg" width="88" height="31"><img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" width="25" height="25" loading="lazy"></picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"> <button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"> Search </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div 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="Search Wikisource"> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true" >Module:Color contrast</div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"> </a> </div> <div class="vector-sticky-header-buttons"> <button class="cdx-button cdx-button--weight-quiet mw-interlanguage-selector" id="p-lang-btn-sticky-header" tabindex="-1" data-event-name="ui.dropdown-p-lang-btn-sticky-header"> 15 languages </button> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"> Add topic </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </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-854dd98cd4-5v2kg","wgBackendResponseTime":155,"wgPageParseReport":{"limitreport":{"cputime":"0.001","walltime":"0.001","ppvisitednodes":{"value":1,"limit":1000000},"postexpandincludesize":{"value":0,"limit":2097152},"templateargumentsize":{"value":0,"limit":2097152},"expansiondepth":{"value":1,"limit":100},"expensivefunctioncount":{"value":0,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":0,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 0.000 1 -total"]},"cachereport":{"origin":"mw-web.codfw.main-854dd98cd4-5v2kg","timestamp":"20250218152626","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>