CINXE.COM

TSL color space - Wikipedia

<!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="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>TSL color space - Wikipedia</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(/(?:^|; )enwikimwclientpreferences=([^;]+)/);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":"23ecf809-e1c9-4fcd-ac16-5f60046e9e25","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"TSL_color_space","wgTitle":"TSL color space","wgCurRevisionId":1188960452,"wgRevisionId":1188960452,"wgArticleId":2484780,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Color space"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"TSL_color_space","wgRelevantArticleId":2484780,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true, "wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":6000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q7671596","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.cite.styles":"ready","ext.math.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.media","site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","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.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</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&amp;modules=ext.cite.styles%7Cext.math.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&amp;only=styles&amp;skin=vector-2022"> <script async="" src="/w/load.php?lang=en&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=site.styles&amp;only=styles&amp;skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <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="TSL color space - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/TSL_color_space"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=TSL_color_space&amp;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="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/TSL_color_space"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&amp;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-0 ns-subject mw-editable page-TSL_color_space rootpage-TSL_color_space 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" > <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" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</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">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-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></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/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; 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/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 Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</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="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </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 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="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page&#039;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" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</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="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en" class=""><span>Donate</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=Special:CreateAccount&amp;returnto=TSL+color+space" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</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=Special:UserLogin&amp;returnto=TSL+color+space" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o" class=""><span>Log in</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="Log in and 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" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </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/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=TSL+color+space" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&amp;returnto=TSL+color+space" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</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 for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</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/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></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"><span>Talk</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"><!-- CentralNotice --></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="Contents" 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">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</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">(Top)</div> </a> </li> <li id="toc-Conversion_between_RGB_and_TSL" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Conversion_between_RGB_and_TSL"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Conversion between RGB and TSL</span> </div> </a> <ul id="toc-Conversion_between_RGB_and_TSL-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Advantages_of_TSL" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Advantages_of_TSL"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Advantages of TSL</span> </div> </a> <button aria-controls="toc-Advantages_of_TSL-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>Toggle Advantages of TSL subsection</span> </button> <ul id="toc-Advantages_of_TSL-sublist" class="vector-toc-list"> <li id="toc-Comparison_of_TSL_to_other_color_spaces" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Comparison_of_TSL_to_other_color_spaces"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Comparison of TSL to other color spaces</span> </div> </a> <ul id="toc-Comparison_of_TSL_to_other_color_spaces-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Disadvantages_of_TSL" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Disadvantages_of_TSL"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Disadvantages of TSL</span> </div> </a> <ul id="toc-Disadvantages_of_TSL-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Applications" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Applications"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Applications</span> </div> </a> <ul id="toc-Applications-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-References" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#References"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>References</span> </div> </a> <ul id="toc-References-sublist" class="vector-toc-list"> </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="Contents" 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="Toggle the table of contents" > <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">Toggle the table of contents</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-main">TSL color space</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="This article exist only in this language. Add the article for other 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-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">Add languages</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:EntityPage/Q7671596#sitelinks-wikipedia" title="Add interlanguage links" class="wbc-editpage">Add links</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="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-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/TSL_color_space" title="View the content page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:TSL_color_space" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</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="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" ><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="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/TSL_color_space"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=TSL_color_space&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=TSL_color_space&amp;action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></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" ><span class="vector-dropdown-label-text">Tools</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">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/TSL_color_space"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=TSL_color_space&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=TSL_color_space&amp;action=history"><span>View history</span></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/TSL_color_space" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/TSL_color_space" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=TSL_color_space&amp;oldid=1188960452" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=TSL_color_space&amp;action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&amp;page=TSL_color_space&amp;id=1188960452&amp;wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTSL_color_space"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTSL_color_space"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&amp;page=TSL_color_space&amp;action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=TSL_color_space&amp;printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></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 id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q7671596" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></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 Wikipedia, the free encyclopedia</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"><p><b>TSL color space</b> (<a href="/wiki/Tint" class="mw-redirect" title="Tint">Tint</a>, <a href="/wiki/Saturation_(color_theory)" class="mw-redirect" title="Saturation (color theory)">Saturation</a> and <a href="/wiki/Lightness" title="Lightness">Lightness</a> ) is a perceptual <a href="/wiki/Color_space" title="Color space">color space</a> which defines color as <a href="/wiki/Tint" class="mw-redirect" title="Tint">tint</a> (the degree to which a stimulus can be described as similar to or different from another stimuli that are described as <a href="/wiki/Red" title="Red">red</a>, <a href="/wiki/Green" title="Green">green</a>, <a href="/wiki/Blue" title="Blue">blue</a>, <a href="/wiki/Yellow" title="Yellow">yellow</a>, and <a href="/wiki/White" title="White">white</a>, can be thought of as <a href="/wiki/Hue" title="Hue">hue</a> with white added), <a href="/wiki/Saturation_(color_theory)" class="mw-redirect" title="Saturation (color theory)">saturation</a> (the <a href="/wiki/Colorfulness" title="Colorfulness">colorfulness</a> of a stimulus relative to its own <a href="/wiki/Brightness" title="Brightness">brightness</a>), and <a href="/wiki/Lightness" title="Lightness">lightness</a> (the brightness of a stimulus relative to a stimulus that appears white in similar viewing conditions). Proposed by <a href="/w/index.php?title=Jean-Christophe_Terrillon&amp;action=edit&amp;redlink=1" class="new" title="Jean-Christophe Terrillon (page does not exist)">Jean-Christophe Terrillon</a> and <a href="/w/index.php?title=Shigeru_Akamatsu&amp;action=edit&amp;redlink=1" class="new" title="Shigeru Akamatsu (page does not exist)">Shigeru Akamatsu</a>,<sup id="cite_ref-terrillon1_1-0" class="reference"><a href="#cite_note-terrillon1-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup> TSL color space was developed primarily for the purpose of <a href="/wiki/Face_detection" title="Face detection">face detection</a>. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Conversion_between_RGB_and_TSL">Conversion between RGB and TSL</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=TSL_color_space&amp;action=edit&amp;section=1" title="Edit section: Conversion between RGB and TSL"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Rg_normalized_color_coordinates.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/en/thumb/7/7b/Rg_normalized_color_coordinates.png/200px-Rg_normalized_color_coordinates.png" decoding="async" width="200" height="196" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/7/7b/Rg_normalized_color_coordinates.png/300px-Rg_normalized_color_coordinates.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/7/7b/Rg_normalized_color_coordinates.png/400px-Rg_normalized_color_coordinates.png 2x" data-file-width="1124" data-file-height="1104" /></a><figcaption>rg chromaticities</figcaption></figure> <p>The conversion from gamma-corrected <a href="/wiki/RGB" class="mw-redirect" title="RGB">RGB</a> values (0&#8211;1) to TSL is straightforward:<sup id="cite_ref-terrillon1_1-1" class="reference"><a href="#cite_note-terrillon1-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup> </p> <ul><li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle T={\begin{cases}0.5-{\frac {\operatorname {atan2} (g',r')}{2\pi }},&amp;{\mbox{if}}~g'\neq 0\\0,&amp;{\mbox{if}}~g'=0\\\end{cases}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>T</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mrow> <mo>{</mo> <mtable columnalign="left left" rowspacing=".2em" columnspacing="1em" displaystyle="false"> <mtr> <mtd> <mn>0.5</mn> <mo>&#x2212;<!-- − --></mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>atan2</mi> <mo>&#x2061;<!-- ⁡ --></mo> <mo stretchy="false">(</mo> <msup> <mi>g</mi> <mo>&#x2032;</mo> </msup> <mo>,</mo> <msup> <mi>r</mi> <mo>&#x2032;</mo> </msup> <mo stretchy="false">)</mo> </mrow> <mrow> <mn>2</mn> <mi>&#x03C0;<!-- π --></mi> </mrow> </mfrac> </mrow> <mo>,</mo> </mtd> <mtd> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mtext>if</mtext> </mstyle> </mrow> <mtext>&#xA0;</mtext> <msup> <mi>g</mi> <mo>&#x2032;</mo> </msup> <mo>&#x2260;<!-- ≠ --></mo> <mn>0</mn> </mtd> </mtr> <mtr> <mtd> <mn>0</mn> <mo>,</mo> </mtd> <mtd> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mtext>if</mtext> </mstyle> </mrow> <mtext>&#xA0;</mtext> <msup> <mi>g</mi> <mo>&#x2032;</mo> </msup> <mo>=</mo> <mn>0</mn> </mtd> </mtr> </mtable> <mo fence="true" stretchy="true" symmetric="true"></mo> </mrow> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle T={\begin{cases}0.5-{\frac {\operatorname {atan2} (g',r')}{2\pi }},&amp;{\mbox{if}}~g'\neq 0\\0,&amp;{\mbox{if}}~g'=0\\\end{cases}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/0d512115b35bd2bd9b68613c77fca0e1f3a2c02d" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -3.171ex; width:33.332ex; height:7.509ex;" alt="{\textstyle T={\begin{cases}0.5-{\frac {\operatorname {atan2} (g&#039;,r&#039;)}{2\pi }},&amp;{\mbox{if}}~g&#039;\neq 0\\0,&amp;{\mbox{if}}~g&#039;=0\\\end{cases}}}"></span> &#8211; the zero special case is to maintain the original behavior</li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle S={\sqrt {{\frac {9}{5}}\left(r'^{2}+g'^{2}\right)}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>S</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <msqrt> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mn>9</mn> <mn>5</mn> </mfrac> </mrow> <mrow> <mo>(</mo> <mrow> <msup> <mi>r</mi> <mrow> <mo class="MJX-variant">&#x2032;</mo> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> </mrow> </mrow> </msup> <mo>+</mo> <msup> <mi>g</mi> <mrow> <mo class="MJX-variant">&#x2032;</mo> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> </mrow> </mrow> </msup> </mrow> <mo>)</mo> </mrow> </msqrt> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle S={\sqrt {{\frac {9}{5}}\left(r'^{2}+g'^{2}\right)}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/ad8ba8262b3ce3846c5a6129a1c475b23e121826" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.671ex; width:18.797ex; height:4.676ex;" alt="{\textstyle S={\sqrt {{\frac {9}{5}}\left(r&#039;^{2}+g&#039;^{2}\right)}}}"></span></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle L=0.299R+0.587G+0.114B}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>L</mi> <mo>=</mo> <mn>0.299</mn> <mi>R</mi> <mo>+</mo> <mn>0.587</mn> <mi>G</mi> <mo>+</mo> <mn>0.114</mn> <mi>B</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle L=0.299R+0.587G+0.114B}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e4d06054484f94dd07b330ff58e5547ed0b67159" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.505ex; width:31.607ex; height:2.343ex;" alt="{\textstyle L=0.299R+0.587G+0.114B}"></span> &#8211; the <a href="/wiki/Luma_(video)" title="Luma (video)">Luma</a></li></ul> <p>where: </p> <ul><li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle r={\tfrac {R}{R+G+B}},g={\tfrac {G}{R+G+B}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>r</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mfrac> <mi>R</mi> <mrow> <mi>R</mi> <mo>+</mo> <mi>G</mi> <mo>+</mo> <mi>B</mi> </mrow> </mfrac> </mstyle> </mrow> <mo>,</mo> <mi>g</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mfrac> <mi>G</mi> <mrow> <mi>R</mi> <mo>+</mo> <mi>G</mi> <mo>+</mo> <mi>B</mi> </mrow> </mfrac> </mstyle> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle r={\tfrac {R}{R+G+B}},g={\tfrac {G}{R+G+B}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/d073471e48838ffc65757dbd9cb223424ac2a491" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.505ex; width:23.755ex; height:4.009ex;" alt="{\textstyle r={\tfrac {R}{R+G+B}},g={\tfrac {G}{R+G+B}}}"></span> &#8211; the <a href="/wiki/Rg_chromaticity" title="Rg chromaticity">rg chromaticity</a></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle r'=r-{\tfrac {1}{3}},g'=g-{\tfrac {1}{3}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <msup> <mi>r</mi> <mo>&#x2032;</mo> </msup> <mo>=</mo> <mi>r</mi> <mo>&#x2212;<!-- − --></mo> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mfrac> <mn>1</mn> <mn>3</mn> </mfrac> </mstyle> </mrow> <mo>,</mo> <msup> <mi>g</mi> <mo>&#x2032;</mo> </msup> <mo>=</mo> <mi>g</mi> <mo>&#x2212;<!-- − --></mo> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mfrac> <mn>1</mn> <mn>3</mn> </mfrac> </mstyle> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle r'=r-{\tfrac {1}{3}},g'=g-{\tfrac {1}{3}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/056ce3e2f7588b017ec639358bc66c413b16550e" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.338ex; width:21.929ex; height:3.676ex;" alt="{\textstyle r&#039;=r-{\tfrac {1}{3}},g&#039;=g-{\tfrac {1}{3}}}"></span> &#8211; centering on white</li></ul> <p>Likewise, the reverse transform is as follows:<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">&#91;</span>2<span class="cite-bracket">&#93;</span></a></sup> </p> <ul><li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle R=k\cdot r}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>R</mi> <mo>=</mo> <mi>k</mi> <mo>&#x22C5;<!-- ⋅ --></mo> <mi>r</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle R=k\cdot r}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/097efa6edc25b4536bdc2024c9d1ec8d07ecf1f9" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:8.801ex; height:2.176ex;" alt="{\textstyle R=k\cdot r}"></span></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle G=k\cdot g}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>G</mi> <mo>=</mo> <mi>k</mi> <mo>&#x22C5;<!-- ⋅ --></mo> <mi>g</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle G=k\cdot g}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/22520883b15c9f1170be505ec8410d5e74fb3fab" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:8.932ex; height:2.509ex;" alt="{\textstyle G=k\cdot g}"></span></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle B=k\cdot (1-r-g)}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>B</mi> <mo>=</mo> <mi>k</mi> <mo>&#x22C5;<!-- ⋅ --></mo> <mo stretchy="false">(</mo> <mn>1</mn> <mo>&#x2212;<!-- − --></mo> <mi>r</mi> <mo>&#x2212;<!-- − --></mo> <mi>g</mi> <mo stretchy="false">)</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle B=k\cdot (1-r-g)}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/5a422ffba14b3f0eb7aebc3b79c7a500380084a2" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.838ex; width:18.57ex; height:2.843ex;" alt="{\textstyle B=k\cdot (1-r-g)}"></span></li></ul> <p>where: </p> <ul><li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle r=r'+{\frac {1}{3}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>r</mi> <mo>=</mo> <msup> <mi>r</mi> <mo>&#x2032;</mo> </msup> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mn>1</mn> <mn>3</mn> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle r=r'+{\frac {1}{3}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c05469e5460e7c25947de3eb1a8599203a5a5587" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.338ex; width:10.379ex; height:3.676ex;" alt="{\textstyle r=r&#039;+{\frac {1}{3}}}"></span></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle g=g'+{\frac {1}{3}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>g</mi> <mo>=</mo> <msup> <mi>g</mi> <mo>&#x2032;</mo> </msup> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mn>1</mn> <mn>3</mn> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle g=g'+{\frac {1}{3}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c53d8b115f028aa5637adb56fd2aba3f59344913" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.338ex; width:10.516ex; height:3.676ex;" alt="{\textstyle g=g&#039;+{\frac {1}{3}}}"></span></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle r'={\sqrt {\frac {5S^{2}}{9(x^{-1}+1)}}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>r</mi> <mo>&#x2032;</mo> </msup> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <msqrt> <mfrac> <mrow> <mn>5</mn> <msup> <mi>S</mi> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> </mrow> </msup> </mrow> <mrow> <mn>9</mn> <mo stretchy="false">(</mo> <msup> <mi>x</mi> <mrow class="MJX-TeXAtom-ORD"> <mo>&#x2212;<!-- − --></mo> <mn>1</mn> </mrow> </msup> <mo>+</mo> <mn>1</mn> <mo stretchy="false">)</mo> </mrow> </mfrac> </msqrt> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle r'={\sqrt {\frac {5S^{2}}{9(x^{-1}+1)}}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/6b341222fd4fd778eaeb6960b6897977a7285fa1" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -3.338ex; width:18.629ex; height:7.676ex;" alt="{\displaystyle r&#039;={\sqrt {\frac {5S^{2}}{9(x^{-1}+1)}}}}"></span></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle g'={\sqrt {\frac {5S^{2}}{9(x+1)}}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>g</mi> <mo>&#x2032;</mo> </msup> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <msqrt> <mfrac> <mrow> <mn>5</mn> <msup> <mi>S</mi> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> </mrow> </msup> </mrow> <mrow> <mn>9</mn> <mo stretchy="false">(</mo> <mi>x</mi> <mo>+</mo> <mn>1</mn> <mo stretchy="false">)</mo> </mrow> </mfrac> </msqrt> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle g'={\sqrt {\frac {5S^{2}}{9(x+1)}}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4a258c2f08e70012655b4b9d6389d7107ccae8ae" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -3.338ex; width:16.366ex; height:7.676ex;" alt="{\displaystyle g&#039;={\sqrt {\frac {5S^{2}}{9(x+1)}}}}"></span></li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle k={\frac {L}{0.185r+0.473g+0.114}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>k</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mi>L</mi> <mrow> <mn>0.185</mn> <mi>r</mi> <mo>+</mo> <mn>0.473</mn> <mi>g</mi> <mo>+</mo> <mn>0.114</mn> </mrow> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle k={\frac {L}{0.185r+0.473g+0.114}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/423382185dc08ca5c48c1233ee36229e08e3e6b6" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.505ex; width:20.469ex; height:3.843ex;" alt="{\textstyle k={\frac {L}{0.185r+0.473g+0.114}}}"></span> &#8211; Luma converted to average intensity</li> <li><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\textstyle x=\tan ^{2}({2\pi \cdot (T-{\frac {1}{4}})})}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mi>x</mi> <mo>=</mo> <msup> <mi>tan</mi> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> </mrow> </msup> <mo>&#x2061;<!-- ⁡ --></mo> <mo stretchy="false">(</mo> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> <mi>&#x03C0;<!-- π --></mi> <mo>&#x22C5;<!-- ⋅ --></mo> <mo stretchy="false">(</mo> <mi>T</mi> <mo>&#x2212;<!-- − --></mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mn>1</mn> <mn>4</mn> </mfrac> </mrow> <mo stretchy="false">)</mo> </mrow> <mo stretchy="false">)</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\textstyle x=\tan ^{2}({2\pi \cdot (T-{\frac {1}{4}})})}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/8be8888e75aa45348c782468cd8c6ae96c09ff82" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.171ex; width:22.769ex; height:3.509ex;" alt="{\textstyle x=\tan ^{2}({2\pi \cdot (T-{\frac {1}{4}})})}"></span></li></ul> <p>For <span class="texhtml mvar" style="font-style:italic;">T</span> = 0, conversion from TSL to RGB is not unique because the sign of <span class="texhtml mvar" style="font-style:italic;">r'</span> is lost by the forward conversion due to the <span class="texhtml mvar" style="font-style:italic;">g'</span> = 0 special case. Removing the special case produces a system that deviates from the original paper but preserves the sign. </p> <div class="mw-heading mw-heading2"><h2 id="Advantages_of_TSL">Advantages of TSL</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=TSL_color_space&amp;action=edit&amp;section=2" title="Edit section: Advantages of TSL"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The advantages of TSL color space lie within the normalization within the RGB-TSL transform. Utilizing normalized r and g allows for chrominance spaces TSL to be more efficient for skin color segmentation. Additionally with this normalization, the sensitivity of the chrominance distributions to the variability of skin color is significantly reduced, allowing for an easier detection of different skin tones.<sup id="cite_ref-terrillon2_3-0" class="reference"><a href="#cite_note-terrillon2-3"><span class="cite-bracket">&#91;</span>3<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="Comparison_of_TSL_to_other_color_spaces">Comparison of TSL to other color spaces</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=TSL_color_space&amp;action=edit&amp;section=3" title="Edit section: Comparison of TSL to other color spaces"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Terrillon investigated the efficiency of facial detection for several different color spaces. Testing consisted of using the same algorithm with 10 different color spaces to detect faces in 90 images with 133 faces and 59 subjects - 27 Asian, 31 Caucasian, and 1 African). TSL showed superior performance to the other spaces, with 90.8% correct detection and 84.9% correct rejection. A full comparison can be seen in the table below.<sup id="cite_ref-terrillon2_3-1" class="reference"><a href="#cite_note-terrillon2-3"><span class="cite-bracket">&#91;</span>3<span class="cite-bracket">&#93;</span></a></sup> </p> <table class="wikitable"> <tbody><tr> <th>Color Space</th> <th># of Elements</th> <th>CD (%)</th> <th>CR (%) </th></tr> <tr> <td>TSL</td> <td>258</td> <td>90.8</td> <td>84.9 </td></tr> <tr> <td><a href="/wiki/Rg_chromaticity" title="Rg chromaticity">r-g</a></td> <td>328</td> <td>74.6</td> <td>80.3 </td></tr> <tr> <td>CIE-xy</td> <td>388</td> <td>56.6</td> <td>83.5 </td></tr> <tr> <td>CIE-DSH</td> <td>318</td> <td>60.9</td> <td>75.0 </td></tr> <tr> <td><a href="/wiki/HSL_and_HSV" title="HSL and HSV">HSV</a></td> <td>408</td> <td>55.7</td> <td>84.7 </td></tr> <tr> <td>YIQ</td> <td>471</td> <td>47.3</td> <td>79.8 </td></tr> <tr> <td>YES</td> <td>494</td> <td>41.6</td> <td>80.3 </td></tr> <tr> <td><a href="/wiki/CIELUV" title="CIELUV">CIELUV</a></td> <td>418</td> <td>24.1</td> <td>79.0 </td></tr> <tr> <td><a href="/wiki/CIELAB" class="mw-redirect" title="CIELAB">CIELAB</a></td> <td>399</td> <td>38.4</td> <td>83.6 </td></tr></tbody></table> <div class="mw-heading mw-heading2"><h2 id="Disadvantages_of_TSL">Disadvantages of TSL</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=TSL_color_space&amp;action=edit&amp;section=4" title="Edit section: Disadvantages of TSL"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>TSL space could be made more efficient and robust. There currently exists no color correction algorithms for different camera systems. Additionally, despite a better accuracy of skin tone detection, detecting dark skin color still proves to be a challenge.<sup id="cite_ref-terrillon1_1-2" class="reference"><a href="#cite_note-terrillon1-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Applications">Applications</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=TSL_color_space&amp;action=edit&amp;section=5" title="Edit section: Applications"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Being a relatively new color space and having very specific uses, TSL hasn’t been widely implemented. Again, it is only very useful in skin detection algorithms. Skin detection itself can be used for a variety of applications – face detection, person tracking (for <a href="/wiki/Surveillance" title="Surveillance">surveillance</a> and <a href="/wiki/Match_Moving" class="mw-redirect" title="Match Moving">cinematographic purposes</a>), and <a href="/wiki/Pornography" title="Pornography">pornography</a> filtering are a few examples. A <a href="/wiki/Self-Organizing_Map" class="mw-redirect" title="Self-Organizing Map">Self-Organizing Map</a> (SOM) was implemented in skin detection using TSL and achieved comparable results to older methods of <a href="/wiki/Histograms" class="mw-redirect" title="Histograms">histograms</a> and Gaussian <a href="/wiki/Mixture_models" class="mw-redirect" title="Mixture models">mixture models</a>.<sup id="cite_ref-brown_4-0" class="reference"><a href="#cite_note-brown-4"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=TSL_color_space&amp;action=edit&amp;section=6" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/HSL_and_HSV" title="HSL and HSV">HSL and HSV</a></li> <li><a href="/wiki/Face_detection" title="Face detection">Face detection</a></li> <li><a href="/wiki/List_of_color_spaces_and_their_uses" title="List of color spaces and their uses">List of color spaces and their uses</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="References">References</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=TSL_color_space&amp;action=edit&amp;section=7" title="Edit section: References"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist"> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-terrillon1-1"><span class="mw-cite-backlink">^ <a href="#cite_ref-terrillon1_1-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-terrillon1_1-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-terrillon1_1-2"><sup><i><b>c</b></i></sup></a></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}</style><cite id="CITEREFTerrillonAkamatsu1998" class="citation conference cs1">Terrillon, Jean-Christophe; Akamatsu, Shigeru (1998). <i>Automatic Detection of Human Faces in Natural Scene Images by Use of a Skin Color Model and of Invariant Moments</i>. Proc. Of the Third International Conference on Automatic Face and Gesture Recognition. Nara, Japan. pp.&#160;130–135.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=conference&amp;rft.btitle=Automatic+Detection+of+Human+Faces+in+Natural+Scene+Images+by+Use+of+a+Skin+Color+Model+and+of+Invariant+Moments&amp;rft.place=Nara%2C+Japan&amp;rft.pages=130-135&amp;rft.date=1998&amp;rft.aulast=Terrillon&amp;rft.aufirst=Jean-Christophe&amp;rft.au=Akamatsu%2C+Shigeru&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ATSL+color+space" class="Z3988"></span></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFDmitry_Ivanov2023" class="citation web cs1">Dmitry Ivanov (21 June 2023). <a rel="nofollow" class="external text" href="https://github.com/colorjs/color-space/blob/822a488ad752326f85bd5491a853a4a5c32adc59/tsl.js">"Color-space: tsl.js"</a>. <i>GitHub</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=GitHub&amp;rft.atitle=Color-space%3A+tsl.js&amp;rft.date=2023-06-21&amp;rft.au=Dmitry+Ivanov&amp;rft_id=https%3A%2F%2Fgithub.com%2Fcolorjs%2Fcolor-space%2Fblob%2F822a488ad752326f85bd5491a853a4a5c32adc59%2Ftsl.js&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ATSL+color+space" class="Z3988"></span></span> </li> <li id="cite_note-terrillon2-3"><span class="mw-cite-backlink">^ <a href="#cite_ref-terrillon2_3-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-terrillon2_3-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFTerrillonAkamatsu1999" class="citation book cs1">Terrillon, Jean-Christophe; Akamatsu, Shigeru (1999). "Comparative performance of different skin chrominance models and chrominance spaces for the automatic detection of human faces in color images". <i>Proceedings Fourth IEEE International Conference on Automatic Face and Gesture Recognition (Cat. No. PR00580)</i>. Vol.&#160;99. pp.&#160;54–61. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1109%2FAFGR.2000.840612">10.1109/AFGR.2000.840612</a>. <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a>&#160;<a href="/wiki/Special:BookSources/0-7695-0580-5" title="Special:BookSources/0-7695-0580-5"><bdi>0-7695-0580-5</bdi></a>. <a href="/wiki/S2CID_(identifier)" class="mw-redirect" title="S2CID (identifier)">S2CID</a>&#160;<a rel="nofollow" class="external text" href="https://api.semanticscholar.org/CorpusID:39824480">39824480</a>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.atitle=Comparative+performance+of+different+skin+chrominance+models+and+chrominance+spaces+for+the+automatic+detection+of+human+faces+in+color+images&amp;rft.btitle=Proceedings+Fourth+IEEE+International+Conference+on+Automatic+Face+and+Gesture+Recognition+%28Cat.+No.+PR00580%29&amp;rft.pages=54-61&amp;rft.date=1999&amp;rft_id=https%3A%2F%2Fapi.semanticscholar.org%2FCorpusID%3A39824480%23id-name%3DS2CID&amp;rft_id=info%3Adoi%2F10.1109%2FAFGR.2000.840612&amp;rft.isbn=0-7695-0580-5&amp;rft.aulast=Terrillon&amp;rft.aufirst=Jean-Christophe&amp;rft.au=Akamatsu%2C+Shigeru&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ATSL+color+space" class="Z3988"></span></span> </li> <li id="cite_note-brown-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-brown_4-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFBrownCrawLewthwaite2001" class="citation conference cs1">Brown, D.; Craw, I.; Lewthwaite, J. (2001). <i>A SOM Based Approach to Skin Detection with Application in Real Time Systems</i>. British Machine Vision Conference. Manchester, United Kingdom.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=conference&amp;rft.btitle=A+SOM+Based+Approach+to+Skin+Detection+with+Application+in+Real+Time+Systems&amp;rft.place=Manchester%2C+United+Kingdom&amp;rft.date=2001&amp;rft.aulast=Brown&amp;rft.aufirst=D.&amp;rft.au=Craw%2C+I.&amp;rft.au=Lewthwaite%2C+J.&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ATSL+color+space" class="Z3988"></span></span> </li> </ol></div></div> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="Color_space" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Color_space" title="Template:Color space"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Color_space" title="Template talk:Color space"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Color_space" title="Special:EditPage/Template:Color space"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Color_space" style="font-size:114%;margin:0 4em"><a href="/wiki/Color_space" title="Color space">Color space</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><a href="/wiki/List_of_color_spaces_and_their_uses" title="List of color spaces and their uses">List of color spaces</a></li> <li><a href="/wiki/Color_model" title="Color model">Color models</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Color_appearance_model" title="Color appearance model">CAM</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/CIECAM02" title="CIECAM02">CIECAM02</a></li> <li><a href="/wiki/ICAM_(color_appearance_model)" title="ICAM (color appearance model)">iCAM</a></li> <li><a href="/wiki/CAM16" class="mw-redirect" title="CAM16">CAM16</a></li> <li><a href="/w/index.php?title=CIECAM16&amp;action=edit&amp;redlink=1" class="new" title="CIECAM16 (page does not exist)">CIECAM16</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/International_Commission_on_Illumination" title="International Commission on Illumination">CIE</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/CIE_1931_color_space" title="CIE 1931 color space">XYZ (1931)</a></li> <li><a href="/wiki/CIE_1931_color_space#CIE_RGB_color_space" title="CIE 1931 color space">RGB (1931)</a></li> <li><a href="/wiki/CIE_1960_color_space" title="CIE 1960 color space">YUV (1960)</a></li> <li><a href="/wiki/CIE_1964_color_space" title="CIE 1964 color space">UVW (1964)</a></li> <li><a href="/wiki/CIELAB_color_space" title="CIELAB color space">CIELAB (1976)</a></li> <li><a href="/wiki/CIELUV" title="CIELUV">CIELUV (1976)</a></li> <li><a href="/wiki/CIECAM02" title="CIECAM02">CIECAM02</a></li> <li><a href="/w/index.php?title=CIECAM16&amp;action=edit&amp;redlink=1" class="new" title="CIECAM16 (page does not exist)">CIECAM16</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/RGB_color_model" title="RGB color model">RGB</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/RGB_color_spaces" title="RGB color spaces">RGB color spaces</a></li> <li><a href="/wiki/SRGB" title="SRGB">sRGB</a></li> <li><a href="/wiki/Rg_chromaticity" title="Rg chromaticity">rg chromaticity</a></li> <li><a href="/wiki/Adobe_RGB_color_space" title="Adobe RGB color space">Adobe</a></li> <li><a href="/wiki/Wide-gamut_RGB_color_space" title="Wide-gamut RGB color space">Wide-gamut</a></li> <li><a href="/wiki/ProPhoto_RGB_color_space" title="ProPhoto RGB color space">ProPhoto</a></li> <li><a href="/wiki/ScRGB" title="ScRGB">scRGB</a></li> <li><a href="/wiki/DCI-P3" title="DCI-P3">DCI-P3</a></li> <li><a href="/wiki/Rec._601" title="Rec. 601">Rec. 601</a></li> <li><a href="/wiki/NTSC#SMPTE_C" title="NTSC">SMPTE 240M/"C"</a></li> <li><a href="/wiki/Rec._709" title="Rec. 709">Rec. 709</a></li> <li><a href="/wiki/Rec._2020" title="Rec. 2020">Rec. 2020</a></li> <li><a href="/wiki/Rec._2100" title="Rec. 2100">Rec. 2100</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Y%E2%80%B2UV" title="Y′UV">Y′UV</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Y%E2%80%B2UV" title="Y′UV">YUV</a> <ul><li><a href="/wiki/PAL" title="PAL">PAL</a></li></ul></li> <li><a href="/wiki/YDbDr" title="YDbDr">YDbDr</a> <ul><li><a href="/wiki/SECAM" title="SECAM">SECAM</a></li></ul></li> <li><a href="/wiki/YIQ" title="YIQ">YIQ</a> <ul><li><a href="/wiki/NTSC" title="NTSC">NTSC</a></li></ul></li> <li><a href="/wiki/YCbCr" title="YCbCr">YCbCr</a> <ul><li><a href="/wiki/Rec._601" title="Rec. 601">Rec. 601</a></li> <li><a href="/wiki/Rec._709" title="Rec. 709">Rec. 709</a></li> <li><a href="/wiki/Rec._2020" title="Rec. 2020">Rec. 2020</a></li> <li><a href="/wiki/Rec._2100" title="Rec. 2100">Rec. 2100</a></li></ul></li> <li><a href="/wiki/ICtCp" title="ICtCp">ICtCp</a> <ul><li><a href="/wiki/Rec._2100" title="Rec. 2100">Rec. 2100</a></li></ul></li> <li><a href="/wiki/YPbPr" title="YPbPr">YPbPr</a> <ul><li><a href="/wiki/Multiplexed_Analogue_Components" title="Multiplexed Analogue Components">MAC</a></li></ul></li> <li><a href="/wiki/XvYCC" title="XvYCC">xvYCC</a></li> <li><a href="/wiki/YCoCg" title="YCoCg">YCoCg</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/CcMmYK_color_model" title="CcMmYK color model">CcMmYK</a></li> <li><a href="/wiki/CMYK_color_model" title="CMYK color model">CMYK</a></li> <li><a href="/wiki/ColorADD" title="ColorADD">ColorADD</a></li> <li><a href="/wiki/Coloroid" title="Coloroid">Coloroid</a></li> <li><a href="/wiki/LMS_color_space" title="LMS color space">LMS</a></li> <li><a href="/wiki/Hexachrome" title="Hexachrome">Hexachrome</a></li> <li><a href="/wiki/HSL_and_HSV" title="HSL and HSV">HSL, HSV</a></li> <li><a href="/wiki/HCL_color_space" title="HCL color space">HCL</a></li> <li><a href="/wiki/Impossible_color" title="Impossible color">Imaginary color</a></li> <li><a href="/wiki/Oklab_color_space" title="Oklab color space">Oklab</a></li> <li><a href="/wiki/OSA-UCS" title="OSA-UCS">OSA-UCS</a></li> <li><a href="/wiki/Practical_Color_Coordinate_System" title="Practical Color Coordinate System">PCCS</a></li> <li><a href="/wiki/RG_color_models" title="RG color models">RG</a></li> <li><a href="/wiki/RYB_color_model" title="RYB color model">RYB</a></li> <li><a href="/wiki/HWB_color_model" title="HWB color model">HWB</a></li> <li><a href="/wiki/YJK" title="YJK">YJK</a></li> <li><a class="mw-selflink selflink">TSL</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Color systems<br />and standards</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Academy_Color_Encoding_System" title="Academy Color Encoding System">ACES</a></li> <li><a href="/wiki/News_Media_Alliance" title="News Media Alliance">ANPA</a></li> <li><a href="/wiki/Colour_Index_International" title="Colour Index International">Colour Index International</a> <ul><li><a href="/wiki/List_of_dyes" title="List of dyes">CI list of dyes</a></li></ul></li> <li><a href="/wiki/DIC_Corporation" title="DIC Corporation">DIC</a></li> <li><a href="/wiki/Federal_Standard_595" title="Federal Standard 595">Federal Standard 595</a></li> <li><a href="/wiki/HKS_(colour_system)" title="HKS (colour system)">HKS</a></li> <li><a href="/wiki/ICC_profile" title="ICC profile">ICC profile</a></li> <li><a href="/wiki/ISCC%E2%80%93NBS_system" title="ISCC–NBS system">ISCC–NBS</a></li> <li><a href="/wiki/Munsell_color_system" title="Munsell color system">Munsell</a></li> <li><a href="/wiki/Natural_Color_System" title="Natural Color System">NCS</a></li> <li><a href="/wiki/Ostwald_color_system" title="Ostwald color system">Ostwald</a></li> <li><a href="/wiki/Pantone" title="Pantone">Pantone</a></li> <li><a href="/wiki/RAL_colour_standard" title="RAL colour standard">RAL</a> <ul><li><a href="/wiki/List_of_RAL_colors" class="mw-redirect" title="List of RAL colors">list</a></li></ul></li> <li><a href="/w/index.php?title=JIS_Z8102&amp;action=edit&amp;redlink=1" class="new" title="JIS Z8102 (page does not exist)">JIS Z8102</a><span class="noprint" style="font-size:85%; font-style: normal;">&#160;&#91;<a href="https://ja.wikipedia.org/wiki/JIS%E6%85%A3%E7%94%A8%E8%89%B2%E5%90%8D" class="extiw" title="ja:JIS慣用色名">ja</a>&#93;</span></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2"><div>For the vision capacities of organisms or machines, see <span class="noviewer" typeof="mw:File"><span title="Template"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Symbol_template_class_pink.svg/16px-Symbol_template_class_pink.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Symbol_template_class_pink.svg/23px-Symbol_template_class_pink.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/83/Symbol_template_class_pink.svg/31px-Symbol_template_class_pink.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span>&#160;<a href="/wiki/Template:Eye_physiology" title="Template:Eye physiology">Color vision</a>.</div></td></tr></tbody></table></div> <!-- NewPP limit report Parsed by mw‐web.eqiad.main‐565d46677b‐6xfm8 Cached time: 20241128125954 Cache expiry: 2592000 Reduced expiry: false Complications: [vary‐revision‐sha1, show‐toc] CPU time usage: 0.253 seconds Real time usage: 0.370 seconds Preprocessor visited node count: 634/1000000 Post‐expand include size: 22374/2097152 bytes Template argument size: 138/2097152 bytes Highest expansion depth: 13/100 Expensive parser function count: 2/500 Unstrip recursion depth: 1/20 Unstrip post‐expand size: 24649/5000000 bytes Lua time usage: 0.150/10.000 seconds Lua memory usage: 3905086/52428800 bytes Number of Wikibase entities loaded: 0/400 --> <!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 248.260 1 -total 53.31% 132.354 1 Template:Reflist 44.68% 110.933 1 Template:Color_space 43.67% 108.423 1 Template:Navbox 37.70% 93.606 2 Template:Cite_conference 4.81% 11.931 1 Template:Ill 3.97% 9.851 1 Template:Icon 3.02% 7.486 1 Template:Cite_web 2.96% 7.351 1 Template:Cite_book 2.02% 5.012 1 Template:Separated_entries --> <!-- Saved in parser cache with key enwiki:pcache:2484780:|#|:idhash:canonical and timestamp 20241128125954 and revision id 1188960452. Rendering was triggered because: page-view --> </div><!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --><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="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=TSL_color_space&amp;oldid=1188960452">https://en.wikipedia.org/w/index.php?title=TSL_color_space&amp;oldid=1188960452</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Category</a>: <ul><li><a href="/wiki/Category:Color_space" title="Category:Color space">Color space</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"> This page was last edited on 8 December 2023, at 20:08<span class="anonymous-show">&#160;(UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</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/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</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/#/en.wikipedia.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="//en.m.wikipedia.org/w/index.php?title=TSL_color_space&amp;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" 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-76c6b8f495-zxd7z","wgBackendResponseTime":177,"wgPageParseReport":{"limitreport":{"cputime":"0.253","walltime":"0.370","ppvisitednodes":{"value":634,"limit":1000000},"postexpandincludesize":{"value":22374,"limit":2097152},"templateargumentsize":{"value":138,"limit":2097152},"expansiondepth":{"value":13,"limit":100},"expensivefunctioncount":{"value":2,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":24649,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 248.260 1 -total"," 53.31% 132.354 1 Template:Reflist"," 44.68% 110.933 1 Template:Color_space"," 43.67% 108.423 1 Template:Navbox"," 37.70% 93.606 2 Template:Cite_conference"," 4.81% 11.931 1 Template:Ill"," 3.97% 9.851 1 Template:Icon"," 3.02% 7.486 1 Template:Cite_web"," 2.96% 7.351 1 Template:Cite_book"," 2.02% 5.012 1 Template:Separated_entries"]},"scribunto":{"limitreport-timeusage":{"value":"0.150","limit":"10.000"},"limitreport-memusage":{"value":3905086,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-565d46677b-6xfm8","timestamp":"20241128125954","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"TSL color space","url":"https:\/\/en.wikipedia.org\/wiki\/TSL_color_space","sameAs":"http:\/\/www.wikidata.org\/entity\/Q7671596","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q7671596","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2005-08-18T20:06:14Z","dateModified":"2023-12-08T20:08:28Z"}</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10