CINXE.COM

<!DOCTYPE html> <html class="client-nojs" lang="uk" dir="ltr"> <head> <meta charset="UTF-8"> <title>HSV — Вікіпедія</title> <script>(function(){var className="client-js";var cookie=document.cookie.match(/(?:^|; )ukwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","січень","лютий","березень","квітень","травень","червень","липень","серпень","вересень","жовтень","листопад","грудень"],"wgRequestId":"51c37509-9235-49df-b2c7-2b44d284d228","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"HSV","wgTitle":"HSV","wgCurRevisionId":31325050,"wgRevisionId":31325050,"wgArticleId":533437,"wgIsArticle":true,"wgIsRedirect":false, "wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Статті без джерел з травня 2014","Усі статті без джерел","Кольори"],"wgPageViewLanguage":"uk","wgPageContentLanguage":"uk","wgPageContentModel":"wikitext","wgRelevantPageName":"HSV","wgRelevantArticleId":533437,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgFlaggedRevsParams":{"tags":{"accuracy":{"levels":3}}},"wgStableRevisionId":31325050,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"uk","pageLanguageDir":"ltr","pageVariantFallbacks":"uk"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":10000,"wgRelatedArticlesCompat":[], "wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":true,"wgVector2022LanguageInHeader":false,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q25212643","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.math.styles":"ready","skins.vector.styles.legacy":"ready","ext.flaggedRevs.basic":"ready","mediawiki.codex.messagebox.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","codex-search-styles":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges": "ready"};RLPAGEMODULES=["mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.legacy.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.flaggedRevs.advanced","ext.gadget.CurIDLink","ext.gadget.collapserefs","ext.gadget.showContributorContent","ext.gadget.switcher","ext.gadget.edittop","ext.gadget.new-section","ext.gadget.newTopicOnTop","ext.gadget.MonobookToolbarStandard","ext.gadget.ProtectionIndicator","ext.gadget.Statistics","ext.gadget.interwiki-langlist","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=uk&modules=codex-search-styles%7Cext.flaggedRevs.basic%7Cext.math.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cmediawiki.codex.messagebox.styles%7Cskins.vector.styles.legacy%7Cwikibase.client.init&only=styles&skin=vector"> <script async="" src="/w/load.php?lang=uk&modules=startup&only=scripts&raw=1&skin=vector"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=uk&modules=site.styles&only=styles&skin=vector"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="HSV — Вікіпедія"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//uk.m.wikipedia.org/wiki/HSV"> <link rel="alternate" type="application/x-wiki" title="Редагувати" href="/w/index.php?title=HSV&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="Вікіпедія (uk)"> <link rel="EditURI" type="application/rsd+xml" href="//uk.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://uk.wikipedia.org/wiki/HSV"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.uk"> <link rel="alternate" type="application/atom+xml" title="Вікіпедія — Atom-стрічка" href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9D%D0%BE%D0%B2%D1%96_%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin-vector-legacy mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-HSV rootpage-HSV skin-vector action-view"><div id="mw-page-base" class="noprint"></div> <div id="mw-head-base" class="noprint"></div> <div id="content" class="mw-body" role="main"> <a id="top"></a> <div id="siteNotice"></div> <div class="mw-indicators"> </div> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">HSV</span></h1> <div id="bodyContent" class="vector-body"> <div id="siteSub" class="noprint">Матеріал з Вікіпедії — вільної енциклопедії.</div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="contentSub2"></div> <div id="jump-to-nav"></div> <a class="mw-jump-link" href="#mw-head">Перейти до навігації</a> <a class="mw-jump-link" href="#searchInput">Перейти до пошуку</a> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="uk" dir="ltr"><p><b>HSV</b> (також <b>HSB</b>) — <a href="/wiki/%D0%9A%D0%BE%D0%BB%D1%96%D1%80%D0%BD%D0%B0_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C" title="Колірна модель">колірна модель</a>, заснована на трьох характеристиках кольору: колірному тоні (Hue), насиченості (Saturation) і значенні кольору (Value), який також називають яскравістю (Brightness). </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HueScale.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HueScale.svg/220px-HueScale.svg.png" decoding="async" width="220" height="48" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HueScale.svg/330px-HueScale.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/ad/HueScale.svg/440px-HueScale.svg.png 2x" data-file-width="743" data-file-height="161" /></a><figcaption>Шкала відтінків — Hue</figcaption></figure> <ul><li><b>H</b>ue — колірний <a href="/wiki/%D0%92%D1%96%D0%B4%D1%82%D1%96%D0%BD%D0%BE%D0%BA" title="Відтінок">тон</a>, (наприклад, <a href="/wiki/%D0%A7%D0%B5%D1%80%D0%B2%D0%BE%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Червоний колір">червоний</a>, <a href="/wiki/%D0%97%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Зелений колір">зелений</a> або синьо-блакитний). Варіюється в межах 0-360°, але іноді приводиться до діапазону 0-100 або 0-1. У <a href="/wiki/Windows" class="mw-redirect" title="Windows">Windows</a> весь колірний спектр ділиться на 240 відтінків (що можна спостерігати в редакторі палітри MS Paint), тобто тут «Hue» зводиться до діапазону 0-239 (відтінок 240 відсутній, оскільки він дублював би 0).</li> <li><b>S</b>aturation — <a href="/wiki/%D0%9D%D0%B0%D1%81%D0%B8%D1%87%D0%B5%D0%BD%D1%96%D1%81%D1%82%D1%8C_(%D0%BA%D0%BE%D0%BB%D1%96%D1%80)" title="Насиченість (колір)">насиченість</a>. Варіюється в межах 0-100 або 0-1. Чим більший цей параметр, тим «чистіший» колір, тому цей параметр іноді називають чистотою кольору. А чим ближчий цей параметр до нуля, тим ближчий колір до нейтрального <a href="/wiki/%D0%A1%D1%96%D1%80%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Сірий колір">сірого</a>.</li> <li><b>V</b>alue — значення кольору, або Brightness — <a href="/wiki/%D0%AF%D1%81%D0%BA%D1%80%D0%B0%D0%B2%D1%96%D1%81%D1%82%D1%8C_(%D0%BA%D0%BE%D0%BB%D1%8C%D0%BE%D1%80%D0%BE%D1%81%D0%BF%D1%80%D0%B8%D0%B9%D0%BD%D1%8F%D1%82%D1%82%D1%8F)" title="Яскравість (кольоросприйняття)">яскравість</a>. Також задається в межах 0-100 або 0-1.</li></ul> <p>Модель була створена Елві Реєм Смітом, одним із засновників <a href="/wiki/Pixar" title="Pixar">Pixar</a>, в 1978 році. Вона є нелінійним перетворенням моделі RGB. </p><p>Колір, представлений в HSV, залежить від пристрою, на який він буде виведений, оскільки HSV — перетворення моделі <a href="/wiki/RGB" title="RGB">RGB</a>, яка теж залежить від пристрою. Для отримання коду кольору, не залежного від пристрою, використовується модель <a href="/wiki/Lab" title="Lab">Lab</a>. </p><p>Слід зазначити, що HSV (HSB) і <a href="/wiki/HSL" title="HSL">HSL</a> — дві різні колірні моделі. </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="uk" dir="ltr"><h2 id="mw-toc-heading">Зміст</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Тривимірні_візуалізації_простору_HSV"><span class="tocnumber">1</span> <span class="toctext">Тривимірні візуалізації простору HSV</span></a> <ul> <li class="toclevel-2 tocsection-2"><a href="#Циліндр"><span class="tocnumber">1.1</span> <span class="toctext">Циліндр</span></a></li> <li class="toclevel-2 tocsection-3"><a href="#Конус"><span class="tocnumber">1.2</span> <span class="toctext">Конус</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-4"><a href="#Візуалізація_HSV_в_прикладному_ПК"><span class="tocnumber">2</span> <span class="toctext">Візуалізація HSV в прикладному ПК</span></a> <ul> <li class="toclevel-2 tocsection-5"><a href="#Колірне_коло"><span class="tocnumber">2.1</span> <span class="toctext">Колірне коло</span></a></li> <li class="toclevel-2 tocsection-6"><a href="#Кольорове_кільце"><span class="tocnumber">2.2</span> <span class="toctext">Кольорове кільце</span></a></li> <li class="toclevel-2 tocsection-7"><a href="#Зміна_одного_компонента"><span class="tocnumber">2.3</span> <span class="toctext">Зміна одного компонента</span></a></li> <li class="toclevel-2 tocsection-8"><a href="#Матриця_сусідніх_відтінків"><span class="tocnumber">2.4</span> <span class="toctext">Матриця сусідніх відтінків</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-9"><a href="#HSV_і_сприйняття_кольору"><span class="tocnumber">3</span> <span class="toctext">HSV і сприйняття кольору</span></a></li> <li class="toclevel-1 tocsection-10"><a href="#Перетворення_колірних_компонентів_між_моделями"><span class="tocnumber">4</span> <span class="toctext">Перетворення колірних компонентів між моделями</span></a> <ul> <li class="toclevel-2 tocsection-11"><a href="#RGB_→_HSV"><span class="tocnumber">4.1</span> <span class="toctext">RGB → HSV</span></a></li> <li class="toclevel-2 tocsection-12"><a href="#HSV_→_RGB"><span class="tocnumber">4.2</span> <span class="toctext">HSV → RGB</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-13"><a href="#Додаткові_кольори"><span class="tocnumber">5</span> <span class="toctext">Додаткові кольори</span></a></li> </ul> </div> <div class="mw-heading mw-heading2"><h2 id="Тривимірні_візуалізації_простору_HSV"><span id=".D0.A2.D1.80.D0.B8.D0.B2.D0.B8.D0.BC.D1.96.D1.80.D0.BD.D1.96_.D0.B2.D1.96.D0.B7.D1.83.D0.B0.D0.BB.D1.96.D0.B7.D0.B0.D1.86.D1.96.D1.97_.D0.BF.D1.80.D0.BE.D1.81.D1.82.D0.BE.D1.80.D1.83_HSV"></span>Тривимірні візуалізації простору HSV</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=1" title="Редагувати розділ: Тривимірні візуалізації простору HSV" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=1" title="Редагувати вихідний код розділу: Тривимірні візуалізації простору HSV"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Циліндр"><span id=".D0.A6.D0.B8.D0.BB.D1.96.D0.BD.D0.B4.D1.80"></span>Циліндр</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=2" title="Редагувати розділ: Циліндр" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=2" title="Редагувати вихідний код розділу: Циліндр"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HSV_color_solid_cylinder.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4e/HSV_color_solid_cylinder.png/250px-HSV_color_solid_cylinder.png" decoding="async" width="250" height="188" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4e/HSV_color_solid_cylinder.png/375px-HSV_color_solid_cylinder.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4e/HSV_color_solid_cylinder.png/500px-HSV_color_solid_cylinder.png 2x" data-file-width="2400" data-file-height="1800" /></a><figcaption>Циліндр</figcaption></figure> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HSV_cyclinder.gif" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/1/1d/HSV_cyclinder.gif" decoding="async" width="160" height="128" class="mw-file-element" data-file-width="160" data-file-height="128" /></a><figcaption></figcaption></figure> <p>Найпростіший спосіб зобразити HSV в тривимірний простір — скористатися <a href="/wiki/%D0%A6%D0%B8%D0%BB%D1%96%D0%BD%D0%B4%D1%80%D0%B8%D1%87%D0%BD%D0%B0_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_%D0%BA%D0%BE%D0%BE%D1%80%D0%B4%D0%B8%D0%BD%D0%B0%D1%82" title="Циліндрична система координат">циліндричною системою координат</a>. Тут координата H визначається полярним кутом, S — <a href="/wiki/%D0%A0%D0%B0%D0%B4%D1%96%D1%83%D1%81-%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80" title="Радіус-вектор">радіус-вектором</a>, а V — Z-координатою. Тобто, відтінок змінюється при русі вздовж кола циліндра, насиченість — вздовж радіуса, а яскравість — вздовж висоти. Всупереч математичній точності, у такої моделі є істотний недолік: на практиці кількість помітних <a href="/wiki/%D0%9E%D0%BA%D0%BE" title="Око">оком</a> рівнів насиченості і відтінків зменшується при наближенні яскравості (V) до нуля (тобто, на відтінках, близьких до <a href="/wiki/%D0%A7%D0%BE%D1%80%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Чорний колір">чорного</a>). Також на малих S і V з'являються суттєві помилки <a href="/wiki/%D0%9E%D0%BA%D1%80%D1%83%D0%B3%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F" title="Округлення">округлення</a> при перекладі <a href="/wiki/RGB" title="RGB">RGB</a> в HSV і навпаки. Тому частіше застосовується конічна модель. </p> <div class="mw-heading mw-heading3"><h3 id="Конус"><span id=".D0.9A.D0.BE.D0.BD.D1.83.D1.81"></span>Конус</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=3" title="Редагувати розділ: Конус" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=3" title="Редагувати вихідний код розділу: Конус"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HSV_color_solid_cone.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f2/HSV_color_solid_cone.png/250px-HSV_color_solid_cone.png" decoding="async" width="250" height="188" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f2/HSV_color_solid_cone.png/375px-HSV_color_solid_cone.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f2/HSV_color_solid_cone.png/500px-HSV_color_solid_cone.png 2x" data-file-width="2400" data-file-height="1800" /></a><figcaption>Конічне представлення моделі</figcaption></figure> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HSV_cone.gif" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/6/64/HSV_cone.gif" decoding="async" width="160" height="128" class="mw-file-element" data-file-width="160" data-file-height="128" /></a><figcaption></figcaption></figure> <p>Інший спосіб візуалізації колірного простору — <a href="/wiki/%D0%9A%D0%BE%D0%BD%D1%83%D1%81" title="Конус">конус</a>. Як і в циліндрі, відтінок змінюється по колу конуса. Насиченість кольору зростає з віддаленням від <a href="/wiki/%D0%92%D1%96%D1%81%D1%8C" title="Вісь">осі</a> конуса, а яскравість — з наближенням до його основи. Іноді замість конуса використовують правильну шестикутну <a href="/wiki/%D0%9F%D1%96%D1%80%D0%B0%D0%BC%D1%96%D0%B4%D0%B0" class="mw-disambig" title="Піраміда">піраміду</a>. </p><p>Обидва ці способи є зручною тривимірною ілюстрацією простору HSV. Але через тривимірність вони в <a href="/wiki/%D0%9F%D1%80%D0%B8%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F" title="Прикладне програмне забезпечення">прикладному ПЗ не застосовуються</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Візуалізація_HSV_в_прикладному_ПК"><span id=".D0.92.D1.96.D0.B7.D1.83.D0.B0.D0.BB.D1.96.D0.B7.D0.B0.D1.86.D1.96.D1.8F_HSV_.D0.B2_.D0.BF.D1.80.D0.B8.D0.BA.D0.BB.D0.B0.D0.B4.D0.BD.D0.BE.D0.BC.D1.83_.D0.9F.D0.9A"></span>Візуалізація HSV в прикладному ПК</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=4" title="Редагувати розділ: Візуалізація HSV в прикладному ПК" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=4" title="Редагувати вихідний код розділу: Візуалізація HSV в прикладному ПК"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Модель HSV часто використовується в <a href="/wiki/%D0%93%D1%80%D0%B0%D1%84%D1%96%D1%87%D0%BD%D0%B8%D0%B9_%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80" title="Графічний редактор">програмах комп'ютерної графіки</a>, через те, що є зручною для людини. Нижче вказані способи «розгортання» тривимірного простору HSV на двомірний екран комп'ютера. </p> <div class="mw-heading mw-heading3"><h3 id="Колірне_коло"><span id=".D0.9A.D0.BE.D0.BB.D1.96.D1.80.D0.BD.D0.B5_.D0.BA.D0.BE.D0.BB.D0.BE"></span>Колірне коло</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=5" title="Редагувати розділ: Колірне коло" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=5" title="Редагувати вихідний код розділу: Колірне коло"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Ця візуалізація складається з колірного кола (тобто, поперечного перерізу циліндра) і двигуна яскравості (висоти циліндра). Ця візуалізація отримала широку популярність у перших версіях ПК компанії <a href="/wiki/Corel" title="Corel">Corel</a>. На цей час застосовується надзвичайно рідко, частіше використовують кільцева модель («а-ля <a href="/wiki/Macromedia" title="Macromedia">Macromedia»</a>) </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Кольорове_кільце"><span id=".D0.9A.D0.BE.D0.BB.D1.8C.D0.BE.D1.80.D0.BE.D0.B2.D0.B5_.D0.BA.D1.96.D0.BB.D1.8C.D1.86.D0.B5"></span>Кольорове кільце</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=6" title="Редагувати розділ: Кольорове кільце" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=6" title="Редагувати вихідний код розділу: Кольорове кільце"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:Triangulo_HSV.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Triangulo_HSV.png/250px-Triangulo_HSV.png" decoding="async" width="250" height="250" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/1/1b/Triangulo_HSV.png 1.5x" data-file-width="347" data-file-height="347" /></a><figcaption>Кольорове кільце з осями H, S і V</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HSV_clr_wheel.gif" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/7/72/HSV_clr_wheel.gif" decoding="async" width="150" height="150" class="mw-file-element" data-file-width="150" data-file-height="150" /></a><figcaption>кільце</figcaption></figure> <p>Відтінок подається у вигляді <a href="/wiki/%D0%92%D0%B5%D1%81%D0%B5%D0%BB%D0%BA%D0%B0" title="Веселка">райдужного</a> кільця, а насиченість і значення кольору вибираються за допомогою вписаного в це кільце <a href="/wiki/%D0%A2%D1%80%D0%B8%D0%BA%D1%83%D1%82%D0%BD%D0%B8%D0%BA" title="Трикутник">трикутника</a>. Його вертикальна вісь, як правило, регулює насиченість, а горизонтальна дозволяє змінювати значення кольору. Таким чином, для вибору кольору потрібно спочатку вказати відтінок, а потім вибрати потрібний колір з трикутника. </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Зміна_одного_компонента"><span id=".D0.97.D0.BC.D1.96.D0.BD.D0.B0_.D0.BE.D0.B4.D0.BD.D0.BE.D0.B3.D0.BE_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0"></span>Зміна одного компонента</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=7" title="Редагувати розділ: Зміна одного компонента" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=7" title="Редагувати вихідний код розділу: Зміна одного компонента"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:Hsv_Saturation_Chart.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/4/41/Hsv_Saturation_Chart.png" decoding="async" width="290" height="385" class="mw-file-element" data-file-width="290" data-file-height="385" /></a><figcaption> Три рівні яскравості при незмінній насиченості</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:Hsv_Value_Chart.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/0/0f/Hsv_Value_Chart.png" decoding="async" width="290" height="385" class="mw-file-element" data-file-width="290" data-file-height="385" /></a><figcaption> Три рівні насиченості при незмінній яскравості</figcaption></figure> <p>На цих двох діаграмах показуються кольори, які розрізняються тільки одним компонентом. </p> <div style="clear:both;"></div> <div class="mw-heading mw-heading3"><h3 id="Матриця_сусідніх_відтінків"><span id=".D0.9C.D0.B0.D1.82.D1.80.D0.B8.D1.86.D1.8F_.D1.81.D1.83.D1.81.D1.96.D0.B4.D0.BD.D1.96.D1.85_.D0.B2.D1.96.D0.B4.D1.82.D1.96.D0.BD.D0.BA.D1.96.D0.B2"></span>Матриця сусідніх відтінків</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=8" title="Редагувати розділ: Матриця сусідніх відтінків" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=8" title="Редагувати вихідний код розділу: Матриця сусідніх відтінків"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:Hueborhood.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/9/97/Hueborhood.png" decoding="async" width="202" height="204" class="mw-file-element" data-file-width="202" data-file-height="204" /></a><figcaption> 3 × 3 × 3</figcaption></figure> <p>Різницю близьких кольорів можна зобразити іншим шляхом — показати поруч кілька кольорів, які не дуже відрізняються своїми компонентами. На малюнку праворуч показано 27 близьких відтінків <a href="/wiki/%D0%9F%D0%BE%D0%BC%D0%B0%D1%80%D0%B0%D0%BD%D1%87%D0%B5%D0%B2%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Помаранчевий колір">помаранчевого</a>, відсортованих за <a href="/wiki/%D0%AF%D1%81%D0%BA%D1%80%D0%B0%D0%B2%D1%96%D1%81%D1%82%D1%8C" title="Яскравість">яскравістю</a> і розташованих по <a href="/wiki/%D0%A1%D0%BF%D1%96%D1%80%D0%B0%D0%BB%D1%8C" title="Спіраль">спіралі</a>. Квадратики в центрі показують ті ж кольори, але відсортовані у більш лінійному порядку. </p> <div class="mw-heading mw-heading2"><h2 id="HSV_і_сприйняття_кольору"><span id="HSV_.D1.96_.D1.81.D0.BF.D1.80.D0.B8.D0.B9.D0.BD.D1.8F.D1.82.D1.82.D1.8F_.D0.BA.D0.BE.D0.BB.D1.8C.D0.BE.D1.80.D1.83"></span>HSV і сприйняття кольору</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=9" title="Редагувати розділ: HSV і сприйняття кольору" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=9" title="Редагувати вихідний код розділу: HSV і сприйняття кольору"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:Barns_grand_tetons_HSV_separation.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Barns_grand_tetons_HSV_separation.jpg/220px-Barns_grand_tetons_HSV_separation.jpg" decoding="async" width="220" height="658" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Barns_grand_tetons_HSV_separation.jpg/330px-Barns_grand_tetons_HSV_separation.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Barns_grand_tetons_HSV_separation.jpg/440px-Barns_grand_tetons_HSV_separation.jpg 2x" data-file-width="800" data-file-height="2392" /></a><figcaption> Зображення та його окремі компоненти — H, S , V. На різних ділянках зображення можна простежити зміну компонент </figcaption></figure> <p>Часто <a href="/wiki/%D0%A5%D1%83%D0%B4%D0%BE%D0%B6%D0%BD%D0%B8%D0%BA" title="Художник">художники</a> воліють використовувати HSV замість інших моделей, таких як <a href="/wiki/RGB" title="RGB">RGB</a> і <a href="/wiki/CMYK" title="CMYK">CMYK</a>, тому що вони вважають, що пристрій HSV ближче до людського сприйняття кольорів. <a href="/wiki/RGB" title="RGB">RGB</a> і <a href="/wiki/CMYK" title="CMYK">CMYK</a> визначають колір як комбінацію основних кольорів (<a href="/wiki/%D0%A7%D0%B5%D1%80%D0%B2%D0%BE%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Червоний колір">червоного</a>, <a href="/wiki/%D0%97%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Зелений колір">зеленого</a> і <a href="/wiki/%D0%A1%D0%B8%D0%BD%D1%96%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Синій колір">синього</a> або <a href="/wiki/%D0%96%D0%BE%D0%B2%D1%82%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Жовтий колір">жовтого</a>, <a href="/wiki/%D0%9F%D1%83%D1%80%D0%BF%D1%83%D1%80%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" class="mw-redirect" title="Пурпурний колір">пурпурового</a>, <a href="/wiki/%D0%91%D0%BB%D0%B0%D0%BA%D0%B8%D1%82%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Блакитний колір">блакитного</a> і <a href="/wiki/%D0%A7%D0%BE%D1%80%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Чорний колір">чорного</a> відповідно), в той час, як компоненти кольору в HSV зображають інформацію про колір у більш звичній людині формі : <i>Що це за колір? Наскільки він насичений ? Наскільки він світлий чи темний?</i> Кольорова палітра <a href="/wiki/HSL" title="HSL">HSL</a> представляє колір схожим і навіть, можливо, більш інтуїтивно зрозумілим чином, ніж HSV. </p> <div class="mw-heading mw-heading2"><h2 id="Перетворення_колірних_компонентів_між_моделями"><span id=".D0.9F.D0.B5.D1.80.D0.B5.D1.82.D0.B2.D0.BE.D1.80.D0.B5.D0.BD.D0.BD.D1.8F_.D0.BA.D0.BE.D0.BB.D1.96.D1.80.D0.BD.D0.B8.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.96.D0.B2_.D0.BC.D1.96.D0.B6_.D0.BC.D0.BE.D0.B4.D0.B5.D0.BB.D1.8F.D0.BC.D0.B8"></span>Перетворення колірних компонентів між моделями</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=10" title="Редагувати розділ: Перетворення колірних компонентів між моделями" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=10" title="Редагувати вихідний код розділу: Перетворення колірних компонентів між моделями"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="RGB_→_HSV"><span id="RGB_.E2.86.92_HSV"></span>RGB → HSV</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=11" title="Редагувати розділ: RGB → HSV" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=11" title="Редагувати вихідний код розділу: RGB → HSV"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure typeof="mw:File/Thumb"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HSV-RGB-comparison.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/HSV-RGB-comparison.svg/300px-HSV-RGB-comparison.svg.png" decoding="async" width="300" height="220" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/HSV-RGB-comparison.svg/450px-HSV-RGB-comparison.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/5d/HSV-RGB-comparison.svg/600px-HSV-RGB-comparison.svg.png 2x" data-file-width="451" data-file-height="331" /></a><figcaption> Ілюстрація, що демонструє відношення між RGB і HSV</figcaption></figure> <p>Вважаємо, що: </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 {\begin{aligned}H&\in \left[0,360\right)\\S,V,R,G,B&\in \left[0,1\right]\end{aligned}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mtable columnalign="right left right left right left right left right left right left" rowspacing="3pt" columnspacing="0em 2em 0em 2em 0em 2em 0em 2em 0em 2em 0em" displaystyle="true"> <mtr> <mtd> <mi>H</mi> </mtd> <mtd> <mi></mi> <mo>∈</mo> <mrow> <mo>[</mo> <mrow> <mn>0</mn> <mo>,</mo> <mn>360</mn> </mrow> <mo>)</mo> </mrow> </mtd> </mtr> <mtr> <mtd> <mi>S</mi> <mo>,</mo> <mi>V</mi> <mo>,</mo> <mi>R</mi> <mo>,</mo> <mi>G</mi> <mo>,</mo> <mi>B</mi> </mtd> <mtd> <mi></mi> <mo>∈</mo> <mrow> <mo>[</mo> <mrow> <mn>0</mn> <mo>,</mo> <mn>1</mn> </mrow> <mo>]</mo> </mrow> </mtd> </mtr> </mtable> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {\begin{aligned}H&\in \left[0,360\right)\\S,V,R,G,B&\in \left[0,1\right]\end{aligned}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a59b9b4bfa199ca3d7f47c815a49c288abc5c165" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:23.604ex; height:6.176ex;" alt="{\displaystyle {\begin{aligned}H&\in \left[0,360\right)\\S,V,R,G,B&\in \left[0,1\right]\end{aligned}}}"></span></dd></dl> <p>Нехай <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 MAX}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mi>A</mi> <mi>X</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle MAX}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/3ddfe233eb5980b18673ae4ba4300e8d36daba3b" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:6.165ex; height:2.176ex;" alt="{\displaystyle MAX}"></span> — максимальне значення з <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}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4b0bfb3769bf24d80e15374dc37b0441e2616e33" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:1.764ex; height:2.176ex;" alt="{\displaystyle R}"></span>, <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}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>G</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle G}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/f5f3c8921a3b352de45446a6789b104458c9f90b" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:1.827ex; height:2.176ex;" alt="{\displaystyle G}"></span> і <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}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>B</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle B}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/47136aad860d145f75f3eed3022df827cee94d7a" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:1.764ex; height:2.176ex;" alt="{\displaystyle B}"></span>, а <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 MIN}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mi>I</mi> <mi>N</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle MIN}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/3fe15581aebf942914942b17125d4ba725da9aa3" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:5.678ex; height:2.176ex;" alt="{\displaystyle MIN}"></span> — мінімальне з них. </p> <table> <tbody><tr> <td rowspan="5"><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={\begin{cases}\\\end{cases}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>H</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mrow> <mo>{</mo> <mtable columnalign="left left" rowspacing=".2em" columnspacing="1em" displaystyle="false"> <mtr> <mtd /> </mtr> </mtable> <mo fence="true" stretchy="true" symmetric="true"></mo> </mrow> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H={\begin{cases}\\\end{cases}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/37c7999d8778d1612cd76c85778d0fbfa3c755ab" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.838ex; width:7.1ex; height:2.843ex;" alt="{\displaystyle H={\begin{cases}\\\end{cases}}}"></span> </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 0,}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mn>0</mn> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 0,}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/95547343453ea34a314dd174f8458012f5a39ca3" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:1.809ex; height:2.509ex;" alt="{\displaystyle 0,}"></span> якщо <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 MAX=MIN}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>=</mo> <mi>M</mi> <mi>I</mi> <mi>N</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle MAX=MIN}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c56414bc5edba6b8c1e89e1346a12285c6544e79" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:14.941ex; height:2.176ex;" alt="{\displaystyle MAX=MIN}"></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 60\times {\frac {G-B}{MAX-MIN}}+0,}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mn>60</mn> <mo>×</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>G</mi> <mo>−</mo> <mi>B</mi> </mrow> <mrow> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>−</mo> <mi>M</mi> <mi>I</mi> <mi>N</mi> </mrow> </mfrac> </mrow> <mo>+</mo> <mn>0</mn> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60\times {\frac {G-B}{MAX-MIN}}+0,}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/7c77a2cdfb960c24dee488127cf9768592e6b47c" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.171ex; width:25.334ex; height:5.676ex;" alt="{\displaystyle 60\times {\frac {G-B}{MAX-MIN}}+0,}"></span> якщо <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 MAX=R~}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>=</mo> <mi>R</mi> <mtext> </mtext> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle MAX=R~}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c7ff4f5c270b414f2e4a96333b3d2eb282ba4f49" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:11.608ex; height:2.176ex;" alt="{\displaystyle MAX=R~}"></span> і <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}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>G</mi> <mo>≥</mo> <mi>B</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle G\geq B}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/3ca7ca6623428da097c6bda1683aa0861b0979ff" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.505ex; width:6.689ex; height:2.343ex;" alt="{\displaystyle G\geq B}"></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 60\times {\frac {G-B}{MAX-MIN}}+360,}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mn>60</mn> <mo>×</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>G</mi> <mo>−</mo> <mi>B</mi> </mrow> <mrow> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>−</mo> <mi>M</mi> <mi>I</mi> <mi>N</mi> </mrow> </mfrac> </mrow> <mo>+</mo> <mn>360</mn> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60\times {\frac {G-B}{MAX-MIN}}+360,}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/fe5fd0a3e25821dd413e022810f51467d7a21d51" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.171ex; width:27.659ex; height:5.676ex;" alt="{\displaystyle 60\times {\frac {G-B}{MAX-MIN}}+360,}"></span> якщо <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 MAX=R~}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>=</mo> <mi>R</mi> <mtext> </mtext> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle MAX=R~}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c7ff4f5c270b414f2e4a96333b3d2eb282ba4f49" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:11.608ex; height:2.176ex;" alt="{\displaystyle MAX=R~}"></span> і <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<B~}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>G</mi> <mo><</mo> <mi>B</mi> <mtext> </mtext> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle G<B~}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/fb1577b81eba64762b4d5f0b4eb5d4501c9f85bb" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:7.27ex; height:2.176ex;" alt="{\displaystyle G<B~}"></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 60\times {\frac {B-R}{MAX-MIN}}+120,}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mn>60</mn> <mo>×</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>B</mi> <mo>−</mo> <mi>R</mi> </mrow> <mrow> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>−</mo> <mi>M</mi> <mi>I</mi> <mi>N</mi> </mrow> </mfrac> </mrow> <mo>+</mo> <mn>120</mn> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60\times {\frac {B-R}{MAX-MIN}}+120,}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/f414f6b53f504b1089a2d90e535b87bda3dcb920" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.171ex; width:27.659ex; height:5.509ex;" alt="{\displaystyle 60\times {\frac {B-R}{MAX-MIN}}+120,}"></span> якщо <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 MAX=G~}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>=</mo> <mi>G</mi> <mtext> </mtext> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle MAX=G~}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/bf94542461b9d77d937f521a54f006c007d01d19" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:11.671ex; height:2.176ex;" alt="{\displaystyle MAX=G~}"></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 60\times {\frac {R-G}{MAX-MIN}}+240,}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mn>60</mn> <mo>×</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>R</mi> <mo>−</mo> <mi>G</mi> </mrow> <mrow> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>−</mo> <mi>M</mi> <mi>I</mi> <mi>N</mi> </mrow> </mfrac> </mrow> <mo>+</mo> <mn>240</mn> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle 60\times {\frac {R-G}{MAX-MIN}}+240,}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/cf89654947c9bfe2c2a18923b4a5c433ba42fad7" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.171ex; width:27.659ex; height:5.676ex;" alt="{\displaystyle 60\times {\frac {R-G}{MAX-MIN}}+240,}"></span> якщо <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 MAX=B~}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>=</mo> <mi>B</mi> <mtext> </mtext> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle MAX=B~}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/375b30c4ee5df4048b0c5f92f0f619fed126cdaf" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:11.608ex; height:2.176ex;" alt="{\displaystyle MAX=B~}"></span> </td></tr></tbody></table> <p><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 S={\begin{cases}0,&{\text{if }}MAX=0;\\1-{\dfrac {MIN}{MAX}},&{\text{otherwise}}\end{cases}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>S</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mrow> <mo>{</mo> <mtable columnalign="left left" rowspacing=".2em" columnspacing="1em" displaystyle="false"> <mtr> <mtd> <mn>0</mn> <mo>,</mo> </mtd> <mtd> <mrow class="MJX-TeXAtom-ORD"> <mtext>if </mtext> </mrow> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mo>=</mo> <mn>0</mn> <mo>;</mo> </mtd> </mtr> <mtr> <mtd> <mn>1</mn> <mo>−</mo> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mfrac> <mrow> <mi>M</mi> <mi>I</mi> <mi>N</mi> </mrow> <mrow> <mi>M</mi> <mi>A</mi> <mi>X</mi> </mrow> </mfrac> </mstyle> </mrow> <mo>,</mo> </mtd> <mtd> <mrow class="MJX-TeXAtom-ORD"> <mtext>otherwise</mtext> </mrow> </mtd> </mtr> </mtable> <mo fence="true" stretchy="true" symmetric="true"></mo> </mrow> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle S={\begin{cases}0,&{\text{if }}MAX=0;\\1-{\dfrac {MIN}{MAX}},&{\text{otherwise}}\end{cases}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/29cbd38eeaeaafcf8edc90cd5ac325b6b3800034" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -3.25ex; margin-bottom: -0.254ex; width:34.208ex; height:8.176ex;" alt="{\displaystyle S={\begin{cases}0,&{\text{if }}MAX=0;\\1-{\dfrac {MIN}{MAX}},&{\text{otherwise}}\end{cases}}}"></span> </p><p><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 V=MAX\,}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>V</mi> <mo>=</mo> <mi>M</mi> <mi>A</mi> <mi>X</mi> <mspace width="thinmathspace" /> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V=MAX\,}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/559a63c7700b66ea0204f080e89aad896f2b7432" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:11.438ex; height:2.176ex;" alt="{\displaystyle V=MAX\,}"></span> </p> <table> <tbody><tr> <td rowspan="2"> <div class="mw-heading mw-heading3"><h3 id="HSV_→_RGB"><span id="HSV_.E2.86.92_RGB"></span>HSV → RGB</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=12" title="Редагувати розділ: HSV → RGB" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=12" title="Редагувати вихідний код розділу: HSV → RGB"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Для будь-яких відтінків <span style="white-space: nowrap;"><i> H</i> ∈ [0°,360°)</span>, насиченості <span style="white-space: nowrap;"><i> S</i> ∈ [0, 100]</span>, і яскравості <span style="white-space: nowrap;"><i> V</i> ∈[0, 100]</span>: </p> <table> <tbody><tr> <td align="«right»"><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_{i}=\left\lfloor {H \over 60}\right\rfloor }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> </mrow> </msub> <mo>=</mo> <mrow> <mo>⌊</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mi>H</mi> <mn>60</mn> </mfrac> </mrow> <mo>⌋</mo> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H_{i}=\left\lfloor {H \over 60}\right\rfloor }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/91586ac306e913aec74c77818a19ae1b72cdf8a2" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:11.701ex; height:6.176ex;" alt="{\displaystyle H_{i}=\left\lfloor {H \over 60}\right\rfloor }"></span> </td></tr> <tr> <td align="«right»"><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 V_{min}={{(100-S)*V} \over 100}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow class="MJX-TeXAtom-ORD"> <mo stretchy="false">(</mo> <mn>100</mn> <mo>−</mo> <mi>S</mi> <mo stretchy="false">)</mo> <mo>∗</mo> <mi>V</mi> </mrow> <mn>100</mn> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V_{min}={{(100-S)*V} \over 100}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/66217b5e1291fb51e61d0770793c95aae721832a" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.838ex; width:22.137ex; height:5.676ex;" alt="{\displaystyle V_{min}={{(100-S)*V} \over 100}}"></span> </td></tr> <tr> <td align="«right»"><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 a={(V-V_{min})}*{{H\mod 60} \over 60}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>a</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mo stretchy="false">(</mo> <mi>V</mi> <mo>−</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> <mo stretchy="false">)</mo> </mrow> <mo>∗</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow class="MJX-TeXAtom-ORD"> <mi>H</mi> <mspace width="0.667em" /> <mi>mod</mi> <mspace width="thinmathspace" /> <mspace width="thinmathspace" /> <mn>60</mn> </mrow> <mn>60</mn> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle a={(V-V_{min})}*{{H\mod 60} \over 60}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c34b9c4a882f20572381304b75003de4c509044d" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.838ex; width:30.256ex; height:5.343ex;" alt="{\displaystyle a={(V-V_{min})}*{{H\mod 60} \over 60}}"></span> </td></tr> <tr> <td align="«right»"><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 V_{inc}=V_{min}+a}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> <mi>n</mi> <mi>c</mi> </mrow> </msub> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> <mo>+</mo> <mi>a</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V_{inc}=V_{min}+a}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/bcab7e7638f3e9da6e6ac22b7066cd4075613754" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:15.606ex; height:2.509ex;" alt="{\displaystyle V_{inc}=V_{min}+a}"></span> </td></tr> <tr> <td align="«right»"><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 V_{dec}=V-a}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>d</mi> <mi>e</mi> <mi>c</mi> </mrow> </msub> <mo>=</mo> <mi>V</mi> <mo>−</mo> <mi>a</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V_{dec}=V-a}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/efbbd8e0dc2fa5c7a6081de1f13cddba025ca473" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:12.881ex; height:2.509ex;" alt="{\displaystyle V_{dec}=V-a}"></span> </td></tr></tbody></table> <ul><li>якщо <span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle H_{i}=0}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> </mrow> </msub> <mo>=</mo> <mn>0</mn> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H_{i}=0}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/56f328e5bcf2086f1d2d9ce15ce6e5a652e478fc" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:6.992ex; height:2.509ex;" alt="{\displaystyle H_{i}=0}"></span>, то <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=V,G=V_{inc},B=V_{min}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>=</mo> <mi>V</mi> <mo>,</mo> <mi>G</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> <mi>n</mi> <mi>c</mi> </mrow> </msub> <mo>,</mo> <mi>B</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R=V,G=V_{inc},B=V_{min}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/2661f285aee1e65e8a174b8446c99f0b10b0de97" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:26.942ex; height:2.509ex;" alt="{\displaystyle R=V,G=V_{inc},B=V_{min}}"></span></li> <li>якщо <span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle H_{i}=1}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> </mrow> </msub> <mo>=</mo> <mn>1</mn> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H_{i}=1}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a8a4a03f0f845756b08da15e5200a5d23215ece7" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:6.992ex; height:2.509ex;" alt="{\displaystyle H_{i}=1}"></span>, то <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=V_{dec},G=V,B=V_{min}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>d</mi> <mi>e</mi> <mi>c</mi> </mrow> </msub> <mo>,</mo> <mi>G</mi> <mo>=</mo> <mi>V</mi> <mo>,</mo> <mi>B</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R=V_{dec},G=V,B=V_{min}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/996e7c3cba1e63f18978787ac8e04b939052e5dc" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:27.014ex; height:2.509ex;" alt="{\displaystyle R=V_{dec},G=V,B=V_{min}}"></span></li> <li>якщо <span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle H_{i}=2}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> </mrow> </msub> <mo>=</mo> <mn>2</mn> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H_{i}=2}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e96f4a437be121ce213566281f6af7ea28da4726" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:6.992ex; height:2.509ex;" alt="{\displaystyle H_{i}=2}"></span>, то <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=V_{min},G=V,B=V_{inc}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> <mo>,</mo> <mi>G</mi> <mo>=</mo> <mi>V</mi> <mo>,</mo> <mi>B</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> <mi>n</mi> <mi>c</mi> </mrow> </msub> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R=V_{min},G=V,B=V_{inc}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/2bc86daeb15cbc67bb981e9c817045275f13c711" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:26.942ex; height:2.509ex;" alt="{\displaystyle R=V_{min},G=V,B=V_{inc}}"></span></li> <li>якщо <span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle H_{i}=3}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> </mrow> </msub> <mo>=</mo> <mn>3</mn> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H_{i}=3}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/ab6a3f77ae2a4fb7d3401f08e2a354aa803d320a" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:6.992ex; height:2.509ex;" alt="{\displaystyle H_{i}=3}"></span>, то <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=V_{min},G=V_{dec},B=V}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> <mo>,</mo> <mi>G</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>d</mi> <mi>e</mi> <mi>c</mi> </mrow> </msub> <mo>,</mo> <mi>B</mi> <mo>=</mo> <mi>V</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R=V_{min},G=V_{dec},B=V}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/73df795ede67977b4f55c1968896a614bd68576f" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:27.014ex; height:2.509ex;" alt="{\displaystyle R=V_{min},G=V_{dec},B=V}"></span></li> <li>якщо <span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle H_{i}=4}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> </mrow> </msub> <mo>=</mo> <mn>4</mn> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H_{i}=4}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e094ffabfab956cdfb8f8f314c5d424fd70a903a" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:6.992ex; height:2.509ex;" alt="{\displaystyle H_{i}=4}"></span>, то <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=V_{inc},G=V_{min},B=V}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> <mi>n</mi> <mi>c</mi> </mrow> </msub> <mo>,</mo> <mi>G</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> <mo>,</mo> <mi>B</mi> <mo>=</mo> <mi>V</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R=V_{inc},G=V_{min},B=V}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/1baad01f084551b8db1793e232fac25a04966170" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:26.942ex; height:2.509ex;" alt="{\displaystyle R=V_{inc},G=V_{min},B=V}"></span></li> <li>якщо <span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle H_{i}=5}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msub> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> </mrow> </msub> <mo>=</mo> <mn>5</mn> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H_{i}=5}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/f219384728328acbf6d9336543d63b0632983bc6" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:6.992ex; height:2.509ex;" alt="{\displaystyle H_{i}=5}"></span>, то <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=V,G=V_{min},B=V_{dec}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>R</mi> <mo>=</mo> <mi>V</mi> <mo>,</mo> <mi>G</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>m</mi> <mi>i</mi> <mi>n</mi> </mrow> </msub> <mo>,</mo> <mi>B</mi> <mo>=</mo> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>d</mi> <mi>e</mi> <mi>c</mi> </mrow> </msub> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle R=V,G=V_{min},B=V_{dec}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4864235a21d5583ba119d8c7d1e8a21e999e6599" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.671ex; width:27.014ex; height:2.509ex;" alt="{\displaystyle R=V,G=V_{min},B=V_{dec}}"></span></li></ul> <p>Отримані значення червоного, зеленого і синього каналів RGB обчислюються у відсотках. Щоб зробити їх відповідними поширеному уявленню <a href="/wiki/RGB#_COLORREF" title="RGB">COLORREF</a> необхідно помножити кожне з них на 2,55. </p><p>При <a href="/wiki/%D0%A6%D1%96%D0%BB%D0%B5_%D1%87%D0%B8%D1%81%D0%BB%D0%BE" title="Ціле число">цілочисельному</a> кодуванні кожного кольору в HSV є відповідний колір в RGB. Однак зворотне твердження не є вірним: деякі кольору в RGB не можна виразити в HSV так, щоб значення кожного компонента було цілим. Фактично, при такому кодуванні доступна тільки <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 {1}{256}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mn>1</mn> <mn>256</mn> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {\frac {1}{256}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a24f5391476b4a91822063039d1b8acf3aded7a0" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -1.838ex; width:4.323ex; height:5.176ex;" alt="{\displaystyle {\frac {1}{256}}}"></span> частина колірного простору RGB. </p> <div class="mw-heading mw-heading2"><h2 id="Додаткові_кольори"><span id=".D0.94.D0.BE.D0.B4.D0.B0.D1.82.D0.BA.D0.BE.D0.B2.D1.96_.D0.BA.D0.BE.D0.BB.D1.8C.D0.BE.D1.80.D0.B8"></span>Додаткові кольори</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HSV&veaction=edit&section=13" title="Редагувати розділ: Додаткові кольори" class="mw-editsection-visualeditor"><span>ред.</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HSV&action=edit&section=13" title="Редагувати вихідний код розділу: Додаткові кольори"><span>ред. код</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Два кольори називаються додатковими, якщо при змішуванні їх в рівній <a href="/wiki/%D0%9F%D1%80%D0%BE%D0%BF%D0%BE%D1%80%D1%86%D1%96%D1%8F" title="Пропорція">пропорції</a> виходить чистий <a href="/wiki/%D0%A1%D1%96%D1%80%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BB%D1%96%D1%80" title="Сірий колір">сірий колір</a>. Якщо заданий один колір (<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}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>H</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/75a9edddcca2f782014371f75dca39d7e13a9c1b" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:2.064ex; height:2.176ex;" alt="{\displaystyle H}"></span>, <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 S}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>S</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle S}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4611d85173cd3b508e67077d4a1252c9c05abca2" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:1.499ex; height:2.176ex;" alt="{\displaystyle S}"></span>, <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 V}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>V</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/af0f6064540e84211d0ffe4dac72098adfa52845" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:1.787ex; height:2.176ex;" alt="{\displaystyle V}"></span>), то обов'язково існує додатковий йому колір (<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'}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>H</mi> <mo>′</mo> </msup> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H'}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/575e08b1574dc1c2bb8c5941a2a68d6daca7fd8e" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:2.788ex; height:2.509ex;" alt="{\displaystyle H'}"></span>, <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 S'}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>S</mi> <mo>′</mo> </msup> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle S'}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/bf9961844d1f539adee019e432dc18aa2a7ede59" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:2.206ex; height:2.509ex;" alt="{\displaystyle S'}"></span>, <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 V'}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>V</mi> <mo>′</mo> </msup> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V'}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/ff31fe992a31b4c954a933f1be91e2739a1c0ae7" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:2.602ex; height:2.509ex;" alt="{\displaystyle V'}"></span>). Оскільки вислідний колір повинен бути сірим, його насиченість (S) повинна дорівнювати 0. Таким чином, </p> <table> <tbody><tr> <td align="«right»"><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^{\prime }=}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>H</mi> <mrow class="MJX-TeXAtom-ORD"> <mi class="MJX-variant" mathvariant="normal">′</mi> </mrow> </msup> <mo>=</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle H^{\prime }=}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/dad4cf94894d399f81a505edeecd9f4ada080309" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:5.241ex; height:2.509ex;" alt="{\displaystyle H^{\prime }=}"></span></td> <td align="«left»"><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 {\begin{cases}H-180,&{\mbox{if }}H\geq 180\\H+180,&{\mbox{if }}H<180\end{cases}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mrow> <mo>{</mo> <mtable columnalign="left left" rowspacing=".2em" columnspacing="1em" displaystyle="false"> <mtr> <mtd> <mi>H</mi> <mo>−</mo> <mn>180</mn> <mo>,</mo> </mtd> <mtd> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mtext>if </mtext> </mstyle> </mrow> <mi>H</mi> <mo>≥</mo> <mn>180</mn> </mtd> </mtr> <mtr> <mtd> <mi>H</mi> <mo>+</mo> <mn>180</mn> <mo>,</mo> </mtd> <mtd> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mtext>if </mtext> </mstyle> </mrow> <mi>H</mi> <mo><</mo> <mn>180</mn> </mtd> </mtr> </mtable> <mo fence="true" stretchy="true" symmetric="true"></mo> </mrow> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {\begin{cases}H-180,&{\mbox{if }}H\geq 180\\H+180,&{\mbox{if }}H<180\end{cases}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/f8baa4e33d0173dbf77f3ec1e56778d55f8164b8" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.505ex; width:24.444ex; height:6.176ex;" alt="{\displaystyle {\begin{cases}H-180,&{\mbox{if }}H\geq 180\\H+180,&{\mbox{if }}H<180\end{cases}}}"></span> </td></tr> <tr> <td align="«right»"><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 S^{\prime }=}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>S</mi> <mrow class="MJX-TeXAtom-ORD"> <mi class="MJX-variant" mathvariant="normal">′</mi> </mrow> </msup> <mo>=</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle S^{\prime }=}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/706daf50cd0cad3187e9f3283c45f3a3d353d92e" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:4.66ex; height:2.509ex;" alt="{\displaystyle S^{\prime }=}"></span></td> <td align="«left»"><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 {VS \over V(S-1)+1}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>V</mi> <mi>S</mi> </mrow> <mrow> <mi>V</mi> <mo stretchy="false">(</mo> <mi>S</mi> <mo>−</mo> <mn>1</mn> <mo stretchy="false">)</mo> <mo>+</mo> <mn>1</mn> </mrow> </mfrac> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {VS \over V(S-1)+1}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/bca60b03dc8801e772b70c62c19bf1a7aaffe6c8" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -2.671ex; width:13.938ex; height:6.176ex;" alt="{\displaystyle {VS \over V(S-1)+1}}"></span> </td></tr> <tr> <td align="«right»"><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 V^{\prime }=}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msup> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi class="MJX-variant" mathvariant="normal">′</mi> </mrow> </msup> <mo>=</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V^{\prime }=}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/c6cb0e0e1b5b2a0d971e14986cc00556ef18a81c" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.338ex; width:5.055ex; height:2.509ex;" alt="{\displaystyle V^{\prime }=}"></span></td> <td align="«left»"><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 V(S-1)+1}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>V</mi> <mo stretchy="false">(</mo> <mi>S</mi> <mo>−</mo> <mn>1</mn> <mo stretchy="false">)</mo> <mo>+</mo> <mn>1</mn> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle V(S-1)+1}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a6442e81dc1c8c3e58cd67f429329ebba933e522" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -0.838ex; width:13.101ex; height:2.843ex;" alt="{\displaystyle V(S-1)+1}"></span> </td></tr></tbody></table> <style data-mw-deduplicate="TemplateStyles:r43693357">.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}html.client-js body.skin-minerva .mw-parser-output .mbox-text-span{margin-left:23px!important}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}</style><table class="box-Без_джерел plainlinks metadata ambox ambox-content ambox-Unreferenced" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:Question_book-new.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Question_book-new.svg/50px-Question_book-new.svg.png" decoding="async" width="50" height="39" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Question_book-new.svg/75px-Question_book-new.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/99/Question_book-new.svg/100px-Question_book-new.svg.png 2x" data-file-width="512" data-file-height="399" /></a></span></div></td><td class="mbox-text"><div class="mbox-text-span">Ця стаття <b>не містить <a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%9F%D0%BE%D1%81%D0%B8%D0%BB%D0%B0%D0%BD%D0%BD%D1%8F_%D0%BD%D0%B0_%D0%B4%D0%B6%D0%B5%D1%80%D0%B5%D0%BB%D0%B0" title="Вікіпедія:Посилання на джерела">посилань на джерела</a></b>.<span class="hide-when-compact"> Ви можете допомогти <a class="external text" href="https://uk.wikipedia.org/w/index.php?title=HSV&action=edit">поліпшити цю статтю</a>, додавши посилання на <a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%90%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D1%82%D0%B5%D1%82%D0%BD%D1%96_%D0%B4%D0%B6%D0%B5%D1%80%D0%B5%D0%BB%D0%B0" title="Вікіпедія:Авторитетні джерела">надійні (авторитетні) джерела</a>. Матеріал без джерел може бути піддано сумніву та вилучено.</span> <span class="date-container"><small><i>(<span class="date">травень 2014</span>)</i></small></span></div></td></tr></tbody></table> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r43815798">.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:r43353293">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="Колірні_моделі" style="padding:3px"><table class="nowraplinks collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="3"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r43815798"><style data-mw-deduplicate="TemplateStyles:r43094501">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}@media screen{html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-переглянути"><a href="/wiki/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:%D0%9A%D0%BE%D0%BB%D1%96%D1%80%D0%BD%D1%96_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%96" title="Шаблон:Колірні моделі"><abbr title="Переглянути цей шаблон">п</abbr></a></li><li class="nv-обговорити"><a href="/w/index.php?title=%D0%9E%D0%B1%D0%B3%D0%BE%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%83:%D0%9A%D0%BE%D0%BB%D1%96%D1%80%D0%BD%D1%96_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%96&action=edit&redlink=1" class="new" title="Обговорення шаблону:Колірні моделі (ще не написана)"><abbr title="Обговорити цей шаблон">о</abbr></a></li><li class="nv-редагувати"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:EditPage/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:%D0%9A%D0%BE%D0%BB%D1%96%D1%80%D0%BD%D1%96_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%96" title="Спеціальна:EditPage/Шаблон:Колірні моделі"><abbr title="Редагувати цей шаблон">р</abbr></a></li></ul></div><div id="Колірні_моделі" style="font-size:114%;margin:0 4em"><a href="/wiki/%D0%9A%D0%BE%D0%BB%D1%96%D1%80%D0%BD%D0%B0_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C" title="Колірна модель">Колірні моделі</a></div></th></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><div align="center"> <p><span style="white-space: nowrap;"><a href="/wiki/RGB" title="RGB">RGB</a> (<span style="white-space: nowrap;"><a href="/wiki/SRGB" title="SRGB">sRGB</a></span>, <span style="white-space: nowrap;"><a href="/w/index.php?title=ProPhoto&action=edit&redlink=1" class="new" title="ProPhoto (ще не написана)">ProPhoto</a></span>) •</span> <span style="white-space: nowrap;"><a href="/wiki/CMYK" title="CMYK">CMYK</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=XYZ&action=edit&redlink=1" class="new" title="XYZ (ще не написана)">XYZ</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=LMS_(%D0%BA%D0%BE%D0%BB%D1%8C%D0%BE%D1%80%D0%BE%D0%B2%D0%B0_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C)&action=edit&redlink=1" class="new" title="LMS (кольорова модель) (ще не написана)">LMS</a> •</span> <span style="white-space: nowrap;"><a class="mw-selflink selflink">HSV</a> (HSB) •</span> <span style="white-space: nowrap;"><a href="/wiki/HSL" title="HSL">HSL</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=AHSL&action=edit&redlink=1" class="new" title="AHSL (ще не написана)">AHSL</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=RYB&action=edit&redlink=1" class="new" title="RYB (ще не написана)">RYB</a> •</span> <span style="white-space: nowrap;"><a href="/wiki/Lab" title="Lab">LAB</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=NCS&action=edit&redlink=1" class="new" title="NCS (ще не написана)">NCS</a> •</span> <span style="white-space: nowrap;"><a href="/wiki/RAL" title="RAL">RAL</a> •</span> <span style="white-space: nowrap;"><a href="/wiki/YUV" title="YUV">YUV</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=YCbCr&action=edit&redlink=1" class="new" title="YCbCr (ще не написана)">YCbCr</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=YPbPr&action=edit&redlink=1" class="new" title="YPbPr (ще не написана)">YPbPr</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=YDbDr&action=edit&redlink=1" class="new" title="YDbDr (ще не написана)">YDbDr</a> •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=YIQ&action=edit&redlink=1" class="new" title="YIQ (ще не написана)">YIQ</a> •</span> <span style="white-space: nowrap;"><a href="/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_%D0%B2%D1%96%D0%B4%D0%BF%D0%BE%D0%B2%D1%96%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D1%96_%D0%BA%D0%BE%D0%BB%D1%8C%D0%BE%D1%80%D1%96%D0%B2_Pantone" title="Система відповідності кольорів Pantone">PMS</a> (Pantone) •</span> <span style="white-space: nowrap;"><a href="/w/index.php?title=%D0%9A%D0%BE%D0%BB%D1%8C%D0%BE%D1%80%D0%BE%D0%B2%D0%B0_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_%D0%9C%D0%B0%D0%BD%D1%81%D0%B5%D0%BB%D0%BB%D0%B0&action=edit&redlink=1" class="new" title="Кольорова система Манселла (ще не написана)">Манселла</a></span> </p> </div></div></td><td class="noviewer navbox-image" rowspan="1" style="width:1px;padding:0 0 0 2px"><div><span typeof="mw:File"><a href="/wiki/%D0%A4%D0%B0%D0%B9%D0%BB:HLSColorSpace.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/HLSColorSpace.png/40px-HLSColorSpace.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/HLSColorSpace.png/60px-HLSColorSpace.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/db/HLSColorSpace.png/80px-HLSColorSpace.png 2x" data-file-width="400" data-file-height="400" /></a></span></div></td></tr></tbody></table></div> </td> </tr> </tbody></table></div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Отримано з <a dir="ltr" href="https://uk.wikipedia.org/w/index.php?title=HSV&oldid=31325050">https://uk.wikipedia.org/w/index.php?title=HSV&oldid=31325050</a></div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D1%96%D1%97" title="Спеціальна:Категорії">Категорія</a>: <ul><li><a href="/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D1%96%D1%8F:%D0%9A%D0%BE%D0%BB%D1%8C%D0%BE%D1%80%D0%B8" title="Категорія:Кольори">Кольори</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Приховані категорії: <ul><li><a href="/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D1%96%D1%8F:%D0%A1%D1%82%D0%B0%D1%82%D1%82%D1%96_%D0%B1%D0%B5%D0%B7_%D0%B4%D0%B6%D0%B5%D1%80%D0%B5%D0%BB_%D0%B7_%D1%82%D1%80%D0%B0%D0%B2%D0%BD%D1%8F_2014" title="Категорія:Статті без джерел з травня 2014">Статті без джерел з травня 2014</a></li><li><a href="/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D1%96%D1%8F:%D0%A3%D1%81%D1%96_%D1%81%D1%82%D0%B0%D1%82%D1%82%D1%96_%D0%B1%D0%B5%D0%B7_%D0%B4%D0%B6%D0%B5%D1%80%D0%B5%D0%BB" title="Категорія:Усі статті без джерел">Усі статті без джерел</a></li></ul></div></div> </div> </div> <div id="mw-navigation"> <h2>Навігаційне меню</h2> <div id="mw-head"> <nav id="p-personal" class="mw-portlet mw-portlet-personal vector-user-menu-legacy vector-menu" aria-labelledby="p-personal-label" > <h3 id="p-personal-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Особисті інструменти</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anonuserpage" class="mw-list-item"><span title="Сторінка користувача для вашої IP-адреси">Ви не увійшли до системи</span></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9C%D0%BE%D1%94_%D0%BE%D0%B1%D0%B3%D0%BE%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F" title="Обговорення редагувань з цієї IP-адреси [n]" accesskey="n"><span>Обговорення</span></a></li><li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9C%D1%96%D0%B9_%D0%B2%D0%BD%D0%B5%D1%81%D0%BE%D0%BA" title="Список редагувань, зроблених з цієї IP-адреси [y]" accesskey="y"><span>Внесок</span></a></li><li id="pt-createaccount" class="mw-list-item"><a href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B8%D1%82%D0%B8_%D0%BE%D0%B1%D0%BB%D1%96%D0%BA%D0%BE%D0%B2%D0%B8%D0%B9_%D0%B7%D0%B0%D0%BF%D0%B8%D1%81&returnto=HSV" title="Пропонуємо створити обліковий запис і увійти в систему; однак, це не обов'язково"><span>Створити обліковий запис</span></a></li><li id="pt-login" class="mw-list-item"><a href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%92%D1%85%D1%96%D0%B4&returnto=HSV" title="Заохочуємо Вас увійти в систему, але це необов'язково. [o]" accesskey="o"><span>Увійти</span></a></li> </ul> </div> </nav> <div id="left-navigation"> <nav id="p-namespaces" class="mw-portlet mw-portlet-namespaces vector-menu-tabs vector-menu-tabs-legacy vector-menu" aria-labelledby="p-namespaces-label" > <h3 id="p-namespaces-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Простори назв</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected mw-list-item"><a href="/wiki/HSV" title="Вміст статті [c]" accesskey="c"><span>Стаття</span></a></li><li id="ca-talk" class="mw-list-item"><a href="/wiki/%D0%9E%D0%B1%D0%B3%D0%BE%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F:HSV" rel="discussion" title="Обговорення сторінки [t]" accesskey="t"><span>Обговорення</span></a></li> </ul> </div> </nav> <nav id="p-variants" class="mw-portlet mw-portlet-variants emptyPortlet vector-menu-dropdown vector-menu" aria-labelledby="p-variants-label" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-menu-checkbox" aria-labelledby="p-variants-label" > <label id="p-variants-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">українська</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </nav> </div> <div id="right-navigation"> <nav id="p-views" class="mw-portlet mw-portlet-views vector-menu-tabs vector-menu-tabs-legacy vector-menu" aria-labelledby="p-views-label" > <h3 id="p-views-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Перегляди</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected mw-list-item"><a href="/wiki/HSV"><span>Читати</span></a></li><li id="ca-ve-edit" class="mw-list-item"><a href="/w/index.php?title=HSV&veaction=edit" title="Редагувати цю сторінку [v]" accesskey="v"><span>Редагувати</span></a></li><li id="ca-edit" class="collapsible mw-list-item"><a href="/w/index.php?title=HSV&action=edit" title="Редагувати вихідний код сторінки [e]" accesskey="e"><span>Редагувати код</span></a></li><li id="ca-history" class="mw-list-item"><a href="/w/index.php?title=HSV&action=history" title="Журнал змін сторінки [h]" accesskey="h"><span>Переглянути історію</span></a></li> </ul> </div> </nav> <nav id="p-cactions" class="mw-portlet mw-portlet-cactions emptyPortlet vector-menu-dropdown vector-menu" aria-labelledby="p-cactions-label" title="Більше опцій" > <input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-cactions" class="vector-menu-checkbox" aria-labelledby="p-cactions-label" > <label id="p-cactions-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Більше</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </nav> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <h3 >Пошук</h3> <form action="/w/index.php" id="searchform" class="vector-search-box-form"> <div id="simpleSearch" class="vector-search-box-inner" data-search-loc="header-navigation"> <input class="vector-search-box-input" type="search" name="search" placeholder="Пошук у Вікіпедії" aria-label="Пошук у Вікіпедії" autocapitalize="sentences" title="Шукати у Вікіпедії [f]" accesskey="f" id="searchInput" > <input type="hidden" name="title" value="Спеціальна:Пошук"> <input id="mw-searchButton" class="searchButton mw-fallbackSearchButton" type="submit" name="fulltext" title="Знайти сторінки, що містять зазначений текст" value="Знайти"> <input id="searchButton" class="searchButton" type="submit" name="go" title="Перейти до сторінки, що має точно таку назву (якщо вона існує)" value="Перейти"> </div> </form> </div> </div> </div> <div id="mw-panel" class="vector-legacy-sidebar"> <div id="p-logo" role="banner"> <a class="mw-wiki-logo" href="/wiki/%D0%93%D0%BE%D0%BB%D0%BE%D0%B2%D0%BD%D0%B0_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0" title="Перейти на головну сторінку"></a> </div> <nav id="p-navigation" class="mw-portlet mw-portlet-navigation vector-menu-portal portal vector-menu" aria-labelledby="p-navigation-label" > <h3 id="p-navigation-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Навігація</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/%D0%93%D0%BE%D0%BB%D0%BE%D0%B2%D0%BD%D0%B0_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0" title="Перейти на головну сторінку [z]" accesskey="z"><span>Головна сторінка</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/%D0%9F%D0%BE%D1%80%D1%82%D0%B0%D0%BB:%D0%9F%D0%BE%D1%82%D0%BE%D1%87%D0%BD%D1%96_%D0%BF%D0%BE%D0%B4%D1%96%D1%97" title="Список поточних подій"><span>Поточні події</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9D%D0%BE%D0%B2%D1%96_%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F" title="Список останніх змін у цій вікі [r]" accesskey="r"><span>Нові редагування</span></a></li><li id="n-newpages" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9D%D0%BE%D0%B2%D1%96_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8"><span>Нові сторінки</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%92%D0%B8%D0%BF%D0%B0%D0%B4%D0%BA%D0%BE%D0%B2%D0%B0_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0" title="Переглянути випадкову сторінку [x]" accesskey="x"><span>Випадкова стаття</span></a></li> </ul> </div> </nav> <nav id="p-Участь" class="mw-portlet mw-portlet-Участь vector-menu-portal portal vector-menu" aria-labelledby="p-Участь-label" > <h3 id="p-Участь-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Участь</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-portal" class="mw-list-item"><a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%9F%D0%BE%D1%80%D1%82%D0%B0%D0%BB_%D1%81%D0%BF%D1%96%D0%BB%D1%8C%D0%BD%D0%BE%D1%82%D0%B8" title="Про проєкт, про те, що Ви можете зробити, і що де шукати"><span>Портал спільноти</span></a></li><li id="n-tavern" class="mw-list-item"><a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%9A%D0%BD%D0%B0%D0%B9%D0%BF%D0%B0" title="Місце для обговорення більшості питань"><span>Кнайпа</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%94%D0%BE%D0%B2%D1%96%D0%B4%D0%BA%D0%B0" title="Довідка з проєкту"><span>Довідка</span></a></li><li id="n-sitesupport" class="mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_uk.wikipedia.org&uselang=uk" title="Підтримайте проєкт"><span>Пожертвувати</span></a></li><li id="n-Сторінка-для-медіа" class="mw-list-item"><a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%A1%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0_%D0%B4%D0%BB%D1%8F_%D0%BC%D0%B5%D0%B4%D1%96%D0%B0"><span>Сторінка для медіа</span></a></li> </ul> </div> </nav> <nav id="p-tb" class="mw-portlet mw-portlet-tb vector-menu-portal portal vector-menu" aria-labelledby="p-tb-label" > <h3 id="p-tb-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Інструменти</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9F%D0%BE%D1%81%D0%B8%D0%BB%D0%B0%D0%BD%D0%BD%D1%8F_%D1%81%D1%8E%D0%B4%D0%B8/HSV" title="Перелік усіх сторінок, які посилаються на цю сторінку [j]" accesskey="j"><span>Посилання сюди</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9F%D0%BE%D0%B2%27%D1%8F%D0%B7%D0%B0%D0%BD%D1%96_%D1%80%D0%B5%D0%B4%D0%B0%D0%B3%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/HSV" rel="nofollow" title="Останні зміни на сторінках, на які посилається ця сторінка [k]" accesskey="k"><span>Пов'язані редагування</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D1%96_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8" title="Перелік спеціальних сторінок [q]" accesskey="q"><span>Спеціальні сторінки</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=HSV&oldid=31325050" title="Постійне посилання на цю версію цієї сторінки"><span>Постійне посилання</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=HSV&action=info" title="Додаткові відомості про цю сторінку"><span>Інформація про сторінку</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%A6%D0%B8%D1%82%D0%B0%D1%82%D0%B0&page=HSV&id=31325050&wpFormIdentifier=titleform" title="Інформація про те, як цитувати цю сторінку"><span>Цитувати сторінку</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:UrlShortener&url=https%3A%2F%2Fuk.wikipedia.org%2Fwiki%2FHSV"><span>Отримати вкорочену URL-адресу</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:QrCode&url=https%3A%2F%2Fuk.wikipedia.org%2Fwiki%2FHSV"><span>Завантажити QR-код</span></a></li> </ul> </div> </nav> <nav id="p-coll-print_export" class="mw-portlet mw-portlet-coll-print_export vector-menu-portal portal vector-menu" aria-labelledby="p-coll-print_export-label" > <h3 id="p-coll-print_export-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Друк/експорт</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%9A%D0%BD%D0%B8%D0%B3%D0%B0&bookcmd=book_creator&referer=HSV"><span>Створити книгу</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:DownloadAsPdf&page=HSV&action=show-download-screen"><span>Завантажити як PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=HSV&printable=yes" title="Версія цієї сторінки для друку [p]" accesskey="p"><span>Версія до друку</span></a></li> </ul> </div> </nav> <nav id="p-wikibase-otherprojects" class="mw-portlet mw-portlet-wikibase-otherprojects vector-menu-portal portal vector-menu" aria-labelledby="p-wikibase-otherprojects-label" > <h3 id="p-wikibase-otherprojects-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">В інших проєктах</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:HSV" hreflang="en"><span>Вікісховище</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q25212643" title="Посилання на пов’язаний елемент сховища даних [g]" accesskey="g"><span>Елемент Вікіданих</span></a></li> </ul> </div> </nav> <nav id="p-lang" class="mw-portlet mw-portlet-lang vector-menu-portal portal vector-menu" aria-labelledby="p-lang-label" > <h3 id="p-lang-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Іншими мовами</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-af mw-list-item"><a href="https://af.wikipedia.org/wiki/HSV_(kleurruimte)" title="HSV (kleurruimte) — африкаанс" lang="af" hreflang="af" data-title="HSV (kleurruimte)" data-language-autonym="Afrikaans" data-language-local-name="африкаанс" class="interlanguage-link-target"><span>Afrikaans</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/HSV" title="HSV — білоруська" lang="be" hreflang="be" data-title="HSV" data-language-autonym="Беларуская" data-language-local-name="білоруська" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Model_de_color_HSV" title="Model de color HSV — каталонська" lang="ca" hreflang="ca" data-title="Model de color HSV" data-language-autonym="Català" data-language-local-name="каталонська" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-en badge-Q70893996 mw-list-item" title=""><a href="https://en.wikipedia.org/wiki/HSV_color_space" title="HSV color space — англійська" lang="en" hreflang="en" data-title="HSV color space" data-language-autonym="English" data-language-local-name="англійська" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Modelo_de_color_HSV" title="Modelo de color HSV — іспанська" lang="es" hreflang="es" data-title="Modelo de color HSV" data-language-autonym="Español" data-language-local-name="іспанська" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/HSV_kolore-eredua" title="HSV kolore-eredua — баскська" lang="eu" hreflang="eu" data-title="HSV kolore-eredua" data-language-autonym="Euskara" data-language-local-name="баскська" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/HSV" title="HSV — фінська" lang="fi" hreflang="fi" data-title="HSV" data-language-autonym="Suomi" data-language-local-name="фінська" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Teinte_Saturation_Valeur" title="Teinte Saturation Valeur — французька" lang="fr" hreflang="fr" data-title="Teinte Saturation Valeur" data-language-autonym="Français" data-language-local-name="французька" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/HSV" title="HSV — галісійська" lang="gl" hreflang="gl" data-title="HSV" data-language-autonym="Galego" data-language-local-name="галісійська" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%8F%E0%A4%9A%E0%A4%8F%E0%A4%B8%E0%A4%B5%E0%A5%80_%E0%A4%B5%E0%A4%B0%E0%A5%8D%E0%A4%A3_%E0%A4%B5%E0%A5%8D%E0%A4%AF%E0%A5%8B%E0%A4%AE" title="एचएसवी वर्ण व्योम — гінді" lang="hi" hreflang="hi" data-title="एचएसवी वर्ण व्योम" data-language-autonym="हिन्दी" data-language-local-name="гінді" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/HSV%E8%89%B2%E7%A9%BA%E9%96%93" title="HSV色空間 — японська" lang="ja" hreflang="ja" data-title="HSV色空間" data-language-autonym="日本語" data-language-local-name="японська" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/HSV_%EC%83%89_%EA%B3%B5%EA%B0%84" title="HSV 색 공간 — корейська" lang="ko" hreflang="ko" data-title="HSV 색 공간" data-language-autonym="한국어" data-language-local-name="корейська" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/HSV_(kleurruimte)" title="HSV (kleurruimte) — нідерландська" lang="nl" hreflang="nl" data-title="HSV (kleurruimte)" data-language-autonym="Nederlands" data-language-local-name="нідерландська" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/HSV_(grafika)" title="HSV (grafika) — польська" lang="pl" hreflang="pl" data-title="HSV (grafika)" data-language-autonym="Polski" data-language-local-name="польська" 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/HSV" title="HSV — португальська" lang="pt" hreflang="pt" data-title="HSV" data-language-autonym="Português" data-language-local-name="португальська" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/HSV_(%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C)" title="HSV (цветовая модель) — російська" lang="ru" hreflang="ru" data-title="HSV (цветовая модель)" data-language-autonym="Русский" data-language-local-name="російська" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/Barvni_model_HSV" title="Barvni model HSV — словенська" lang="sl" hreflang="sl" data-title="Barvni model HSV" data-language-autonym="Slovenščina" data-language-local-name="словенська" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/HSV_(f%C3%A4rgsystem)" title="HSV (färgsystem) — шведська" lang="sv" hreflang="sv" data-title="HSV (färgsystem)" data-language-autonym="Svenska" data-language-local-name="шведська" class="interlanguage-link-target"><span>Svenska</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q25212643#sitelinks-wikipedia" title="Редагувати міжмовні посилання" class="wbc-editpage">Редагувати посилання</a></span></div> </div> </nav> </div> </div> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Цю сторінку востаннє відредаговано о 08:38, 18 квітня 2021.</li> <li id="footer-info-copyright">Текст доступний на умовах ліцензії <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.uk">Creative Commons Attribution-ShareAlike</a>; також можуть діяти додаткові умови. Детальніше див. <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/uk">Умови використання</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Політика конфіденційності</a></li> <li id="footer-places-about"><a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%9F%D1%80%D0%BE">Про Вікіпедію</a></li> <li id="footer-places-disclaimers"><a href="/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%96%D1%8F:%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0_%D0%B2%D1%96%D0%B4_%D0%B2%D1%96%D0%B4%D0%BF%D0%BE%D0%B2%D1%96%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D1%96">Відмова від відповідальності</a></li> <li id="footer-places-contact"><a href="//uk.wikipedia.org/wiki/Вікіпедія:Зворотний_зв%27язок">Зворотний зв'язок</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Кодекс поведінки</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Розробники</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/uk.wikipedia.org">Статистика</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Куки</a></li> <li id="footer-places-mobileview"><a href="//uk.m.wikipedia.org/w/index.php?title=HSV&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Мобільний вигляд</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> <script>(RLQ=window.RLQ||[]).push(function(){mw.log.warn("This page is using the deprecated ResourceLoader module \"codex-search-styles\".\n[1.43] Use a CodexModule with codexComponents to set your specific components used: https://www.mediawiki.org/wiki/Codex#Using_a_limited_subset_of_components");mw.config.set({"wgHostname":"mw-web.codfw.main-7fc47fc68d-wtdlc","wgBackendResponseTime":185,"wgPageParseReport":{"limitreport":{"cputime":"0.232","walltime":"0.405","ppvisitednodes":{"value":595,"limit":1000000},"postexpandincludesize":{"value":13726,"limit":2097152},"templateargumentsize":{"value":617,"limit":2097152},"expansiondepth":{"value":8,"limit":100},"expensivefunctioncount":{"value":1,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":11709,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 206.554 1 -total"," 53.40% 110.305 1 Шаблон:Колірні_моделі"," 51.29% 105.942 1 Шаблон:Navbox"," 43.02% 88.850 1 Шаблон:Без_джерел"," 40.29% 83.229 1 Шаблон:Ambox"," 1.56% 3.216 23 Шаблон:Nobr"," 1.27% 2.625 3 Шаблон:Clear"]},"scribunto":{"limitreport-timeusage":{"value":"0.124","limit":"10.000"},"limitreport-memusage":{"value":1275038,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-67456955cd-n5dgh","timestamp":"20241121130139","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"HSV","url":"https:\/\/uk.wikipedia.org\/wiki\/HSV","sameAs":"http:\/\/www.wikidata.org\/entity\/Q25212643","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q25212643","author":{"@type":"Organization","name":"\u0423\u0447\u0430\u0441\u043d\u0438\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0456\u0432 \u0412\u0456\u043a\u0456\u043c\u0435\u0434\u0456\u0430"},"publisher":{"@type":"Organization","name":"\u0424\u043e\u043d\u0434 \u0412\u0456\u043a\u0456\u043c\u0435\u0434\u0456\u0430","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2009-10-06T14:51:31Z","headline":"\u043a\u043e\u043b\u0456\u0440\u043d\u0430 \u043c\u043e\u0434\u0435\u043b\u044c"}</script> </body> </html>