CINXE.COM

<!DOCTYPE html> <html class="client-nojs skin-theme-clientpref-day mf-expand-sections-clientpref-0 mf-font-size-clientpref-small mw-mf-amc-clientpref-0" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Hue - Wikipedia</title> <script>(function(){var className="client-js skin-theme-clientpref-day mf-expand-sections-clientpref-0 mf-font-size-clientpref-small mw-mf-amc-clientpref-0";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":"f99b78ce-075d-416f-9ce7-49d11a6fabea","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Hue","wgTitle":"Hue","wgCurRevisionId":1273745678,"wgRevisionId":1273745678,"wgArticleId":64656,"wgIsArticle":true, "wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Hue","wgRelevantArticleId":64656,"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"},"wgMFMode":"stable","wgMFAmc":false,"wgMFAmcOutreachActive":false,"wgMFAmcOutreachUserEligible":false,"wgMFLazyLoadImages":true,"wgMFEditNoticesFeatureConflict":false,"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgMFIsSupportedEditRequest":true,"wgMFScriptPath":"","wgWMESchemaEditAttemptStepOversample":false, "wgWMEPageLength":10000,"wgEditSubmitButtonLabelPublish":true,"wgSectionTranslationMissingLanguages":[{"lang":"ace","autonym":"Acèh","dir":"ltr"},{"lang":"ady","autonym":"адыгабзэ","dir":"ltr"},{"lang":"alt","autonym":"алтай тил","dir":"ltr"},{"lang":"am","autonym":"አማርኛ","dir":"ltr"},{"lang":"ami","autonym":"Pangcah","dir":"ltr"},{"lang":"an","autonym":"aragonés","dir":"ltr"},{"lang":"ang","autonym":"Ænglisc","dir":"ltr"},{"lang":"ann","autonym":"Obolo","dir":"ltr"},{"lang":"anp","autonym":"अंगिका","dir":"ltr"},{"lang":"ary","autonym":"الدارجة","dir":"rtl"},{"lang":"arz","autonym":"مصرى","dir":"rtl"},{"lang":"as","autonym":"অসমীয়া","dir":"ltr"},{"lang":"ast","autonym":"asturianu","dir":"ltr"},{"lang":"av","autonym":"авар","dir":"ltr"},{"lang":"avk","autonym":"Kotava","dir":"ltr"},{"lang":"awa","autonym":"अवधी","dir":"ltr"},{"lang":"ay","autonym":"Aymar aru","dir":"ltr"},{"lang":"az","autonym":"azərbaycanca", "dir":"ltr"},{"lang":"azb","autonym":"تۆرکجه","dir":"rtl"},{"lang":"ba","autonym":"башҡортса","dir":"ltr"},{"lang":"ban","autonym":"Basa Bali","dir":"ltr"},{"lang":"bar","autonym":"Boarisch","dir":"ltr"},{"lang":"bbc","autonym":"Batak Toba","dir":"ltr"},{"lang":"bcl","autonym":"Bikol Central","dir":"ltr"},{"lang":"bdr","autonym":"Bajau Sama","dir":"ltr"},{"lang":"bew","autonym":"Betawi","dir":"ltr"},{"lang":"bho","autonym":"भोजपुरी","dir":"ltr"},{"lang":"bi","autonym":"Bislama","dir":"ltr"},{"lang":"bjn","autonym":"Banjar","dir":"ltr"},{"lang":"blk","autonym":"ပအိုဝ်ႏဘာႏသာႏ","dir":"ltr"},{"lang":"bm","autonym":"bamanankan","dir":"ltr"},{"lang":"bn","autonym":"বাংলা","dir":"ltr"},{"lang":"bo","autonym":"བོད་ཡིག","dir":"ltr"},{"lang":"bpy","autonym":"বিষ্ণুপ্রিয়া মণিপুরী","dir":"ltr"},{"lang":"br","autonym":"brezhoneg","dir":"ltr"},{"lang":"bs","autonym":"bosanski", "dir":"ltr"},{"lang":"btm","autonym":"Batak Mandailing","dir":"ltr"},{"lang":"bug","autonym":"Basa Ugi","dir":"ltr"},{"lang":"cdo","autonym":"閩東語 / Mìng-dĕ̤ng-ngṳ̄","dir":"ltr"},{"lang":"ce","autonym":"нохчийн","dir":"ltr"},{"lang":"ceb","autonym":"Cebuano","dir":"ltr"},{"lang":"ch","autonym":"Chamoru","dir":"ltr"},{"lang":"chr","autonym":"ᏣᎳᎩ","dir":"ltr"},{"lang":"ckb","autonym":"کوردی","dir":"rtl"},{"lang":"co","autonym":"corsu","dir":"ltr"},{"lang":"cr","autonym":"Nēhiyawēwin / ᓀᐦᐃᔭᐍᐏᐣ","dir":"ltr"},{"lang":"crh","autonym":"qırımtatarca","dir":"ltr"},{"lang":"cu","autonym":"словѣньскъ / ⰔⰎⰑⰂⰡⰐⰠⰔⰍⰟ","dir":"ltr"},{"lang":"cy","autonym":"Cymraeg","dir":"ltr"},{"lang":"da","autonym":"dansk","dir":"ltr"},{"lang":"dag","autonym":"dagbanli","dir":"ltr"},{"lang":"dga","autonym":"Dagaare","dir":"ltr"},{"lang":"din","autonym":"Thuɔŋjäŋ","dir":"ltr"},{"lang":"diq","autonym":"Zazaki","dir":"ltr"},{"lang":"dsb", "autonym":"dolnoserbski","dir":"ltr"},{"lang":"dtp","autonym":"Kadazandusun","dir":"ltr"},{"lang":"dv","autonym":"ދިވެހިބަސް","dir":"rtl"},{"lang":"dz","autonym":"ཇོང་ཁ","dir":"ltr"},{"lang":"ee","autonym":"eʋegbe","dir":"ltr"},{"lang":"eml","autonym":"emiliàn e rumagnòl","dir":"ltr"},{"lang":"fat","autonym":"mfantse","dir":"ltr"},{"lang":"ff","autonym":"Fulfulde","dir":"ltr"},{"lang":"fj","autonym":"Na Vosa Vakaviti","dir":"ltr"},{"lang":"fo","autonym":"føroyskt","dir":"ltr"},{"lang":"fon","autonym":"fɔ̀ngbè","dir":"ltr"},{"lang":"frp","autonym":"arpetan","dir":"ltr"},{"lang":"frr","autonym":"Nordfriisk","dir":"ltr"},{"lang":"fur","autonym":"furlan","dir":"ltr"},{"lang":"gag","autonym":"Gagauz","dir":"ltr"},{"lang":"gan","autonym":"贛語","dir":"ltr"},{"lang":"gcr","autonym":"kriyòl gwiyannen","dir":"ltr"},{"lang":"glk","autonym":"گیلکی","dir":"rtl"},{"lang":"gn","autonym":"Avañe'ẽ","dir":"ltr"},{"lang":"gom","autonym": "गोंयची कोंकणी / Gõychi Konknni","dir":"ltr"},{"lang":"gor","autonym":"Bahasa Hulontalo","dir":"ltr"},{"lang":"gpe","autonym":"Ghanaian Pidgin","dir":"ltr"},{"lang":"gu","autonym":"ગુજરાતી","dir":"ltr"},{"lang":"guc","autonym":"wayuunaiki","dir":"ltr"},{"lang":"gur","autonym":"farefare","dir":"ltr"},{"lang":"guw","autonym":"gungbe","dir":"ltr"},{"lang":"gv","autonym":"Gaelg","dir":"ltr"},{"lang":"ha","autonym":"Hausa","dir":"ltr"},{"lang":"hak","autonym":"客家語 / Hak-kâ-ngî","dir":"ltr"},{"lang":"haw","autonym":"Hawaiʻi","dir":"ltr"},{"lang":"hi","autonym":"हिन्दी","dir":"ltr"},{"lang":"hif","autonym":"Fiji Hindi","dir":"ltr"},{"lang":"hr","autonym":"hrvatski","dir":"ltr"},{"lang":"hsb","autonym":"hornjoserbsce","dir":"ltr"},{"lang":"ht","autonym":"Kreyòl ayisyen","dir":"ltr"},{"lang":"hu","autonym":"magyar","dir":"ltr"},{"lang":"hy","autonym":"հայերեն","dir":"ltr"},{"lang":"hyw","autonym":"Արեւմտահայերէն", "dir":"ltr"},{"lang":"ia","autonym":"interlingua","dir":"ltr"},{"lang":"iba","autonym":"Jaku Iban","dir":"ltr"},{"lang":"ie","autonym":"Interlingue","dir":"ltr"},{"lang":"ig","autonym":"Igbo","dir":"ltr"},{"lang":"igl","autonym":"Igala","dir":"ltr"},{"lang":"ilo","autonym":"Ilokano","dir":"ltr"},{"lang":"io","autonym":"Ido","dir":"ltr"},{"lang":"is","autonym":"íslenska","dir":"ltr"},{"lang":"iu","autonym":"ᐃᓄᒃᑎᑐᑦ / inuktitut","dir":"ltr"},{"lang":"jam","autonym":"Patois","dir":"ltr"},{"lang":"jv","autonym":"Jawa","dir":"ltr"},{"lang":"ka","autonym":"ქართული","dir":"ltr"},{"lang":"kaa","autonym":"Qaraqalpaqsha","dir":"ltr"},{"lang":"kab","autonym":"Taqbaylit","dir":"ltr"},{"lang":"kbd","autonym":"адыгэбзэ","dir":"ltr"},{"lang":"kbp","autonym":"Kabɩyɛ","dir":"ltr"},{"lang":"kcg","autonym":"Tyap","dir":"ltr"},{"lang":"kg","autonym":"Kongo","dir":"ltr"},{"lang":"kge","autonym":"Kumoring","dir":"ltr"},{"lang":"ki","autonym":"Gĩkũyũ","dir":"ltr"},{ "lang":"kk","autonym":"қазақша","dir":"ltr"},{"lang":"kl","autonym":"kalaallisut","dir":"ltr"},{"lang":"km","autonym":"ភាសាខ្មែរ","dir":"ltr"},{"lang":"kn","autonym":"ಕನ್ನಡ","dir":"ltr"},{"lang":"knc","autonym":"Yerwa Kanuri","dir":"ltr"},{"lang":"koi","autonym":"перем коми","dir":"ltr"},{"lang":"krc","autonym":"къарачай-малкъар","dir":"ltr"},{"lang":"ks","autonym":"कॉशुर / کٲشُر","dir":"rtl"},{"lang":"ku","autonym":"kurdî","dir":"ltr"},{"lang":"kus","autonym":"Kʋsaal","dir":"ltr"},{"lang":"kv","autonym":"коми","dir":"ltr"},{"lang":"kw","autonym":"kernowek","dir":"ltr"},{"lang":"ky","autonym":"кыргызча","dir":"ltr"},{"lang":"lad","autonym":"Ladino","dir":"ltr"},{"lang":"lb","autonym":"Lëtzebuergesch","dir":"ltr"},{"lang":"lez","autonym":"лезги","dir":"ltr"},{"lang":"lg","autonym":"Luganda","dir":"ltr"},{"lang":"li","autonym":"Limburgs","dir":"ltr"},{"lang":"lij","autonym":"Ligure","dir":"ltr"} ,{"lang":"lld","autonym":"Ladin","dir":"ltr"},{"lang":"lmo","autonym":"lombard","dir":"ltr"},{"lang":"ln","autonym":"lingála","dir":"ltr"},{"lang":"lo","autonym":"ລາວ","dir":"ltr"},{"lang":"lt","autonym":"lietuvių","dir":"ltr"},{"lang":"ltg","autonym":"latgaļu","dir":"ltr"},{"lang":"lv","autonym":"latviešu","dir":"ltr"},{"lang":"mad","autonym":"Madhurâ","dir":"ltr"},{"lang":"mai","autonym":"मैथिली","dir":"ltr"},{"lang":"map-bms","autonym":"Basa Banyumasan","dir":"ltr"},{"lang":"mdf","autonym":"мокшень","dir":"ltr"},{"lang":"mg","autonym":"Malagasy","dir":"ltr"},{"lang":"mhr","autonym":"олык марий","dir":"ltr"},{"lang":"mi","autonym":"Māori","dir":"ltr"},{"lang":"min","autonym":"Minangkabau","dir":"ltr"},{"lang":"ml","autonym":"മലയാളം","dir":"ltr"},{"lang":"mn","autonym":"монгол","dir":"ltr"},{"lang":"mni","autonym":"ꯃꯤꯇꯩ ꯂꯣꯟ","dir":"ltr"},{"lang":"mnw","autonym":"ဘာသာမန်","dir":"ltr"},{"lang":"mos", "autonym":"moore","dir":"ltr"},{"lang":"mr","autonym":"मराठी","dir":"ltr"},{"lang":"mrj","autonym":"кырык мары","dir":"ltr"},{"lang":"ms","autonym":"Bahasa Melayu","dir":"ltr"},{"lang":"mt","autonym":"Malti","dir":"ltr"},{"lang":"mwl","autonym":"Mirandés","dir":"ltr"},{"lang":"my","autonym":"မြန်မာဘာသာ","dir":"ltr"},{"lang":"myv","autonym":"эрзянь","dir":"ltr"},{"lang":"mzn","autonym":"مازِرونی","dir":"rtl"},{"lang":"nah","autonym":"Nāhuatl","dir":"ltr"},{"lang":"nan","autonym":"閩南語 / Bân-lâm-gú","dir":"ltr"},{"lang":"nap","autonym":"Napulitano","dir":"ltr"},{"lang":"nb","autonym":"norsk bokmål","dir":"ltr"},{"lang":"nds","autonym":"Plattdüütsch","dir":"ltr"},{"lang":"nds-nl","autonym":"Nedersaksies","dir":"ltr"},{"lang":"ne","autonym":"नेपाली","dir":"ltr"},{"lang":"new","autonym":"नेपाल भाषा","dir":"ltr"},{"lang":"nia","autonym":"Li Niha","dir":"ltr"},{"lang":"nn","autonym":"norsk nynorsk" ,"dir":"ltr"},{"lang":"nqo","autonym":"ߒߞߏ","dir":"rtl"},{"lang":"nr","autonym":"isiNdebele seSewula","dir":"ltr"},{"lang":"nso","autonym":"Sesotho sa Leboa","dir":"ltr"},{"lang":"ny","autonym":"Chi-Chewa","dir":"ltr"},{"lang":"om","autonym":"Oromoo","dir":"ltr"},{"lang":"or","autonym":"ଓଡ଼ିଆ","dir":"ltr"},{"lang":"os","autonym":"ирон","dir":"ltr"},{"lang":"pa","autonym":"ਪੰਜਾਬੀ","dir":"ltr"},{"lang":"pag","autonym":"Pangasinan","dir":"ltr"},{"lang":"pam","autonym":"Kapampangan","dir":"ltr"},{"lang":"pap","autonym":"Papiamentu","dir":"ltr"},{"lang":"pcd","autonym":"Picard","dir":"ltr"},{"lang":"pcm","autonym":"Naijá","dir":"ltr"},{"lang":"pdc","autonym":"Deitsch","dir":"ltr"},{"lang":"pms","autonym":"Piemontèis","dir":"ltr"},{"lang":"pnb","autonym":"پنجابی","dir":"rtl"},{"lang":"ps","autonym":"پښتو","dir":"rtl"},{"lang":"pwn","autonym":"pinayuanan","dir":"ltr"},{"lang":"qu","autonym":"Runa Simi","dir":"ltr"},{"lang":"rm","autonym":"rumantsch", "dir":"ltr"},{"lang":"rn","autonym":"ikirundi","dir":"ltr"},{"lang":"rsk","autonym":"руски","dir":"ltr"},{"lang":"rue","autonym":"русиньскый","dir":"ltr"},{"lang":"rup","autonym":"armãneashti","dir":"ltr"},{"lang":"rw","autonym":"Ikinyarwanda","dir":"ltr"},{"lang":"sa","autonym":"संस्कृतम्","dir":"ltr"},{"lang":"sah","autonym":"саха тыла","dir":"ltr"},{"lang":"sat","autonym":"ᱥᱟᱱᱛᱟᱲᱤ","dir":"ltr"},{"lang":"sc","autonym":"sardu","dir":"ltr"},{"lang":"scn","autonym":"sicilianu","dir":"ltr"},{"lang":"sco","autonym":"Scots","dir":"ltr"},{"lang":"sd","autonym":"سنڌي","dir":"rtl"},{"lang":"se","autonym":"davvisámegiella","dir":"ltr"},{"lang":"sg","autonym":"Sängö","dir":"ltr"},{"lang":"sgs","autonym":"žemaitėška","dir":"ltr"},{"lang":"sh","autonym":"srpskohrvatski / српскохрватски","dir":"ltr"},{"lang":"shi","autonym":"Taclḥit","dir":"ltr"},{"lang":"shn","autonym":"ၽႃႇသႃႇတႆး ","dir":"ltr"},{ "lang":"si","autonym":"සිංහල","dir":"ltr"},{"lang":"sk","autonym":"slovenčina","dir":"ltr"},{"lang":"skr","autonym":"سرائیکی","dir":"rtl"},{"lang":"sl","autonym":"slovenščina","dir":"ltr"},{"lang":"sm","autonym":"Gagana Samoa","dir":"ltr"},{"lang":"smn","autonym":"anarâškielâ","dir":"ltr"},{"lang":"sn","autonym":"chiShona","dir":"ltr"},{"lang":"so","autonym":"Soomaaliga","dir":"ltr"},{"lang":"sq","autonym":"shqip","dir":"ltr"},{"lang":"srn","autonym":"Sranantongo","dir":"ltr"},{"lang":"ss","autonym":"SiSwati","dir":"ltr"},{"lang":"st","autonym":"Sesotho","dir":"ltr"},{"lang":"stq","autonym":"Seeltersk","dir":"ltr"},{"lang":"su","autonym":"Sunda","dir":"ltr"},{"lang":"sw","autonym":"Kiswahili","dir":"ltr"},{"lang":"szl","autonym":"ślůnski","dir":"ltr"},{"lang":"ta","autonym":"தமிழ்","dir":"ltr"},{"lang":"tay","autonym":"Tayal","dir":"ltr"},{"lang":"tcy","autonym":"ತುಳು","dir":"ltr"},{"lang":"tdd","autonym":"ᥖᥭᥰ ᥖᥬᥲ ᥑᥨᥒᥰ", "dir":"ltr"},{"lang":"te","autonym":"తెలుగు","dir":"ltr"},{"lang":"tet","autonym":"tetun","dir":"ltr"},{"lang":"tg","autonym":"тоҷикӣ","dir":"ltr"},{"lang":"ti","autonym":"ትግርኛ","dir":"ltr"},{"lang":"tig","autonym":"ትግሬ","dir":"ltr"},{"lang":"tk","autonym":"Türkmençe","dir":"ltr"},{"lang":"tl","autonym":"Tagalog","dir":"ltr"},{"lang":"tly","autonym":"tolışi","dir":"ltr"},{"lang":"tn","autonym":"Setswana","dir":"ltr"},{"lang":"to","autonym":"lea faka-Tonga","dir":"ltr"},{"lang":"tpi","autonym":"Tok Pisin","dir":"ltr"},{"lang":"tr","autonym":"Türkçe","dir":"ltr"},{"lang":"trv","autonym":"Seediq","dir":"ltr"},{"lang":"ts","autonym":"Xitsonga","dir":"ltr"},{"lang":"tt","autonym":"татарча / tatarça","dir":"ltr"},{"lang":"tum","autonym":"chiTumbuka","dir":"ltr"},{"lang":"tw","autonym":"Twi","dir":"ltr"},{"lang":"ty","autonym":"reo tahiti","dir":"ltr"},{"lang":"tyv","autonym":"тыва дыл","dir":"ltr"},{"lang":"udm","autonym":"удмурт", "dir":"ltr"},{"lang":"ur","autonym":"اردو","dir":"rtl"},{"lang":"uz","autonym":"oʻzbekcha / ўзбекча","dir":"ltr"},{"lang":"ve","autonym":"Tshivenda","dir":"ltr"},{"lang":"vec","autonym":"vèneto","dir":"ltr"},{"lang":"vep","autonym":"vepsän kel’","dir":"ltr"},{"lang":"vi","autonym":"Tiếng Việt","dir":"ltr"},{"lang":"vls","autonym":"West-Vlams","dir":"ltr"},{"lang":"vo","autonym":"Volapük","dir":"ltr"},{"lang":"vro","autonym":"võro","dir":"ltr"},{"lang":"wa","autonym":"walon","dir":"ltr"},{"lang":"war","autonym":"Winaray","dir":"ltr"},{"lang":"wo","autonym":"Wolof","dir":"ltr"},{"lang":"xal","autonym":"хальмг","dir":"ltr"},{"lang":"xh","autonym":"isiXhosa","dir":"ltr"},{"lang":"xmf","autonym":"მარგალური","dir":"ltr"},{"lang":"yi","autonym":"ייִדיש","dir":"rtl"},{"lang":"yo","autonym":"Yorùbá","dir":"ltr"},{"lang":"yue","autonym":"粵語","dir":"ltr"},{"lang":"za","autonym":"Vahcuengh","dir":"ltr"},{"lang":"zgh","autonym": "ⵜⴰⵎⴰⵣⵉⵖⵜ ⵜⴰⵏⴰⵡⴰⵢⵜ","dir":"ltr"},{"lang":"zu","autonym":"isiZulu","dir":"ltr"}],"wgSectionTranslationTargetLanguages":["ace","ady","alt","am","ami","an","ang","ann","anp","ar","ary","arz","as","ast","av","avk","awa","ay","az","azb","ba","ban","bar","bbc","bcl","bdr","be","bew","bg","bho","bi","bjn","blk","bm","bn","bo","bpy","br","bs","btm","bug","ca","cdo","ce","ceb","ch","chr","ckb","co","cr","crh","cs","cu","cy","da","dag","de","dga","din","diq","dsb","dtp","dv","dz","ee","el","eml","eo","es","et","eu","fa","fat","ff","fi","fj","fo","fon","fr","frp","frr","fur","fy","gag","gan","gcr","gl","glk","gn","gom","gor","gpe","gu","guc","gur","guw","gv","ha","hak","haw","he","hi","hif","hr","hsb","ht","hu","hy","hyw","ia","iba","ie","ig","igl","ilo","io","is","it","iu","ja","jam","jv","ka","kaa","kab","kbd","kbp","kcg","kg","kge","ki","kk","kl","km","kn","knc","ko","koi","krc","ks","ku","kus","kv","kw","ky","lad","lb","lez","lg","li","lij","lld","lmo","ln", "lo","lt","ltg","lv","mad","mai","map-bms","mdf","mg","mhr","mi","min","mk","ml","mn","mni","mnw","mos","mr","mrj","ms","mt","mwl","my","myv","mzn","nah","nan","nap","nb","nds","nds-nl","ne","new","nia","nl","nn","nqo","nr","nso","ny","oc","om","or","os","pa","pag","pam","pap","pcd","pcm","pdc","pl","pms","pnb","ps","pt","pwn","qu","rm","rn","ro","rsk","rue","rup","rw","sa","sah","sat","sc","scn","sco","sd","se","sg","sgs","sh","shi","shn","si","sk","skr","sl","sm","smn","sn","so","sq","sr","srn","ss","st","stq","su","sv","sw","szl","ta","tay","tcy","tdd","te","tet","tg","th","ti","tig","tk","tl","tly","tn","to","tpi","tr","trv","ts","tt","tum","tw","ty","tyv","udm","ur","uz","ve","vec","vep","vi","vls","vo","vro","wa","war","wo","wuu","xal","xh","xmf","yi","yo","yue","za","zgh","zh","zu"],"isLanguageSearcherCXEntrypointEnabled":true,"mintEntrypointLanguages":["ace","ast","azb","bcl","bjn","bh","crh","ff","fon","ig","is","ki","ks","lmo","min","sat","ss","tn","vec"],"wgWikibaseItemId": "Q372948","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false,"wgMinervaPermissions":{"watchable":true,"watch":false},"wgMinervaFeatures":{"beta":false,"donate":true,"mobileOptionsLink":true,"categories":false,"pageIssues":true,"talkAtTop":true,"historyInPageActions":false,"overflowSubmenu":false,"tabsOnSpecials":true,"personalMenu":false,"mainMenuExpanded":false,"echo":true,"nightMode":true},"wgMinervaDownloadNamespaces":[0]};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","mediawiki.page.gallery.styles":"ready","skins.minerva.styles":"ready", "skins.minerva.content.styles.images":"ready","mediawiki.hlist":"ready","skins.minerva.codex.styles":"ready","skins.minerva.icons":"ready","skins.minerva.amc.styles":"ready","ext.wikimediamessages.styles":"ready","mobile.init.styles":"ready","ext.relatedArticles.styles":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.gallery","mediawiki.page.media","site","mediawiki.page.ready","skins.minerva.scripts","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.popups","mobile.init","ext.echo.centralauth","ext.relatedArticles.readMore.bootstrap","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.cx.eventlogging.campaigns","ext.cx.entrypoints.mffrequentlanguages","ext.cx.entrypoints.languagesearcher.init","mw.externalguidance.init","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.cite.styles%7Cext.math.styles%7Cext.relatedArticles.styles%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cmediawiki.hlist%7Cmediawiki.page.gallery.styles%7Cmobile.init.styles%7Cskins.minerva.amc.styles%7Cskins.minerva.codex.styles%7Cskins.minerva.content.styles.images%7Cskins.minerva.icons%2Cstyles%7Cwikibase.client.init&only=styles&skin=minerva"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=minerva"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=minerva"> <meta name="generator" content="MediaWiki 1.44.0-wmf.16"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="theme-color" content="#eaecf0"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/9/90/Colors-i54-ring.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1200"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/9/90/Colors-i54-ring.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="800"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="640"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0"> <meta property="og:title" content="Hue - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="manifest" href="/w/api.php?action=webapp-manifest"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=Hue&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/Hue"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="login.wikimedia.org"> </head> <body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Hue rootpage-Hue stable issues-group-B skin-minerva action-view skin--responsive mw-mf-amc-disabled mw-mf"><div id="mw-mf-viewport"> <div id="mw-mf-page-center"> <a class="mw-mf-page-center__mask" href="#"></a> <header class="header-container header-chrome"> <div class="minerva-header"> <nav class="navigation-drawer toggle-list view-border-box"> <input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button"> <label role="button" for="main-menu-input" id="mw-mf-main-menu-button" aria-hidden="true" data-event-name="ui.mainmenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet toggle-list__toggle"> <span class="minerva-icon minerva-icon--menu"></span> <span></span> </label> <div id="mw-mf-page-left" class="menu view-border-box"> <ul id="p-navigation" class="toggle-list__list"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--home" href="/wiki/Main_Page" data-mw="interface"> <span class="minerva-icon minerva-icon--home"></span> <span class="toggle-list-item__label">Home</span> </a> </li> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--random" href="/wiki/Special:Random" data-mw="interface"> <span class="minerva-icon minerva-icon--die"></span> <span class="toggle-list-item__label">Random</span> </a> </li> <li class="toggle-list-item skin-minerva-list-item-jsonly"> <a class="toggle-list-item__anchor menu__item--nearby" href="/wiki/Special:Nearby" data-event-name="menu.nearby" data-mw="interface"> <span class="minerva-icon minerva-icon--mapPin"></span> <span class="toggle-list-item__label">Nearby</span> </a> </li> </ul> <ul id="p-personal" class="toggle-list__list"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor mw-list-item menu__item--login" href="/w/index.php?title=Special:UserLogin&returnto=Hue" data-event-name="menu.login" data-mw="interface"> <span class="minerva-icon minerva-icon--logIn"></span> <span class="toggle-list-item__label">Log in</span> </a> </li> </ul> <ul id="pt-preferences" class="toggle-list__list"> <li class="toggle-list-item skin-minerva-list-item-jsonly"> <a class="toggle-list-item__anchor menu__item--settings" href="/w/index.php?title=Special:MobileOptions&returnto=Hue" data-event-name="menu.settings" data-mw="interface"> <span class="minerva-icon minerva-icon--settings"></span> <span class="toggle-list-item__label">Settings</span> </a> </li> </ul> <ul id="p-donation" class="toggle-list__list"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--donate" href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=en.wikipedia.org&uselang=en&wmf_key=minerva" data-event-name="menu.donate" data-mw="interface"> <span class="minerva-icon minerva-icon--heart"></span> <span class="toggle-list-item__label">Donate</span> </a> </li> </ul> <ul class="hlist"> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--about" href="/wiki/Wikipedia:About" data-mw="interface"> <span class="toggle-list-item__label">About Wikipedia</span> </a> </li> <li class="toggle-list-item "> <a class="toggle-list-item__anchor menu__item--disclaimers" href="/wiki/Wikipedia:General_disclaimer" data-mw="interface"> <span class="toggle-list-item__label">Disclaimers</span> </a> </li> </ul> </div> <label class="main-menu-mask" for="main-menu-input"></label> </nav> <div class="branding-box"> <a href="/wiki/Main_Page"> <span><img src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" alt="Wikipedia" width="120" height="18" style="width: 7.5em; height: 1.125em;"/> </span> </a> </div> <form action="/w/index.php" method="get" class="minerva-search-form"> <div class="search-box"> <input type="hidden" name="title" value="Special:Search"/> <input class="search skin-minerva-search-trigger" id="searchInput" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f"> <span class="search-box-icon-overlay"><span class="minerva-icon minerva-icon--search"></span> </span> </div> <button id="searchIcon" class="cdx-button cdx-button--size-large cdx-button--icon-only cdx-button--weight-quiet skin-minerva-search-trigger"> <span class="minerva-icon minerva-icon--search"></span> <span>Search</span> </button> </form> <nav class="minerva-user-navigation" aria-label="User navigation"> </nav> </div> </header> <main id="content" class="mw-body"> <div class="banner-container"> <div id="siteNotice"></div> </div> <div class="pre-content heading-holder"> <div class="page-heading"> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Hue</span></h1> <div class="tagline"></div> </div> <ul id="p-associated-pages" class="minerva__tab-container"> <li class="minerva__tab selected mw-list-item"> <a class="minerva__tab-text" href="/wiki/Hue" rel="" data-event-name="tabs.main">Article</a> </li> <li class="minerva__tab mw-list-item"> <a class="minerva__tab-text" href="/wiki/Talk:Hue" rel="discussion" data-event-name="tabs.talk">Talk</a> </li> </ul> <nav class="page-actions-menu"> <ul id="p-views" class="page-actions-menu__list"> <li id="language-selector" class="page-actions-menu__list-item"> <a role="button" href="#p-lang" data-mw="interface" data-event-name="menu.languages" title="Language" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet language-selector"> <span class="minerva-icon minerva-icon--language"></span> <span>Language</span> </a> </li> <li id="page-actions-watch" class="page-actions-menu__list-item"> <a role="button" id="ca-watch" href="/w/index.php?title=Special:UserLogin&returnto=Hue" data-event-name="menu.watch" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet menu__item--page-actions-watch"> <span class="minerva-icon minerva-icon--star"></span> <span>Watch</span> </a> </li> <li id="page-actions-edit" class="page-actions-menu__list-item"> <a role="button" id="ca-edit" href="/w/index.php?title=Hue&action=edit" data-event-name="menu.edit" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet edit-page menu__item--page-actions-edit"> <span class="minerva-icon minerva-icon--edit"></span> <span>Edit</span> </a> </li> </ul> </nav>  <div id="mw-content-subtitle"></div> </div> <div id="bodyContent" class="content"> <div id="mw-content-text" class="mw-body-content"><script>function mfTempOpenSection(id){var block=document.getElementById("mf-section-"+id);block.className+=" open-block";block.previousSibling.className+=" open-block";}</script><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><section class="mf-section-0" id="mf-section-0"> <style data-mw-deduplicate="TemplateStyles:r1236090951">.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}</style><div role="note" class="hatnote navigation-not-searchable">This article is about the color property. For the city in Vietnam, see <a href="/wiki/Hu%E1%BA%BF" title="Huế">Huế</a>. For other uses, see <a href="/wiki/Hue_(disambiguation)" class="mw-disambig" title="Hue (disambiguation)">Hue (disambiguation)</a>.</div> <p>In <a href="/wiki/Color_theory" title="Color theory">color theory</a>, <b>hue</b> is one of the properties (called <a href="/wiki/Color_appearance_model#Color_appearance_parameters" title="Color appearance model">color appearance parameters</a>) of a <a href="/wiki/Color" title="Color">color</a>, defined in the <a href="/wiki/CIECAM02" title="CIECAM02">CIECAM02</a> model as "the degree to which a <a href="/wiki/Stimulus_(physiology)#vision" title="Stimulus (physiology)">stimulus</a> can be described as similar to or different from stimuli that are described as <a href="/wiki/Red" title="Red">red</a>, <a href="/wiki/Orange_(colour)" title="Orange (colour)">orange</a>, <a href="/wiki/Yellow" title="Yellow">yellow</a>, <a href="/wiki/Green" title="Green">green</a>, <a href="/wiki/Blue" title="Blue">blue</a>, <a href="/wiki/Violet_(color)" title="Violet (color)">violet</a>,"<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> within certain theories of <a href="/wiki/Color_vision" title="Color vision">color vision</a>. </p><figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Colors-i54-ring.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Colors-i54-ring.png/220px-Colors-i54-ring.png" decoding="async" width="220" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Colors-i54-ring.png/330px-Colors-i54-ring.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/90/Colors-i54-ring.png/440px-Colors-i54-ring.png 2x" data-file-width="576" data-file-height="576"></a><figcaption>All colors on this <a href="/wiki/Color_wheel" title="Color wheel">color wheel</a> should appear to have the same lightness and the same saturation, differing only by hue.</figcaption></figure> <style data-mw-deduplicate="TemplateStyles:r1235681985">.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:var(--background-color-interactive-subtle,#f8f9fa);display:flow-root}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1;min-width:0}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}</style><style data-mw-deduplicate="TemplateStyles:r1237033735">@media print{body.ns-0 .mw-parser-output .sistersitebox{display:none!important}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}</style><div class="side-box side-box-right plainlinks sistersitebox"><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style> <div class="side-box-flex"> <div class="side-box-image"><span class="noviewer" typeof="mw:File"><a href="/wiki/File:Wiktionary-logo-en-v2.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Wiktionary-logo-en-v2.svg/40px-Wiktionary-logo-en-v2.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Wiktionary-logo-en-v2.svg/60px-Wiktionary-logo-en-v2.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/99/Wiktionary-logo-en-v2.svg/80px-Wiktionary-logo-en-v2.svg.png 2x" data-file-width="512" data-file-height="512"></a></span></div> <div class="side-box-text plainlist">Look up <i><b><a href="https://en.wiktionary.org/wiki/hue" class="extiw" title="wiktionary:hue"> hue</a></b></i> in Wiktionary, the free dictionary.</div></div> </div> <p>Hue can typically be represented quantitatively by a single number, often corresponding to an angular position around a central or neutral point or axis on a <a href="/wiki/Color_space" title="Color space">color space</a> coordinate diagram (such as a <a href="/wiki/Chromaticity_diagram" class="mw-redirect" title="Chromaticity diagram">chromaticity diagram</a>) or <a href="/wiki/Color_wheel" title="Color wheel">color wheel</a>, or by its <a href="/wiki/Dominant_wavelength" title="Dominant wavelength">dominant wavelength</a> or by that of its <a href="/wiki/Complementary_color" class="mw-redirect" title="Complementary color">complementary color</a>. The other color appearance parameters are <a href="/wiki/Colorfulness" title="Colorfulness">colorfulness</a>, <a href="/wiki/Saturation_(color_theory)" class="mw-redirect" title="Saturation (color theory)"> saturation</a> (also known as intensity or chroma),<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> <a href="/wiki/Lightness" title="Lightness">lightness</a>, and <a href="/wiki/Brightness" title="Brightness">brightness</a>. Usually, colors with the same hue are distinguished with adjectives referring to their lightness or colorfulness - for example: "light blue", "<a href="/wiki/Pastel" title="Pastel">pastel</a> blue", "vivid blue", and "cobalt blue". Exceptions include <a href="/wiki/Brown" title="Brown">brown</a>, which is a dark <a href="/wiki/Orange_(colour)" title="Orange (colour)">orange</a>.<sup id="cite_ref-Bartleson1976_3-0" class="reference"><a href="#cite_note-Bartleson1976-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> </p><p>In <a href="/wiki/Painting" title="Painting">painting</a>, a hue is a <i>pure</i> <a href="/wiki/Pigment" title="Pigment">pigment</a>—one without <a href="/wiki/Tints_and_shades" class="mw-redirect" title="Tints and shades">tint or shade</a> (added white or black pigment, respectively).<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> </p><p>The <a href="/wiki/Human_brain" title="Human brain">human brain</a> first processes hues in areas in the extended <a href="/wiki/Visual_area_V4" class="mw-redirect" title="Visual area V4"> V4</a> called <a href="/wiki/Glob_(visual_system)" title="Glob (visual system)">globs</a>.<sup id="cite_ref-Conway07_5-0" class="reference"><a href="#cite_note-Conway07-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-Conway_6-0" class="reference"><a href="#cite_note-Conway-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> </p> <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none"><div class="toctitle" lang="en" dir="ltr"><h2 id="mw-toc-heading">Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Deriving_a_hue"><span class="tocnumber">1</span> <span class="toctext">Deriving a hue</span></a> <ul> <li class="toclevel-2 tocsection-2"><a href="#Opponent_color_spaces"><span class="tocnumber">1.1</span> <span class="toctext">Opponent color spaces</span></a></li> <li class="toclevel-2 tocsection-3"><a href="#Defining_hue_in_terms_of_RGB"><span class="tocnumber">1.2</span> <span class="toctext">Defining hue in terms of RGB</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-4"><a href="#Usage_in_art"><span class="tocnumber">2</span> <span class="toctext">Usage in art</span></a></li> <li class="toclevel-1 tocsection-5"><a href="#Hue_vs._dominant_wavelength"><span class="tocnumber">3</span> <span class="toctext">Hue vs. dominant wavelength</span></a></li> <li class="toclevel-1 tocsection-6"><a href="#Hue_difference_notation"><span class="tocnumber">4</span> <span class="toctext">Hue difference notation</span></a></li> <li class="toclevel-1 tocsection-7"><a href="#Names_and_other_notations"><span class="tocnumber">5</span> <span class="toctext">Names and other notations</span></a></li> <li class="toclevel-1 tocsection-8"><a href="#See_also"><span class="tocnumber">6</span> <span class="toctext">See also</span></a></li> <li class="toclevel-1 tocsection-9"><a href="#References"><span class="tocnumber">7</span> <span class="toctext">References</span></a></li> <li class="toclevel-1 tocsection-10"><a href="#External_links"><span class="tocnumber">8</span> <span class="toctext">External links</span></a></li> </ul> </div> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(1)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Deriving_a_hue">Deriving a hue</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=1" title="Edit section: Deriving a hue" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-1 collapsible-block" id="mf-section-1"> <p>The concept of a color system with a hue was explored as early as 1830 with <a href="/wiki/Philipp_Otto_Runge" title="Philipp Otto Runge">Philipp Otto Runge</a>'s color sphere. The <a href="/wiki/Munsell_color_system" title="Munsell color system">Munsell color system</a> from the 1930s was a great step forward, as it was realized that <a href="/wiki/Color_difference#Tolerance" title="Color difference">perceptual uniformity</a> means the color space can no longer be a sphere. </p><p>As a convention, the hue for <a href="/wiki/Red" title="Red">red</a> is set to 0° for most color spaces with a hue. </p> <div style="margin:1.5em 1em 1em 1em;"><table cellpadding="0" style="background-color:#464646; color:#ffffff; text-align:center; padding-top:.5em;padding-bottom:1em; margin-top:.5em;"> <caption style="color:black; font:10pt sans-serif;"><b>Munsell <i>hues</i>; value 6 / chroma 6</b></caption> <tbody><tr style="font:10pt sans-serif;line-height:1;"> <td colspan="3">5R<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5YR<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5Y<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5GY<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5G<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5BG<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> </tr> <tr style="font-family:monospace; font-size:7pt;line-height:.3;"> <td> <div style="width:2.5em; height:2em; padding-top:.5em;"></div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C98286; color:#C98286;" title="5R 6/6 (#C98286)">201 130 134</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C9827F; color:#C9827F;" title="7.5R 6/6 (#C9827F)">201 130 127</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C98376; color:#C98376;" title="10R 6/6 (#C98376)">201 131 118</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C8856D; color:#C8856D;" title="2.5YR 6/6 (#C8856D)">200 133 109</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C58764; color:#C58764;" title="5YR 6/6 (#C58764)">197 135 100</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C1895E; color:#C1895E;" title="7.5YR 6/6 (#C1895E)">193 137 94</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#BB8C56; color:#BB8C56;" title="10YR 6/6 (#BB8C56)">187 140 86</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#B58F4F; color:#B58F4F;" title="2.5Y 6/6 (#B58F4F)">181 143 79</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#AD924B; color:#AD924B;" title="5Y 6/6 (#AD924B)">173 146 75</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#A79548; color:#A79548;" title="7.5Y 6/6 (#A79548)">167 149 72</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#A09749; color:#A09749;" title="10Y 6/6 (#A09749)">160 151 73</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#979A4E; color:#979A4E;" title="2.5GY 6/6 (#979A4E)">151 154 78</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#8D9C55; color:#8D9C55;" title="5GY 6/6 (#8D9C55)">141 156 85</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#7F9F62; color:#7F9F62;" title="7.5GY 6/6 (#7F9F62)">127 159 98</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#73A06E; color:#73A06E;" title="10GY 6/6 (#73A06E)">115 160 110</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#65A27C; color:#65A27C;" title="2.5G 6/6 (#65A27C)">101 162 124</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#5CA386; color:#5CA386;" title="5G 6/6 (#5CA386)">92 163 134</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#57A38D; color:#57A38D;" title="7.5G 6/6 (#57A38D)">87 163 141</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#52A394; color:#52A394;" title="10G 6/6 (#52A394)">82 163 148</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#4EA39A; color:#4EA39A;" title="2.5BG 6/6 (#4EA39A)">78 163 154</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em; background-color:#49A3A2; color:#49A3A2;" title="5BG 6/6 (#49A3A2)">73 163 162</div></td> <td> <div style="width:2.5em; height:2em; padding-top:.5em;"></div></td> </tr> <tr><td><div style="height:.5em"></div></td></tr> <tr style="font:10pt sans-serif;line-height:1;"> <td colspan="3">5BG<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5B<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5PB<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5P<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5RP<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> <td colspan="3">5R<br><div style="font-size:8pt; padding-bottom:3pt;padding-top:1pt;">|</div></td><td></td> </tr> <tr style="font-family:monospace; font-size:7pt;line-height:.3;"> <td><div style="width:2.5em; height:2em; padding-top:.5em;"></div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#49A3A2; color:#49A3A2;" title="5BG 6/6 (#49A3A2)">73 163 162</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#46A2AA; color:#46A2AA;" title="7.5BG 6/6 (#46A2AA)">70 162 170</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#46A1B1; color:#46A1B1;" title="10BG 6/6 (#46A1B1)">70 161 177</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#49A0B8; color:#49A0B8;" title="2.5B 6/6 (#49A0B8)">73 160 184</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#529EBD; color:#529EBD;" title="5B 6/6 (#529EBD)">82 158 189</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#5D9CC1; color:#5D9CC1;" title="7.5B 6/6 (#5D9CC1)">93 156 193</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#689AC3; color:#689AC3;" title="10B 6/6 (#689AC3)">104 154 195</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#7597C5; color:#7597C5;" title="2.5PB 6/6 (#7597C5)">117 151 197</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#8095C6; color:#8095C6;" title="5PB 6/6 (#8095C6)">128 149 198</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#8D91C6; color:#8D91C6;" title="7.5PB 6/6 (#8D91C6)">141 145 198</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#988EC4; color:#988EC4;" title="10PB 6/6 (#988EC4)">152 142 196</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#A08CC1; color:#A08CC1;" title="2.5P 6/6 (#A08CC1)">160 140 193</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#A88ABD; color:#A88ABD;" title="5P 6/6 (#A88ABD)">168 138 189</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#B187B6; color:#B187B6;" title="7.5P 6/6 (#B187B6)">177 135 182</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#B786B0; color:#B786B0;" title="10P 6/6 (#B786B0)">183 134 176</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#BC84A9; color:#BC84A9;" title="2.5RP 6/6 (#BC84A9)">188 132 169</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C183A0; color:#C183A0;" title="5RP 6/6 (#C183A0)">193 131 160</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C48299; color:#C48299;" title="7.5RP 6/6 (#C48299)">196 130 153</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C68292; color:#C68292;" title="10RP 6/6 (#C68292)">198 130 146</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C8828C; color:#C8828C;" title="2.5R 6/6 (#C8828C)">200 130 140</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em; background-color:#C98286; color:#C98286;" title="5R 6/6 (#C98286)">201 130 134</div></td> <td><div style="width:2.5em; height:2em; padding-top:.5em;"></div></td> </tr> </tbody></table></div> <div class="mw-heading mw-heading3"><h3 id="Opponent_color_spaces">Opponent color spaces</h3><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=2" title="Edit section: Opponent color spaces" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <p>In <a href="/wiki/Opponent_process" title="Opponent process">opponent color spaces</a> in which two of the axes are perceptually orthogonal to lightness, such as the CIE 1976 (<i>L</i>*, <i>a</i>*, <i>b</i>*) (<a href="/wiki/CIELAB" class="mw-redirect" title="CIELAB">CIELAB</a>) and 1976 (<i>L</i>*, <i>u</i>*, <i>v</i>*) (<a href="/wiki/CIELUV" title="CIELUV">CIELUV</a>) color spaces, hue may be computed together with chroma by converting these coordinates from <a href="/wiki/Rectangular_coordinates" class="mw-redirect" title="Rectangular coordinates">rectangular</a> form to <a href="/wiki/Polar_coordinates" class="mw-redirect" title="Polar coordinates">polar</a> form. Hue is the angular component of the polar representation, while chroma is the radial component. </p><p>Specifically, in CIELAB<sup id="cite_ref-CIE1986_7-0" class="reference"><a href="#cite_note-CIE1986-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> </p> <dl><dd><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 h_{ab}=\mathrm {atan2} (b^{*},a^{*}),}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>h</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>a</mi> <mi>b</mi> </mrow> </msub> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">t</mi> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">n</mi> <mn>2</mn> </mrow> <mo stretchy="false">(</mo> <msup> <mi>b</mi> <mrow class="MJX-TeXAtom-ORD"> <mo>∗</mo> </mrow> </msup> <mo>,</mo> <msup> <mi>a</mi> <mrow class="MJX-TeXAtom-ORD"> <mo>∗</mo> </mrow> </msup> <mo stretchy="false">)</mo> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle h_{ab}=\mathrm {atan2} (b^{*},a^{*}),}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/9f03d023c92887f7dcf9441bc21e9c8cde274be6" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.838ex; width:19.755ex; height:2.843ex;" alt="{\displaystyle h_{ab}=\mathrm {atan2} (b^{*},a^{*}),}"></noscript><span class="lazy-image-placeholder" style="width: 19.755ex;height: 2.843ex;vertical-align: -0.838ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/9f03d023c92887f7dcf9441bc21e9c8cde274be6" data-alt="{\displaystyle h_{ab}=\mathrm {atan2} (b^{*},a^{*}),}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span></dd></dl> <p>while, analogously, in CIELUV<sup id="cite_ref-CIE1986_7-1" class="reference"><a href="#cite_note-CIE1986-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> </p> <dl><dd><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 h_{uv}=\mathrm {atan2} (v^{*},u^{*})=\mathrm {atan2} (v',u'),}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>h</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>u</mi> <mi>v</mi> </mrow> </msub> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">t</mi> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">n</mi> <mn>2</mn> </mrow> <mo stretchy="false">(</mo> <msup> <mi>v</mi> <mrow class="MJX-TeXAtom-ORD"> <mo>∗</mo> </mrow> </msup> <mo>,</mo> <msup> <mi>u</mi> <mrow class="MJX-TeXAtom-ORD"> <mo>∗</mo> </mrow> </msup> <mo stretchy="false">)</mo> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">t</mi> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">n</mi> <mn>2</mn> </mrow> <mo stretchy="false">(</mo> <msup> <mi>v</mi> <mo>′</mo> </msup> <mo>,</mo> <msup> <mi>u</mi> <mo>′</mo> </msup> <mo stretchy="false">)</mo> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle h_{uv}=\mathrm {atan2} (v^{*},u^{*})=\mathrm {atan2} (v',u'),}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/ca5c79e8c30d98cd03b3f762c4ab97e6cbe86ad3" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.838ex; width:35.601ex; height:3.009ex;" alt="{\displaystyle h_{uv}=\mathrm {atan2} (v^{*},u^{*})=\mathrm {atan2} (v',u'),}"></noscript><span class="lazy-image-placeholder" style="width: 35.601ex;height: 3.009ex;vertical-align: -0.838ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/ca5c79e8c30d98cd03b3f762c4ab97e6cbe86ad3" data-alt="{\displaystyle h_{uv}=\mathrm {atan2} (v^{*},u^{*})=\mathrm {atan2} (v',u'),}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span></dd></dl> <p>where, <a href="/wiki/Atan2" title="Atan2">atan2</a> is a two-argument inverse tangent. </p> <div class="mw-heading mw-heading3"><h3 id="Defining_hue_in_terms_of_RGB">Defining hue in terms of RGB</h3><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=3" title="Edit section: Defining hue in terms of RGB" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:HSV_cone.jpg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/HSV_cone.jpg/220px-HSV_cone.jpg" decoding="async" width="220" height="165" class="mw-file-element" data-file-width="640" data-file-height="480"></noscript><span class="lazy-image-placeholder" style="width: 220px;height: 165px;" data-mw-src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/HSV_cone.jpg/220px-HSV_cone.jpg" data-width="220" data-height="165" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/HSV_cone.jpg/330px-HSV_cone.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f1/HSV_cone.jpg/440px-HSV_cone.jpg 2x" data-class="mw-file-element"> </span></a><figcaption>HSV color space as a conical object</figcaption></figure> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:HSV-RGB-comparison.svg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/HSV-RGB-comparison.svg/220px-HSV-RGB-comparison.svg.png" decoding="async" width="220" height="161" class="mw-file-element" data-file-width="451" data-file-height="331"></noscript><span class="lazy-image-placeholder" style="width: 220px;height: 161px;" data-mw-src="//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/HSV-RGB-comparison.svg/220px-HSV-RGB-comparison.svg.png" data-width="220" data-height="161" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/HSV-RGB-comparison.svg/330px-HSV-RGB-comparison.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/5d/HSV-RGB-comparison.svg/440px-HSV-RGB-comparison.svg.png 2x" data-class="mw-file-element"> </span></a><figcaption>An illustration of the relationship between the "hue" of colors with maximal saturation in HSV and HSL with their corresponding RGB coordinates</figcaption></figure> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:RGB_color_wheel_24.svg" class="mw-file-description"><noscript><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/RGB_color_wheel_24.svg/220px-RGB_color_wheel_24.svg.png" decoding="async" width="220" height="220" class="mw-file-element" data-file-width="375" data-file-height="375"></noscript><span class="lazy-image-placeholder" style="width: 220px;height: 220px;" data-mw-src="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/RGB_color_wheel_24.svg/220px-RGB_color_wheel_24.svg.png" data-width="220" data-height="220" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/RGB_color_wheel_24.svg/330px-RGB_color_wheel_24.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/db/RGB_color_wheel_24.svg/440px-RGB_color_wheel_24.svg.png 2x" data-class="mw-file-element"> </span></a><figcaption>Hue circle in 24 colors (15°)</figcaption></figure> <p>Preucil<sup id="cite_ref-Preucil1953_8-0" class="reference"><a href="#cite_note-Preucil1953-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> describes a color hexagon, similar to a trilinear plot described by Evans, Hanson, and Brewer,<sup id="cite_ref-Evans1953_9-0" class="reference"><a href="#cite_note-Evans1953-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup> which may be used to compute hue from <a href="/wiki/RGB_color_model" title="RGB color model">RGB</a>. To place <a href="/wiki/Red" title="Red">red</a> at 0°, <a href="/wiki/Green" title="Green">green</a> at 120°, and <a href="/wiki/Blue" title="Blue">blue</a> at 240°, </p> <dl><dd><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 h_{rgb}=\mathrm {atan2} \left({\sqrt {3}}\cdot (G-B),2\cdot R-G-B\right).}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>h</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>r</mi> <mi>g</mi> <mi>b</mi> </mrow> </msub> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">t</mi> <mi mathvariant="normal">a</mi> <mi mathvariant="normal">n</mi> <mn>2</mn> </mrow> <mrow> <mo>(</mo> <mrow> <mrow class="MJX-TeXAtom-ORD"> <msqrt> <mn>3</mn> </msqrt> </mrow> <mo>⋅</mo> <mo stretchy="false">(</mo> <mi>G</mi> <mo>−</mo> <mi>B</mi> <mo stretchy="false">)</mo> <mo>,</mo> <mn>2</mn> <mo>⋅</mo> <mi>R</mi> <mo>−</mo> <mi>G</mi> <mo>−</mo> <mi>B</mi> </mrow> <mo>)</mo> </mrow> <mo>.</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle h_{rgb}=\mathrm {atan2} \left({\sqrt {3}}\cdot (G-B),2\cdot R-G-B\right).}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/d07d0ebe03d1f3c39d13069120d6d570657ed1d3" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.005ex; width:44.07ex; height:3.176ex;" alt="{\displaystyle h_{rgb}=\mathrm {atan2} \left({\sqrt {3}}\cdot (G-B),2\cdot R-G-B\right).}"></noscript><span class="lazy-image-placeholder" style="width: 44.07ex;height: 3.176ex;vertical-align: -1.005ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/d07d0ebe03d1f3c39d13069120d6d570657ed1d3" data-alt="{\displaystyle h_{rgb}=\mathrm {atan2} \left({\sqrt {3}}\cdot (G-B),2\cdot R-G-B\right).}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span></dd></dl> <p>Equivalently, one may solve </p> <dl><dd><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 \tan(h_{rgb})={\frac {{\sqrt {3}}\cdot (G-B)}{2\cdot R-G-B}}.}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>tan</mi> <mo>⁡</mo> <mo stretchy="false">(</mo> <msub> <mi>h</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>r</mi> <mi>g</mi> <mi>b</mi> </mrow> </msub> <mo stretchy="false">)</mo> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mrow class="MJX-TeXAtom-ORD"> <msqrt> <mn>3</mn> </msqrt> </mrow> <mo>⋅</mo> <mo stretchy="false">(</mo> <mi>G</mi> <mo>−</mo> <mi>B</mi> <mo stretchy="false">)</mo> </mrow> <mrow> <mn>2</mn> <mo>⋅</mo> <mi>R</mi> <mo>−</mo> <mi>G</mi> <mo>−</mo> <mi>B</mi> </mrow> </mfrac> </mrow> <mo>.</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \tan(h_{rgb})={\frac {{\sqrt {3}}\cdot (G-B)}{2\cdot R-G-B}}.}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/aa25adbef9d76f81fafc11cab508887d9edade66" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.171ex; width:27.435ex; height:6.343ex;" alt="{\displaystyle \tan(h_{rgb})={\frac {{\sqrt {3}}\cdot (G-B)}{2\cdot R-G-B}}.}"></noscript><span class="lazy-image-placeholder" style="width: 27.435ex;height: 6.343ex;vertical-align: -2.171ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/aa25adbef9d76f81fafc11cab508887d9edade66" data-alt="{\displaystyle \tan(h_{rgb})={\frac {{\sqrt {3}}\cdot (G-B)}{2\cdot R-G-B}}.}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span></dd></dl> <p>Preucil used a polar plot, which he termed a color circle.<sup id="cite_ref-Preucil1953_8-1" class="reference"><a href="#cite_note-Preucil1953-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> Using R, G, and B, one may compute hue angle using the following scheme: determine which of the six possible orderings of R, G, and B prevail, then apply the formula given in the table below. </p> <table class="wikitable"> <tbody><tr> <th>Ordering </th> <th>Hue region </th> <th><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 h_{\text{Preucil circle}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>h</mi> <mrow class="MJX-TeXAtom-ORD"> <mtext>Preucil circle</mtext> </mrow> </msub> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle h_{\text{Preucil circle}}}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/774998c26139bc704bf53db6ae2dafffb87d27ff" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:10.954ex; height:2.509ex;" alt="{\displaystyle h_{\text{Preucil circle}}}"></noscript><span class="lazy-image-placeholder" style="width: 10.954ex;height: 2.509ex;vertical-align: -0.671ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/774998c26139bc704bf53db6ae2dafffb87d27ff" data-alt="{\displaystyle h_{\text{Preucil circle}}}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </th></tr> <tr> <td><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\geq G\geq B}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>≥</mo> <mi>G</mi> <mo>≥</mo> <mi>B</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R\geq G\geq B}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a8611fb5287ab2feea9af65efadc7b02a11a9107" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.505ex; width:11.552ex; height:2.343ex;" alt="{\displaystyle R\geq G\geq B}"></noscript><span class="lazy-image-placeholder" style="width: 11.552ex;height: 2.343ex;vertical-align: -0.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a8611fb5287ab2feea9af65efadc7b02a11a9107" data-alt="{\displaystyle R\geq G\geq B}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td> <td>Orange </td> <td><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 60^{\circ }\cdot {\frac {G-B}{R-B}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mn>60</mn> <mrow class="MJX-TeXAtom-ORD"> <mo>∘</mo> </mrow> </msup> <mo>⋅</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>G</mi> <mo>−</mo> <mi>B</mi> </mrow> <mrow> <mi>R</mi> <mo>−</mo> <mi>B</mi> </mrow> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60^{\circ }\cdot {\frac {G-B}{R-B}}}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a702c8e455fadf24707c69815f3813d8d8d5b1a9" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.005ex; width:12.326ex; height:5.509ex;" alt="{\displaystyle 60^{\circ }\cdot {\frac {G-B}{R-B}}}"></noscript><span class="lazy-image-placeholder" style="width: 12.326ex;height: 5.509ex;vertical-align: -2.005ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a702c8e455fadf24707c69815f3813d8d8d5b1a9" data-alt="{\displaystyle 60^{\circ }\cdot {\frac {G-B}{R-B}}}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td></tr> <tr> <td><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>R\geq B}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>G</mi> <mo>></mo> <mi>R</mi> <mo>≥</mo> <mi>B</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle G>R\geq B}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/fcea09e81b97021cfe31ed263d4caa12e83f184f" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.505ex; width:11.552ex; height:2.343ex;" alt="{\displaystyle G>R\geq B}"></noscript><span class="lazy-image-placeholder" style="width: 11.552ex;height: 2.343ex;vertical-align: -0.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/fcea09e81b97021cfe31ed263d4caa12e83f184f" data-alt="{\displaystyle G>R\geq B}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td> <td>Chartreuse </td> <td><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 60^{\circ }\cdot \left(2-{\frac {R-B}{G-B}}\right)}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mn>60</mn> <mrow class="MJX-TeXAtom-ORD"> <mo>∘</mo> </mrow> </msup> <mo>⋅</mo> <mrow> <mo>(</mo> <mrow> <mn>2</mn> <mo>−</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>R</mi> <mo>−</mo> <mi>B</mi> </mrow> <mrow> <mi>G</mi> <mo>−</mo> <mi>B</mi> </mrow> </mfrac> </mrow> </mrow> <mo>)</mo> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60^{\circ }\cdot \left(2-{\frac {R-B}{G-B}}\right)}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c78af4c9ee39dbbaa605bd61aa08f389d07f0cb0" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:19.75ex; height:6.176ex;" alt="{\displaystyle 60^{\circ }\cdot \left(2-{\frac {R-B}{G-B}}\right)}"></noscript><span class="lazy-image-placeholder" style="width: 19.75ex;height: 6.176ex;vertical-align: -2.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c78af4c9ee39dbbaa605bd61aa08f389d07f0cb0" data-alt="{\displaystyle 60^{\circ }\cdot \left(2-{\frac {R-B}{G-B}}\right)}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td></tr> <tr> <td><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\geq B>R}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>G</mi> <mo>≥</mo> <mi>B</mi> <mo>></mo> <mi>R</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle G\geq B>R}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a5be8ea302065f8cc2af983d0c772c3d4fb18059" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.505ex; width:11.552ex; height:2.343ex;" alt="{\displaystyle G\geq B>R}"></noscript><span class="lazy-image-placeholder" style="width: 11.552ex;height: 2.343ex;vertical-align: -0.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a5be8ea302065f8cc2af983d0c772c3d4fb18059" data-alt="{\displaystyle G\geq B>R}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td> <td>Spring Green </td> <td><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 60^{\circ }\cdot \left(2+{\frac {B-R}{G-R}}\right)}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mn>60</mn> <mrow class="MJX-TeXAtom-ORD"> <mo>∘</mo> </mrow> </msup> <mo>⋅</mo> <mrow> <mo>(</mo> <mrow> <mn>2</mn> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>B</mi> <mo>−</mo> <mi>R</mi> </mrow> <mrow> <mi>G</mi> <mo>−</mo> <mi>R</mi> </mrow> </mfrac> </mrow> </mrow> <mo>)</mo> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60^{\circ }\cdot \left(2+{\frac {B-R}{G-R}}\right)}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4ec80ef5ba9301851506bfadfe1cd6eed9f89b3c" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:19.75ex; height:6.176ex;" alt="{\displaystyle 60^{\circ }\cdot \left(2+{\frac {B-R}{G-R}}\right)}"></noscript><span class="lazy-image-placeholder" style="width: 19.75ex;height: 6.176ex;vertical-align: -2.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4ec80ef5ba9301851506bfadfe1cd6eed9f89b3c" data-alt="{\displaystyle 60^{\circ }\cdot \left(2+{\frac {B-R}{G-R}}\right)}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td></tr> <tr> <td><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 \ B>G>R\ }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mtext> </mtext> <mi>B</mi> <mo>></mo> <mi>G</mi> <mo>></mo> <mi>R</mi> <mtext> </mtext> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \ B>G>R\ }</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e51cbe519ad9e6d2b8eb729b1baa0b4398340151" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:12.713ex; height:2.176ex;" alt="{\displaystyle \ B>G>R\ }"></noscript><span class="lazy-image-placeholder" style="width: 12.713ex;height: 2.176ex;vertical-align: -0.338ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e51cbe519ad9e6d2b8eb729b1baa0b4398340151" data-alt="{\displaystyle \ B>G>R\ }" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td> <td>Azure </td> <td><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 60^{\circ }\cdot \left(4-{\frac {G-R}{B-R}}\right)}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mn>60</mn> <mrow class="MJX-TeXAtom-ORD"> <mo>∘</mo> </mrow> </msup> <mo>⋅</mo> <mrow> <mo>(</mo> <mrow> <mn>4</mn> <mo>−</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>G</mi> <mo>−</mo> <mi>R</mi> </mrow> <mrow> <mi>B</mi> <mo>−</mo> <mi>R</mi> </mrow> </mfrac> </mrow> </mrow> <mo>)</mo> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60^{\circ }\cdot \left(4-{\frac {G-R}{B-R}}\right)}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/32bd2a65494e299158a518ccf2bb5c1c2b94686f" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:19.75ex; height:6.176ex;" alt="{\displaystyle 60^{\circ }\cdot \left(4-{\frac {G-R}{B-R}}\right)}"></noscript><span class="lazy-image-placeholder" style="width: 19.75ex;height: 6.176ex;vertical-align: -2.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/32bd2a65494e299158a518ccf2bb5c1c2b94686f" data-alt="{\displaystyle 60^{\circ }\cdot \left(4-{\frac {G-R}{B-R}}\right)}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td></tr> <tr> <td><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 B>R\geq G}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>B</mi> <mo>></mo> <mi>R</mi> <mo>≥</mo> <mi>G</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle B>R\geq G}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/fcd458d78a928fa05734b66f68a19f138f26bcc3" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.505ex; width:11.552ex; height:2.343ex;" alt="{\displaystyle B>R\geq G}"></noscript><span class="lazy-image-placeholder" style="width: 11.552ex;height: 2.343ex;vertical-align: -0.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/fcd458d78a928fa05734b66f68a19f138f26bcc3" data-alt="{\displaystyle B>R\geq G}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td> <td>Violet </td> <td><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 60^{\circ }\cdot \left(4+{\frac {R-G}{B-G}}\right)}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mn>60</mn> <mrow class="MJX-TeXAtom-ORD"> <mo>∘</mo> </mrow> </msup> <mo>⋅</mo> <mrow> <mo>(</mo> <mrow> <mn>4</mn> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>R</mi> <mo>−</mo> <mi>G</mi> </mrow> <mrow> <mi>B</mi> <mo>−</mo> <mi>G</mi> </mrow> </mfrac> </mrow> </mrow> <mo>)</mo> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60^{\circ }\cdot \left(4+{\frac {R-G}{B-G}}\right)}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/84f27aec4c826d526a6b76526281e4f844446a42" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:19.75ex; height:6.176ex;" alt="{\displaystyle 60^{\circ }\cdot \left(4+{\frac {R-G}{B-G}}\right)}"></noscript><span class="lazy-image-placeholder" style="width: 19.75ex;height: 6.176ex;vertical-align: -2.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/84f27aec4c826d526a6b76526281e4f844446a42" data-alt="{\displaystyle 60^{\circ }\cdot \left(4+{\frac {R-G}{B-G}}\right)}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td></tr> <tr> <td><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\geq B>G}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>≥</mo> <mi>B</mi> <mo>></mo> <mi>G</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R\geq B>G}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e766fce2ce7217228bcf758c0bac4ceeeeb51b1b" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.505ex; width:11.552ex; height:2.343ex;" alt="{\displaystyle R\geq B>G}"></noscript><span class="lazy-image-placeholder" style="width: 11.552ex;height: 2.343ex;vertical-align: -0.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e766fce2ce7217228bcf758c0bac4ceeeeb51b1b" data-alt="{\displaystyle R\geq B>G}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td> <td>Rose </td> <td><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 60^{\circ }\cdot \left(6-{\frac {B-G}{R-G}}\right)}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mn>60</mn> <mrow class="MJX-TeXAtom-ORD"> <mo>∘</mo> </mrow> </msup> <mo>⋅</mo> <mrow> <mo>(</mo> <mrow> <mn>6</mn> <mo>−</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>B</mi> <mo>−</mo> <mi>G</mi> </mrow> <mrow> <mi>R</mi> <mo>−</mo> <mi>G</mi> </mrow> </mfrac> </mrow> </mrow> <mo>)</mo> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60^{\circ }\cdot \left(6-{\frac {B-G}{R-G}}\right)}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/19cc133b044d1e1e8eae52d5c86ae5e861b4cda7" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:19.75ex; height:6.176ex;" alt="{\displaystyle 60^{\circ }\cdot \left(6-{\frac {B-G}{R-G}}\right)}"></noscript><span class="lazy-image-placeholder" style="width: 19.75ex;height: 6.176ex;vertical-align: -2.505ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/19cc133b044d1e1e8eae52d5c86ae5e861b4cda7" data-alt="{\displaystyle 60^{\circ }\cdot \left(6-{\frac {B-G}{R-G}}\right)}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> </td></tr></tbody></table> <p>In each case the formula contains the fraction <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 {\frac {M-L}{H-L}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>M</mi> <mo>−</mo> <mi>L</mi> </mrow> <mrow> <mi>H</mi> <mo>−</mo> <mi>L</mi> </mrow> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {\frac {M-L}{H-L}}}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c2e32b87648164613b6a9d69a1a33843f055929e" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.005ex; width:7.702ex; height:5.343ex;" alt="{\displaystyle {\frac {M-L}{H-L}}}"></noscript><span class="lazy-image-placeholder" style="width: 7.702ex;height: 5.343ex;vertical-align: -2.005ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c2e32b87648164613b6a9d69a1a33843f055929e" data-alt="{\displaystyle {\frac {M-L}{H-L}}}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span>, where <i>H</i> is the highest of R, G, and B; <i>L</i> is the lowest, and <i>M</i> is the mid one between the other two. This is referred to as the "Preucil hue error" and was used in the computation of mask strength in photomechanical color reproduction.<sup id="cite_ref-Southworth_10-0" class="reference"><a href="#cite_note-Southworth-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> </p><p>Hue angles computed for the Preucil circle agree with the hue angle computed for the Preucil hexagon at integer multiples of 30° (red, yellow, green, cyan, blue, magenta, and the colors midway between contiguous pairs) and differ by approximately 1.2° at odd integer multiples of 15° (based on the circle formula), the maximal divergence between the two. </p><p>The process of converting an RGB color into an <a href="/wiki/HSL_and_HSV" title="HSL and HSV">HSL or HSV color space</a> is usually based on a 6-piece piecewise mapping, treating the HSV cone as a <a href="/wiki/Hexagonal_pyramid" title="Hexagonal pyramid">hexacone</a>, or the HSL double cone as a double hexacone.<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> The formulae used are those in the table above. </p> <ul class="gallery mw-gallery-packed"> <li class="gallerycaption">Additional images for hue in the HSL and HSV systems</li> <li class="gallerybox" style="width: 556px"> <div class="thumb" style="width: 554px;"><span typeof="mw:File"><a href="/wiki/File:HueScale.svg" class="mw-file-description" title="Hue in the HSL/HSV encodings of RGB"><noscript><img alt="Hue in the HSL/HSV encodings of RGB" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HueScale.svg/831px-HueScale.svg.png" decoding="async" width="554" height="120" class="mw-file-element" data-file-width="743" data-file-height="161"></noscript><span class="lazy-image-placeholder" style="width: 554px;height: 120px;" data-mw-src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HueScale.svg/831px-HueScale.svg.png" data-alt="Hue in the HSL/HSV encodings of RGB" data-width="554" data-height="120" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HueScale.svg/1247px-HueScale.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HueScale.svg/1662px-HueScale.svg.png 2x" data-class="mw-file-element"> </span></a></span></div> <div class="gallerytext">Hue in the <a href="/wiki/HSL_and_HSV" title="HSL and HSV">HSL/HSV</a> encodings of <a href="/wiki/RGB_color_model" title="RGB color model">RGB</a></div> </li> <li class="gallerybox" style="width: 108.66666666667px"> <div class="thumb" style="width: 106.66666666667px;"><span typeof="mw:File"><a href="/wiki/File:Hue_shift_six_photoshop.jpg" class="mw-file-description" title="An image with the hues cyclically shifted in HSL space"><noscript><img alt="An image with the hues cyclically shifted in HSL space" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/07/Hue_shift_six_photoshop.jpg/160px-Hue_shift_six_photoshop.jpg" decoding="async" width="107" height="120" class="mw-file-element" data-file-width="800" data-file-height="899"></noscript><span class="lazy-image-placeholder" style="width: 107px;height: 120px;" data-mw-src="//upload.wikimedia.org/wikipedia/commons/thumb/0/07/Hue_shift_six_photoshop.jpg/160px-Hue_shift_six_photoshop.jpg" data-alt="An image with the hues cyclically shifted in HSL space" data-width="107" data-height="120" data-srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/07/Hue_shift_six_photoshop.jpg/240px-Hue_shift_six_photoshop.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/07/Hue_shift_six_photoshop.jpg/320px-Hue_shift_six_photoshop.jpg 2x" data-class="mw-file-element"> </span></a></span></div> <div class="gallerytext">An image with the hues cyclically shifted in HSL space</div> </li> <li class="gallerybox" style="width: 129.33333333333px"> <div class="thumb" style="width: 127.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Hue.gif" class="mw-file-description" title="The hues in this image of a painted bunting are cyclically rotated over time in HSL."><noscript><img alt="The hues in this image of a painted bunting are cyclically rotated over time in HSL." src="//upload.wikimedia.org/wikipedia/commons/6/6e/Hue.gif" decoding="async" width="128" height="120" class="mw-file-element" data-file-width="125" data-file-height="118"></noscript><span class="lazy-image-placeholder" style="width: 128px;height: 120px;" data-mw-src="//upload.wikimedia.org/wikipedia/commons/6/6e/Hue.gif" data-alt="The hues in this image of a painted bunting are cyclically rotated over time in HSL." data-width="128" data-height="120" data-class="mw-file-element"> </span></a></span></div> <div class="gallerytext">The hues in this image of a <a href="/wiki/Painted_bunting" title="Painted bunting">painted bunting</a> are cyclically rotated over time in HSL.</div> </li> </ul> <p>One might notice that the HSL/HSV hue "circle" do not appear to all be of the same brightness. This is a known issue of this RGB-based derivation of hue.<sup id="cite_ref-12" class="reference"><a href="#cite_note-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup> </p> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(2)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Usage_in_art">Usage in art</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=4" title="Edit section: Usage in art" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-2 collapsible-block" id="mf-section-2"> <p>Manufacturers of pigments use the word hue, for example, "cadmium yellow (hue)" to indicate that the original pigmentation ingredient, often toxic, has been replaced by safer (or cheaper) alternatives whilst retaining the hue of the original. Replacements are often used for <a href="/wiki/Chromium" title="Chromium">chromium</a>, <a href="/wiki/Cadmium" title="Cadmium">cadmium</a> and <a href="/wiki/Alizarin" title="Alizarin">alizarin</a>. </p> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(3)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Hue_vs._dominant_wavelength">Hue vs. dominant wavelength</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=5" title="Edit section: Hue vs. dominant wavelength" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-3 collapsible-block" id="mf-section-3"> <p><a href="/wiki/Dominant_wavelength" title="Dominant wavelength">Dominant wavelength</a> (or sometimes equivalent wavelength) is a physical analog to the perceptual attribute hue. On a <a href="/wiki/Chromaticity_diagram" class="mw-redirect" title="Chromaticity diagram">chromaticity diagram</a>, a line is drawn from a <a href="/wiki/White_point" title="White point">white point</a> through the coordinates of the color in question, until it intersects the <a href="/wiki/CIE_1931_color_space#The_CIE_xy_chromaticity_diagram" title="CIE 1931 color space">spectral locus</a>. The wavelength at which the line intersects the spectrum locus is identified as the color's <a href="/wiki/Dominant_wavelength" title="Dominant wavelength">dominant wavelength</a> if the point is on the same side of the white point as the spectral locus, and as the color's <a href="/wiki/Complementary_wavelength" class="mw-redirect" title="Complementary wavelength">complementary wavelength</a> if the point is on the opposite side.<sup id="cite_ref-Judd1976_13-0" class="reference"><a href="#cite_note-Judd1976-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup> </p><p><span class="anchor" id="Hue_difference:_dh_or_dH*"></span> </p> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(4)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Hue_difference_notation">Hue difference notation</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=6" title="Edit section: Hue difference notation" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-4 collapsible-block" id="mf-section-4"> <p>There are two main ways in which hue difference is quantified. The first is the simple difference between the two hue angles. The symbol for this expression of hue difference is <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 \Delta h_{ab}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi mathvariant="normal">Δ</mi> <msub> <mi>h</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>a</mi> <mi>b</mi> </mrow> </msub> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \Delta h_{ab}}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/25a1d1035b4ff0d4c3db5c75f3f840a102130435" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:5.082ex; height:2.509ex;" alt="{\displaystyle \Delta h_{ab}}"></noscript><span class="lazy-image-placeholder" style="width: 5.082ex;height: 2.509ex;vertical-align: -0.671ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/25a1d1035b4ff0d4c3db5c75f3f840a102130435" data-alt="{\displaystyle \Delta h_{ab}}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> in CIELAB and <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 \Delta h_{uv}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi mathvariant="normal">Δ</mi> <msub> <mi>h</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>u</mi> <mi>v</mi> </mrow> </msub> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \Delta h_{uv}}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e3dfc987e5161f2c59f90141507adb2025bcfe49" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:5.245ex; height:2.509ex;" alt="{\displaystyle \Delta h_{uv}}"></noscript><span class="lazy-image-placeholder" style="width: 5.245ex;height: 2.509ex;vertical-align: -0.671ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e3dfc987e5161f2c59f90141507adb2025bcfe49" data-alt="{\displaystyle \Delta h_{uv}}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> in CIELUV. The other is computed as the residual total color difference after Lightness and Chroma differences have been accounted for; its symbol is <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 \Delta H_{ab}^{*}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi mathvariant="normal">Δ</mi> <msubsup> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>a</mi> <mi>b</mi> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mo>∗</mo> </mrow> </msubsup> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \Delta H_{ab}^{*}}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/b149a49f1c0ea419b79ac966b1138ca5b4440f9c" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.005ex; width:5.674ex; height:2.843ex;" alt="{\displaystyle \Delta H_{ab}^{*}}"></noscript><span class="lazy-image-placeholder" style="width: 5.674ex;height: 2.843ex;vertical-align: -1.005ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/b149a49f1c0ea419b79ac966b1138ca5b4440f9c" data-alt="{\displaystyle \Delta H_{ab}^{*}}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> in CIELAB and <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 \Delta H_{uv}^{*}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi mathvariant="normal">Δ</mi> <msubsup> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>u</mi> <mi>v</mi> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mo>∗</mo> </mrow> </msubsup> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \Delta H_{uv}^{*}}</annotation> </semantics> </math></span><noscript><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a40967e9b6c06698efd5dfb041b95c1ac2220485" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:5.837ex; height:2.509ex;" alt="{\displaystyle \Delta H_{uv}^{*}}"></noscript><span class="lazy-image-placeholder" style="width: 5.837ex;height: 2.509ex;vertical-align: -0.671ex;" data-mw-src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a40967e9b6c06698efd5dfb041b95c1ac2220485" data-alt="{\displaystyle \Delta H_{uv}^{*}}" data-class="mwe-math-fallback-image-inline mw-invert skin-invert"> </span></span> in CIELUV. </p> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(5)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="Names_and_other_notations">Names and other notations</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=7" title="Edit section: Names and other notations" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-5 collapsible-block" id="mf-section-5"> <p>There exists some correspondence, more or less precise, between hue values and <a href="/wiki/Color_term" title="Color term">color terms</a> (names). One approach in color science is to use traditional color terms but try to give them more precise definitions. See <a href="/wiki/Spectral_color#Spectral_color_terms" title="Spectral color">spectral color#Spectral color terms</a> for names of highly saturated colors with the hue from ≈ 0° (red) up to ≈ 275° (violet), and <a href="/wiki/Line_of_purples#Table_of_highly-saturated_purple_colors" title="Line of purples">line of purples#Table of highly-saturated purple colors</a> for color terms of the remaining part of the color wheel. </p><p>Alternative approach is to use a systematic notation. It can be a standard <a href="/wiki/Angle" title="Angle">angle</a> notation for certain color model such as HSL/HSV mentioned above, <a href="/wiki/CIELUV" title="CIELUV">CIELUV</a>, or <a href="/wiki/CIECAM02" title="CIECAM02">CIECAM02</a>. Alphanumeric notations such as of <a href="/wiki/Munsell_color_system" title="Munsell color system">Munsell color system</a>, <a href="/wiki/Natural_Color_System" title="Natural Color System">NCS</a>, and <a href="/wiki/Pantone_Matching_System" class="mw-redirect" title="Pantone Matching System">Pantone Matching System</a> are also used. </p> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(6)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="See_also">See also</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=8" title="Edit section: See also" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-6 collapsible-block" id="mf-section-6"> <ul><li><a href="/wiki/Lightness_(color)" class="mw-redirect" title="Lightness (color)">Lightness (color)</a></li> <li><a href="/wiki/Chromaticity" title="Chromaticity">Chromaticity</a></li> <li><a href="/wiki/Munsell_color_system" title="Munsell color system">Munsell color system</a></li> <li><a href="/wiki/Bezold%E2%80%93Br%C3%BCcke_shift" title="Bezold–Brücke shift">Bezold–Brücke shift</a></li></ul> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(7)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="References">References</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=9" title="Edit section: References" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-7 collapsible-block" id="mf-section-7"> <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 mw-references-columns"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text">Mark Fairchild, "Color Appearance Models: CIECAM02 and Beyond". Tutorial slides for IS&T/SID 12th Color Imaging Conference.</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"><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 class="citation web cs1"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20170630065346/http://learn.leighcotnoir.com/artspeak/elements-color/hue-value-saturation/">"Hue, Value, Saturation | learn"</a>. Archived from <a rel="nofollow" class="external text" href="http://learn.leighcotnoir.com/artspeak/elements-color/hue-value-saturation/">the original</a> on 2017-06-30<span class="reference-accessdate">. Retrieved <span class="nowrap">October 27,</span> 2017</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=Hue%2C+Value%2C+Saturation+%7C+learn.&rft_id=http%3A%2F%2Flearn.leighcotnoir.com%2Fartspeak%2Felements-color%2Fhue-value-saturation%2F&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHue" class="Z3988"></span></span> </li> <li id="cite_note-Bartleson1976-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-Bartleson1976_3-0">^</a></b></span> <span class="reference-text">C J Bartleson, "Brown". <i>Color Research and Application</i>, <b>1</b> : 4, pp. 181–191 (1976).</span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://creativecurio.com/2008/05/the-color-wheel-and-color-theory/">"The Color Wheel and Color Theory"</a>. Creative Curio. 2008-05-16. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20110705211646/http://creativecurio.com/2008/05/the-color-wheel-and-color-theory/">Archived</a> from the original on 2011-07-05<span class="reference-accessdate">. Retrieved <span class="nowrap">2011-06-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=The+Color+Wheel+and+Color+Theory&rft.pub=Creative+Curio&rft.date=2008-05-16&rft_id=http%3A%2F%2Fcreativecurio.com%2F2008%2F05%2Fthe-color-wheel-and-color-theory%2F&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHue" class="Z3988"></span></span> </li> <li id="cite_note-Conway07-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-Conway07_5-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFConwayMoellerTsao2007" class="citation journal cs1">Conway, BR; Moeller, S; Tsao, DY. (2007). <a rel="nofollow" class="external text" href="https://web.archive.org/web/20210302120817/https://authors.library.caltech.edu/100800/2/1-s2.0-S0896627307007702-mmc1.pdf">"Specialized color modules in macaque extrastriate cortex"</a> <span class="cs1-format">(PDF)</span>. <i>Neuron</i>. <b>56</b> (3): <span class="nowrap">560–</span>73. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1016%2Fj.neuron.2007.10.008">10.1016/j.neuron.2007.10.008</a>. <a href="/wiki/PMC_(identifier)" class="mw-redirect" title="PMC (identifier)">PMC</a> <span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8162777">8162777</a></span>. <a href="/wiki/PMID_(identifier)" class="mw-redirect" title="PMID (identifier)">PMID</a> <a rel="nofollow" class="external text" href="https://pubmed.ncbi.nlm.nih.gov/17988638">17988638</a>. <a href="/wiki/S2CID_(identifier)" class="mw-redirect" title="S2CID (identifier)">S2CID</a> <a rel="nofollow" class="external text" href="https://api.semanticscholar.org/CorpusID:11724926">11724926</a>. Archived from <a rel="nofollow" class="external text" href="https://authors.library.caltech.edu/100800/2/1-s2.0-S0896627307007702-mmc1.pdf">the original</a> <span class="cs1-format">(PDF)</span> on 2021-03-02<span class="reference-accessdate">. Retrieved <span class="nowrap">2020-09-10</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=article&rft.jtitle=Neuron&rft.atitle=Specialized+color+modules+in+macaque+extrastriate+cortex&rft.volume=56&rft.issue=3&rft.pages=%3Cspan+class%3D%22nowrap%22%3E560-%3C%2Fspan%3E73&rft.date=2007&rft_id=https%3A%2F%2Fwww.ncbi.nlm.nih.gov%2Fpmc%2Farticles%2FPMC8162777%23id-name%3DPMC&rft_id=https%3A%2F%2Fapi.semanticscholar.org%2FCorpusID%3A11724926%23id-name%3DS2CID&rft_id=info%3Apmid%2F17988638&rft_id=info%3Adoi%2F10.1016%2Fj.neuron.2007.10.008&rft.aulast=Conway&rft.aufirst=BR&rft.au=Moeller%2C+S&rft.au=Tsao%2C+DY.&rft_id=https%3A%2F%2Fauthors.library.caltech.edu%2F100800%2F2%2F1-s2.0-S0896627307007702-mmc1.pdf&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHue" class="Z3988"></span></span> </li> <li id="cite_note-Conway-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-Conway_6-0">^</a></b></span> <span class="reference-text"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFConwayTsao2009" class="citation journal cs1">Conway, BR; Tsao, DY (2009). <a rel="nofollow" class="external text" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2764907">"Color-tuned neurons are spatially clustered according to color preference within alert macaque posterior inferior temporal cortex"</a>. <i>Proceedings of the National Academy of Sciences of the United States of America</i>. <b>106</b> (42): <span class="nowrap">18034–</span>9. <a href="/wiki/Bibcode_(identifier)" class="mw-redirect" title="Bibcode (identifier)">Bibcode</a>:<a rel="nofollow" class="external text" href="https://ui.adsabs.harvard.edu/abs/2009PNAS..10618034C">2009PNAS..10618034C</a>. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://doi.org/10.1073%2Fpnas.0810943106">10.1073/pnas.0810943106</a></span>. <a href="/wiki/PMC_(identifier)" class="mw-redirect" title="PMC (identifier)">PMC</a> <span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2764907">2764907</a></span>. <a href="/wiki/PMID_(identifier)" class="mw-redirect" title="PMID (identifier)">PMID</a> <a rel="nofollow" class="external text" href="https://pubmed.ncbi.nlm.nih.gov/19805195">19805195</a>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=article&rft.jtitle=Proceedings+of+the+National+Academy+of+Sciences+of+the+United+States+of+America&rft.atitle=Color-tuned+neurons+are+spatially+clustered+according+to+color+preference+within+alert+macaque+posterior+inferior+temporal+cortex&rft.volume=106&rft.issue=42&rft.pages=%3Cspan+class%3D%22nowrap%22%3E18034-%3C%2Fspan%3E9&rft.date=2009&rft_id=https%3A%2F%2Fwww.ncbi.nlm.nih.gov%2Fpmc%2Farticles%2FPMC2764907%23id-name%3DPMC&rft_id=info%3Apmid%2F19805195&rft_id=info%3Adoi%2F10.1073%2Fpnas.0810943106&rft_id=info%3Abibcode%2F2009PNAS..10618034C&rft.aulast=Conway&rft.aufirst=BR&rft.au=Tsao%2C+DY&rft_id=https%3A%2F%2Fwww.ncbi.nlm.nih.gov%2Fpmc%2Farticles%2FPMC2764907&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHue" class="Z3988"></span></span> </li> <li id="cite_note-CIE1986-7"><span class="mw-cite-backlink">^ <a href="#cite_ref-CIE1986_7-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-CIE1986_7-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><i>Colorimetry,</i> second edition: CIE Publication 15.2. Vienna: Bureau Central of the CIE, 1986.</span> </li> <li id="cite_note-Preucil1953-8"><span class="mw-cite-backlink">^ <a href="#cite_ref-Preucil1953_8-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-Preucil1953_8-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text">Frank Preucil, "Color Hue and Ink Transfer … Their Relation to Perfect Reproduction", <i>TAGA Proceedings,</i> p 102-110 (1953). [TAGA article #T530102, paid registration required from <a rel="nofollow" class="external text" href="https://www.printing.org/communities/interest-groups/taga">TAGA</a>]</span> </li> <li id="cite_note-Evans1953-9"><span class="mw-cite-backlink"><b><a href="#cite_ref-Evans1953_9-0">^</a></b></span> <span class="reference-text">Ralph Merrill Evans, W T Hanson, and W Lyle Brewer, <i>Principles of Color Photography.</i> New York: Wiley, 1953</span> </li> <li id="cite_note-Southworth-10"><span class="mw-cite-backlink"><b><a href="#cite_ref-Southworth_10-0">^</a></b></span> <span class="reference-text">Miles Southworth, <i>Color Separation Techniques</i>, second edition. Livonia, New York: Graphic Arts Publishing, 1979.</span> </li> <li id="cite_note-11"><span class="mw-cite-backlink"><b><a href="#cite_ref-11">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFMax_K._Agoston2004" class="citation book cs1">Max K. Agoston (2004). <a rel="nofollow" class="external text" href="https://books.google.com/books?id=fGX8yC-4vXUC&q=hsv++hue+rgb&pg=PA301"><i>Computer Graphics and Geometric Modeling v. 1: Implementation and Algorithms</i></a>. Springer. pp. <span class="nowrap">301–</span>304. <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <a href="/wiki/Special:BookSources/1-85233-818-0" title="Special:BookSources/1-85233-818-0"><bdi>1-85233-818-0</bdi></a>. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20170321080302/https://books.google.com/books?id=fGX8yC-4vXUC&pg=PA301&lpg=PA301&dq=hsv++hue+rgb#PPA304,M1">Archived</a> from the original on 2017-03-21.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=Computer+Graphics+and+Geometric+Modeling+v.+1%3A+Implementation+and+Algorithms&rft.pages=%3Cspan+class%3D%22nowrap%22%3E301-%3C%2Fspan%3E304&rft.pub=Springer&rft.date=2004&rft.isbn=1-85233-818-0&rft.au=Max+K.+Agoston&rft_id=https%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DfGX8yC-4vXUC%26q%3Dhsv%2B%2Bhue%2Brgb%26pg%3DPA301&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHue" class="Z3988"></span></span> </li> <li id="cite_note-12"><span class="mw-cite-backlink"><b><a href="#cite_ref-12">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFBrewer1999" class="citation conference cs1">Brewer, Cynthia A. (1999). <a rel="nofollow" class="external text" href="https://web.archive.org/web/20090807105257/http://www.personal.psu.edu/cab38/ColorSch/ASApaper.html">"Color Use Guidelines for Data Representation"</a>. <i>Proceedings of the Section on Statistical Graphics</i>. Alexandria, VA: American Statistical Association. pp. <span class="nowrap">55–</span>60. Archived from <a rel="nofollow" class="external text" href="http://www.personal.psu.edu/cab38/ColorSch/ASApaper.html">the original</a> on 2009-08-07<span class="reference-accessdate">. Retrieved <span class="nowrap">2024-01-03</span></span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=conference&rft.atitle=Color+Use+Guidelines+for+Data+Representation&rft.btitle=Proceedings+of+the+Section+on+Statistical+Graphics&rft.place=Alexandria%2C+VA&rft.pages=%3Cspan+class%3D%22nowrap%22%3E55-%3C%2Fspan%3E60&rft.pub=American+Statistical+Association&rft.date=1999&rft.aulast=Brewer&rft.aufirst=Cynthia+A.&rft_id=http%3A%2F%2Fwww.personal.psu.edu%2Fcab38%2FColorSch%2FASApaper.html&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHue" class="Z3988"></span></span> </li> <li id="cite_note-Judd1976-13"><span class="mw-cite-backlink"><b><a href="#cite_ref-Judd1976_13-0">^</a></b></span> <span class="reference-text">Deane B Judd and Günter Wyszecki, <i>Color in Business, Science, and Industry.</i> New York: Wiley, 1976.</span> </li> </ol></div></div> </section><div class="mw-heading mw-heading2 section-heading" onclick="mfTempOpenSection(8)"><span class="indicator mf-icon mf-icon-expand mf-icon--small"></span><h2 id="External_links">External links</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=Hue&action=edit&section=10" title="Edit section: External links" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div><section class="mf-section-8 collapsible-block" id="mf-section-8"> <ul><li><a rel="nofollow" class="external text" href="http://gimps.de/en/tutorials/gimp/picture-photo-image/improve-colors/">Editing of hue in photography</a></li></ul> <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 class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236075235"></div>    </section></div> <noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=mobile&type=1x1&usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Hue&oldid=1273745678">https://en.wikipedia.org/w/index.php?title=Hue&oldid=1273745678</a>"</div></div> </div> <div class="post-content" id="page-secondary-actions"> </div> </main> <footer class="mw-footer minerva-footer" role="contentinfo"> <a class="last-modified-bar" href="/w/index.php?title=Hue&action=history"> <div class="post-content last-modified-bar__content"> <span class="minerva-icon minerva-icon-size-medium minerva-icon--modified-history"></span> <span class="last-modified-bar__text modified-enhancement" data-user-name="Stenemo" data-user-gender="male" data-timestamp="1738614885"> <span>Last edited on 3 February 2025, at 20:34</span> </span> <span class="minerva-icon minerva-icon-size-small minerva-icon--expand"></span> </div> </a> <div class="post-content footer-content"> <div id='mw-data-after-content'> <div class="read-more-container"></div> </div> <div id="p-lang"> <h4>Languages</h4> <section> <ul id="p-variants" class="minerva-languages"></ul> <ul class="minerva-languages"><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%86%D9%82%D8%A8%D8%A9_(%D9%86%D8%B8%D8%B1%D9%8A%D8%A9_%D8%A7%D9%84%D8%A3%D9%84%D9%88%D8%A7%D9%86)" title="نقبة (نظرية الألوان) – Arabic" lang="ar" hreflang="ar" data-title="نقبة (نظرية الألوان)" data-language-autonym="العربية" data-language-local-name="Arabic" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-zh-min-nan mw-list-item"><a href="https://zh-min-nan.wikipedia.org/wiki/Sek-si%C3%B2ng" title="Sek-siòng – Minnan" lang="nan" hreflang="nan" data-title="Sek-siòng" data-language-autonym="閩南語 / Bân-lâm-gú" data-language-local-name="Minnan" class="interlanguage-link-target"><span>閩南語 / Bân-lâm-gú</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/%D0%A2%D0%BE%D0%BD_(%D0%BA%D0%BE%D0%BB%D0%B5%D1%80)" title="Тон (колер) – Belarusian" lang="be" hreflang="be" data-title="Тон (колер)" data-language-autonym="Беларуская" data-language-local-name="Belarusian" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-be-x-old mw-list-item"><a href="https://be-tarask.wikipedia.org/wiki/%D0%A2%D0%BE%D0%BD_(%D0%BA%D0%BE%D0%BB%D0%B5%D1%80)" title="Тон (колер) – Belarusian (Taraškievica orthography)" lang="be-tarask" hreflang="be-tarask" data-title="Тон (колер)" data-language-autonym="Беларуская (тарашкевіца)" data-language-local-name="Belarusian (Taraškievica orthography)" class="interlanguage-link-target"><span>Беларуская (тарашкевіца)</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/%D0%A6%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%B8_%D1%82%D0%BE%D0%BD" title="Цветови тон – Bulgarian" lang="bg" hreflang="bg" data-title="Цветови тон" data-language-autonym="Български" data-language-local-name="Bulgarian" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Tonalitat" title="Tonalitat – Catalan" lang="ca" hreflang="ca" data-title="Tonalitat" data-language-autonym="Català" data-language-local-name="Catalan" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Odst%C3%ADn" title="Odstín – Czech" lang="cs" hreflang="cs" data-title="Odstín" data-language-autonym="Čeština" data-language-local-name="Czech" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Farbton" title="Farbton – German" lang="de" hreflang="de" data-title="Farbton" data-language-autonym="Deutsch" data-language-local-name="German" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/V%C3%A4rvitoon" title="Värvitoon – Estonian" lang="et" hreflang="et" data-title="Värvitoon" data-language-autonym="Eesti" data-language-local-name="Estonian" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/%CE%91%CF%80%CF%8C%CF%87%CF%81%CF%89%CF%83%CE%B7" title="Απόχρωση – Greek" lang="el" hreflang="el" data-title="Απόχρωση" data-language-autonym="Ελληνικά" data-language-local-name="Greek" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Tono_(color)" title="Tono (color) – Spanish" lang="es" hreflang="es" data-title="Tono (color)" data-language-autonym="Español" data-language-local-name="Spanish" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Koloronuanco" title="Koloronuanco – Esperanto" lang="eo" hreflang="eo" data-title="Koloronuanco" data-language-autonym="Esperanto" data-language-local-name="Esperanto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/Tonu_(kolorea)" title="Tonu (kolorea) – Basque" lang="eu" hreflang="eu" data-title="Tonu (kolorea)" data-language-autonym="Euskara" data-language-local-name="Basque" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D9%81%D8%A7%D9%85" title="فام – Persian" lang="fa" hreflang="fa" data-title="فام" data-language-autonym="فارسی" data-language-local-name="Persian" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fr badge-Q70894304 mw-list-item" title=""><a href="https://fr.wikipedia.org/wiki/Teinte" title="Teinte – French" lang="fr" hreflang="fr" data-title="Teinte" data-language-autonym="Français" data-language-local-name="French" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-fy mw-list-item"><a href="https://fy.wikipedia.org/wiki/Tint" title="Tint – Western Frisian" lang="fy" hreflang="fy" data-title="Tint" data-language-autonym="Frysk" data-language-local-name="Western Frisian" class="interlanguage-link-target"><span>Frysk</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/Ton_(cor)" title="Ton (cor) – Galician" lang="gl" hreflang="gl" data-title="Ton (cor)" data-language-autonym="Galego" data-language-local-name="Galician" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%EC%83%89%EC%83%81" title="색상 – Korean" lang="ko" hreflang="ko" data-title="색상" data-language-autonym="한국어" data-language-local-name="Korean" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Rona" title="Rona – Indonesian" lang="id" hreflang="id" data-title="Rona" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesian" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Tonalit%C3%A0_(colorimetria)" title="Tonalità (colorimetria) – Italian" lang="it" hreflang="it" data-title="Tonalità (colorimetria)" data-language-autonym="Italiano" data-language-local-name="Italian" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%92%D7%95%D7%95%D7%9F" title="גוון – Hebrew" lang="he" hreflang="he" data-title="גוון" data-language-autonym="עברית" data-language-local-name="Hebrew" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/%D0%A2%D0%BE%D0%BD_(%D0%B1%D0%BE%D1%98%D0%B0)" title="Тон (боја) – Macedonian" lang="mk" hreflang="mk" data-title="Тон (боја)" data-language-autonym="Македонски" data-language-local-name="Macedonian" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Tint" title="Tint – Dutch" lang="nl" hreflang="nl" data-title="Tint" data-language-autonym="Nederlands" data-language-local-name="Dutch" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/%E8%89%B2%E7%9B%B8" title="色相 – Japanese" lang="ja" hreflang="ja" data-title="色相" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Kul%C3%B8r" title="Kulør – Norwegian Bokmål" lang="nb" hreflang="nb" data-title="Kulør" data-language-autonym="Norsk bokmål" data-language-local-name="Norwegian Bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-oc mw-list-item"><a href="https://oc.wikipedia.org/wiki/Tinta_(color)" title="Tinta (color) – Occitan" lang="oc" hreflang="oc" data-title="Tinta (color)" data-language-autonym="Occitan" data-language-local-name="Occitan" class="interlanguage-link-target"><span>Occitan</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Odcie%C5%84" title="Odcień – Polish" lang="pl" hreflang="pl" data-title="Odcień" data-language-autonym="Polski" data-language-local-name="Polish" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Matiz" title="Matiz – Portuguese" lang="pt" hreflang="pt" data-title="Matiz" data-language-autonym="Português" data-language-local-name="Portuguese" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Nuan%C8%9B%C4%83" title="Nuanță – Romanian" lang="ro" hreflang="ro" data-title="Nuanță" data-language-autonym="Română" data-language-local-name="Romanian" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%A2%D0%BE%D0%BD_(%D1%86%D0%B2%D0%B5%D1%82)" title="Тон (цвет) – Russian" lang="ru" hreflang="ru" data-title="Тон (цвет)" data-language-autonym="Русский" data-language-local-name="Russian" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/Hue" title="Hue – Simple English" lang="en-simple" hreflang="en-simple" data-title="Hue" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sr badge-Q70893996 mw-list-item" title=""><a href="https://sr.wikipedia.org/wiki/Nijanse_boje" title="Nijanse boje – Serbian" lang="sr" hreflang="sr" data-title="Nijanse boje" data-language-autonym="Српски / srpski" data-language-local-name="Serbian" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/S%C3%A4vy" title="Sävy – Finnish" lang="fi" hreflang="fi" data-title="Sävy" data-language-autonym="Suomi" data-language-local-name="Finnish" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Kul%C3%B6rton" title="Kulörton – Swedish" lang="sv" hreflang="sv" data-title="Kulörton" data-language-autonym="Svenska" data-language-local-name="Swedish" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B8%AA%E0%B8%B5%E0%B8%AA%E0%B8%B1%E0%B8%99" title="สีสัน – Thai" lang="th" hreflang="th" data-title="สีสัน" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%92%D1%96%D0%B4%D1%82%D1%96%D0%BD%D0%BE%D0%BA" title="Відтінок – Ukrainian" lang="uk" hreflang="uk" data-title="Відтінок" data-language-autonym="Українська" data-language-local-name="Ukrainian" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-wuu mw-list-item"><a href="https://wuu.wikipedia.org/wiki/%E8%89%B2%E7%9B%B8" title="色相 – Wu" lang="wuu" hreflang="wuu" data-title="色相" data-language-autonym="吴语" data-language-local-name="Wu" class="interlanguage-link-target"><span>吴语</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/%E8%89%B2%E7%9B%B8" title="色相 – Cantonese" lang="yue" hreflang="yue" data-title="色相" data-language-autonym="粵語" data-language-local-name="Cantonese" class="interlanguage-link-target"><span>粵語</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E8%89%B2%E7%9B%B8" title="色相 – Chinese" lang="zh" hreflang="zh" data-title="色相" data-language-autonym="中文" data-language-local-name="Chinese" class="interlanguage-link-target"><span>中文</span></a></li></ul> </section> </div> <div class="minerva-footer-logo"><img src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" alt="Wikipedia" width="120" height="18" style="width: 7.5em; height: 1.125em;"/> </div> <ul id="footer-info" class="footer-info hlist hlist-separated"> <li id="footer-info-lastmod"> This page was last edited on 3 February 2025, at 20:34<span class="anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Content is available under <a class="external" rel="nofollow" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a> unless otherwise noted.</li> </ul> <ul id="footer-places" class="footer-places hlist hlist-separated"> <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-terms-use"><a href="https://foundation.m.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a></li> <li id="footer-places-desktop-toggle"><a id="mw-mf-display-toggle" href="//en.wikipedia.org/w/index.php?title=Hue&mobileaction=toggle_view_desktop" data-event-name="switch_to_desktop">Desktop</a></li> </ul> </div> </footer> </div> </div> <div class="mw-notification-area" data-mw="interface"></div>  <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.canary-785bb868d7-mnl6f","wgBackendResponseTime":196,"wgPageParseReport":{"limitreport":{"cputime":"0.404","walltime":"0.614","ppvisitednodes":{"value":1425,"limit":1000000},"postexpandincludesize":{"value":69660,"limit":2097152},"templateargumentsize":{"value":450,"limit":2097152},"expansiondepth":{"value":9,"limit":100},"expensivefunctioncount":{"value":3,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":47023,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 418.634 1 -total"," 29.58% 123.843 1 Template:Reflist"," 27.19% 113.815 5 Template:Navbox"," 26.03% 108.990 1 Template:Color_topics"," 18.67% 78.158 2 Template:Cite_web"," 18.61% 77.893 1 Template:Short_description"," 12.22% 51.159 2 Template:Pagetype"," 6.68% 27.972 1 Template:Wikt"," 6.02% 25.203 1 Template:Authority_control"," 5.77% 24.136 1 Template:About"]},"scribunto":{"limitreport-timeusage":{"value":"0.234","limit":"10.000"},"limitreport-memusage":{"value":5437258,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-7878cd4448-z8nhs","timestamp":"20250211200338","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Hue","url":"https:\/\/en.wikipedia.org\/wiki\/Hue","sameAs":"http:\/\/www.wikidata.org\/entity\/Q372948","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q372948","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":"2002-07-26T03:00:14Z","dateModified":"2025-02-03T20:34:45Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/90\/Colors-i54-ring.png","headline":"main property of a color"}</script><script>(window.NORLQ=window.NORLQ||[]).push(function(){var ns,i,p,img;ns=document.getElementsByTagName('noscript');for(i=0;i<ns.length;i++){p=ns[i].nextSibling;if(p&&p.className&&p.className.indexOf('lazy-image-placeholder')>-1){img=document.createElement('img');img.setAttribute('src',p.getAttribute('data-src'));img.setAttribute('width',p.getAttribute('data-width'));img.setAttribute('height',p.getAttribute('data-height'));img.setAttribute('alt',p.getAttribute('data-alt'));p.parentNode.replaceChild(img,p);}}});</script> </body> </html>