Azərbaycanca
Беларускі
Dansk
Deutsch
Española
Français
Indonesia
Italiana
日本語
Қазақ
Lietuvos
Nederlands
Português
Русский
සිංහල
แบบไทย
Türkçe
Українська
中國人
United State
Afrikaans
| Ця стаття потребує додаткових для поліпшення її . (січень 2020) |
Ця стаття надає вступну інформацію про кольорові моделі RGB, HSV та HSL з точки зору комп'ютерної графіки (вебсторінки, зображення). Вступ до кольорів також надається для підтримки основної дискусії.
Основі кольори
Основні кольори та відтінок
По-перше, "колір" відноситься до суб'єктивної інтерпретації у людському мозку комбінацій вузької смуги довжин хвиль світла. З цієї причини визначення "кольору" не ґрунтується на суворій сукупності фізичних явищ. Тому навіть основні поняття, такі як "первинні кольори", чітко не визначені. Наприклад, традиційні "Кольори живопису" використовують червоний, синій та жовтий як основні кольори, "Кольори принтера" використовують синій, жовтий та пурпуровий, а "Кольори світла" - червоний, зелений та синій. "Світлі кольори", більш відомі як додаткові кольори, утворюються шляхом поєднання червоного, зеленого та синього світла. Ця стаття стосується додаткових кольорів і стосується червоного, зеленого та синього як основних кольорів.
Відтінок - термін, що описує чистий колір, тобто колір, не змінений підфарбовуванням або затіненням (див. нижче). У адитивних кольорах відтінки утворюються шляхом поєднання двох основних кольорів. Коли два основних кольори поєднуються в однаковій інтенсивності, результат стає «вторинний колір».
Колесо кольорів
Колесо кольорів - це інструмент, який забезпечує візуальне зображення взаємозв'язків між усіма можливими відтінками. Основні кольори розташовані навколо кола з рівними (120 градусами) інтервалами. (Попередження: Кольорові колеса часто зображують основні кольори "Кольори живопису", що призводить до іншого набору відтінків, ніж додаткових кольорів.) На ілюстрації показано просте кольорове колесо на основі додаткових кольорів. Зауважте, що положення (вгорі, справа) вихідного кольору, як правило, червоного, довільне, як і порядок зеленого та синього (за годинниковою стрілкою, проти годинникової стрілки). На ілюстрації також показані вторинні кольори, жовтий, блакитний та пурпурний, розташовані на півдорозі між (60 градусами) основними кольорами.
Доповнюючий колір
Доповненням відтінку є відтінок, який знаходиться навпроти нього (180 градусів) на кольоровому колі. Використання додаткових кольорів, змішування відтінку та його доповнення в рівних кількостях дає біле.
Відтінки та глибина тону
Наступна дискусія використовує ілюстрацію, яка вказують на однакове місце на екрані. Кожен проектор здатний генерувати один відтінок. "Інтенсивність" кожного проектора "відповідна" і може бути однаково відрегульована від нуля до повної. (Примітка: "Інтенсивність" використовується тут у тому ж сенсі, що і кольорова модель RGB. Тема відповідності, або «корекції гамми» , виходить за рамки цієї статті.)
Відтінок виробляється шляхом «затемнення» кольору. Художники називають це "затемненням". На нашій ілюстрації, один проектор встановлений на повну інтенсивність, другий встановлений на деяку інтенсивність між нулем і повною інтенсивністю, а третій - на нуль. "Затемнення" здійснюється за рахунок зменшення інтенсивності кожного проектора до тієї самої частки від його початкового налаштування.
У прикладі відтінку, при будь-якому повному затіненому відтінку, всі три проектори встановлені на нульову інтенсивність, результатом чого є чорний колір.
Глибина тону виробляється шляхом «освітлення» відтінку. Художники називають це "освітленням". На нашій ілюстрації, один проектор встановлений на повну інтенсивність, другий встановлений на деяку інтенсивність між нулем і повною повною інтенсивністю, а третій - на нуль. "Освітлення" здійснюється за рахунок збільшення рівня інтенсивності кожного проектора на одну і ту ж фракцію від його початкового налаштування до повного.
У прикладі тонування зауважте, що третій проектор зараз робить свій внесок. Коли відтінок повністю освітлений, усі три проектори працюють на повній інтенсивності, а результат - білий колір.
Зверніть увагу на атрибут загальної інтенсивності в моделі добавок. Якщо повна інтенсивність для одного проектора дорівнює 1, то основний колір має комбіновану інтенсивність 1.Вторинний колір має загальну інтенсивність 2.Білий колір має загальну інтенсивність 3.Тонування, або "освітлення", збільшує загальну інтенсивність відтінку. Хоча це просто факт, модель HSL буде враховувати цей факт при його розробці.
Тони
Тон - загальний термін, який зазвичай використовують художники для позначення ефектів зменшення "барвистості" відтінку; художники називають це "додаванням сірого". Зауважте, що сірий не є кольором або навіть єдиним поняттям, але стосується всього діапазону значень між чорним та білим, де всі три основні кольори однаково представлені. Загальний термін надається, оскільки більш конкретні терміни мають суперечливі визначення у різних кольорових моделях. Таким чином, затінення набуває відтінок до чорного, тонування має відтінок до білого, а тони покривають діапазон між ними.
Вибір кольорової моделі
Жодна кольорова модель не обов'язково «краща», ніж інша. Як правило, вибір кольорової моделі продиктовано зовнішніми чинниками, такими як графічний інструмент або необхідність вказувати кольори відповідно до стандарту CSS2 або CSS3 . Наступне обговорення лише описує функціонування моделей, зосереджених на поняттях відтінку, глибини тону та тону.
RGB
Підхід моделі RGB до кольорів важливий, оскільки:
- Він безпосередньо відображає фізичні властивості дисплеїв «Truecolor»
- Станом на 2011 рік, більшість графічних карт визначають значення пікселів за кольорами червоний, зелений та синій. Типовий діапазон значень інтенсивності для кожного кольору - 0–255, заснований на прийнятті двійкового числа з 32 бітами та розбитті на чотири байти по 8 біт. 8 біт можуть містити значення від 0 до 255. Четвертий байт використовується для визначення «альфи» чи непрозорості кольору. Непрозорість вступає в гру, коли накладаються шари з різними кольорами. Якщо колір у верхньому шарі менше, ніж повністю непрозорий (альфа <255), колір із підстилаючих шарів "відображається наскрізь".
У моделі RGB відтінки представлені вказанням одного кольору як повної інтенсивності (255), другого кольору зі змінною інтенсивністю та третього кольору без інтенсивності (0).
Далі наведено декілька прикладів, що використовують червоний з повною інтенсивністю та зелений як колір часткової інтенсивності; синій завжди дорівнює нулю:
| Червоний | Зелений | Результат |
|---|---|---|
| 255 | 0 | червоний (255, 0, 0) |
| 255 | 128 | помаранчевий (255, 128, 0) |
| 255 | 255 | жовтий (255, 255, 0) |
Відтінки створюються шляхом множення інтенсивності кожного основного кольору на 1 мінус коефіцієнт відтінку, в діапазоні від 0 до 1. Коефіцієнт відтінку 0 не впливає на відтінок, а коефіцієнт відтінку 1 дорівнює чорному:
- нова інтенсивність = потокова інтенсивність* (1 - коефіцієнт відтінку)
Далі наведено приклади використання помаранчевого:
| 0 | .25 | .5 | .75 | 1,0 |
|---|---|---|---|---|
| (255, 128, 0) | (192, 96, 0) | (128, 64, 0) | (64, 32, 0) | (0, 0, 0) |
Відтінки створюються шляхом зміни кожного основного кольору таким чином: інтенсивність збільшується так, що різниця між інтенсивністю та повною інтенсивністю (255) зменшується на коефіцієнт відтінку, в діапазоні від 0 до 1. Коефіцієнт відтінку 0 не робить нічого, коефіцієнт відтінку 1 дає білий:
- нова інтенсивність = потокова інтенсивність + (255 - потокова інтенсивність) * коефіцієнт відтінку
Далі наведено приклади використання помаранчевого:
| 0 | .25 | .5 | .75 | 1,0 |
|---|---|---|---|---|
| (255, 128, 0) | (255, 160, 64) | (255, 192, 128) | (255, 224, 192) | (255, 255, 255) |
Тони створюються шляхом нанесення як відтінку, так і глибини тону. Порядок, у якому дві операції виконуються, не має значення із таким обмеженням: коли операція з глибини тону виконується на відтінку, інтенсивність домінуючого кольору стає «повною інтенсивністю»; тобто значення інтенсивності домінуючого кольору слід використовувати замість 255.
Далі наведено приклади використання помаранчевого:
| 0 | .25 | .5 | .75 | 1,0 | |
|---|---|---|---|---|---|
| 0 | (255, 128, 0) | (192, 96, 0) | (128, 64, 0) | (64, 32, 0) | (0, 0, 0) |
| .25 | (255, 160, 64) | (192, 120, 48) | (128, 80, 32) | (64, 40, 16) | (0, 0, 0) |
| .5 | (255, 192, 128) | (192, 144, 96) | (128, 96, 64) | (64, 48, 32) | (0, 0, 0) |
| .75 | (255, 240, 192) | (192, 168, 144) | (128, 112, 96) | (64, 56, 48) | (0, 0, 0) |
| 1,0 | (255, 255, 255) | (192, 192, 192) | (128, 128, 128) | (64, 64, 64) | (0, 0, 0) |
HSV
Модель HSV або HSB описує кольори з точки зору відтінку, насиченості та значення (яскравості). Зауважте, що діапазон значень для кожного атрибута довільно визначається різними інструментами або стандартами. Обов'язково визначте діапазони значень, перш ніж намагатися інтерпретувати значення.
Відтінок безпосередньо відповідає концепції відтінку в розділі основні кольори. Перевагами використання відтінку є
- Кутовий зв’язок між тонами навколо кола кольорю легко визначити
- Відтінки, глибину тону та тони можна легко створити, не впливаючи на відтінок
Насиченість безпосередньо відповідає концепції відтінку в розділі «основні кольори», за винятком того, що повна насиченість не дає відтінку, тоді як нульова насиченість створює білий, відтінок сірого або чорного.
Значення безпосередньо відповідає поняттю інтенсивності в розділі основні кольори.
- Чисті кольори випускаються шляхом визначення відтінку з повною насиченістю і значенням
- Відтінки випускаються, задаючи відтінок з повним насиченням і меншим, ніж повне значення
- Відтінки випускаються шляхом визначення відтінку з меншим, ніж повним насиченням і повним значенням
- Тони виробляються, задаючи відтінок і менше, ніж повне насичення та значення
- Білий утворюється шляхом визначення нульової насиченості та повного значення, незалежно від відтінку
- Чорний колір виробляється шляхом визначення нульового значення, незалежно від відтінку або насиченості
- Відтінки сірого утворюються шляхом визначення нульової насиченості та між нулем і повним значенням
Перевага HSV полягає в тому, що кожен його атрибут відповідає безпосередньо базовим кольоровим поняттям, що робить його концептуально простим. Недоліком HSV є те, що атрибут насиченості відповідає тонуванню, тому ненасичені кольори мають загальну інтенсивність у зростанні. З цієї причини стандарт CSS3 планує підтримувати RGB та HSL, але не HSV.
HSL
Модель HSL описує кольори з точки зору відтінку, насиченості та освітлення (також їх називають яскравістю). (Примітка: визначення насичення в HSL істотно відрізняється від HSV, а легкість не є інтенсивністю.) Модель має дві визначні властивості:
- Перехід від чорного відтінку до білого є симетричним і регулюється виключно за рахунок підвищення освітлення
- Зменшення переходів насичення до відтінку сірого залежно від освітлення, тим самим підтримуючи загальну інтенсивність відносно постійною
Вказані властивості призвели до широкого використання HSL, зокрема, у кольоровій моделі CSS3.
Як і у HSV, відтінок безпосередньо відповідає поняттю відтінку у розділі основні кольори. Перевагами використання відтінку є
- Кутовий зв’язок між тонами навколо кола кольору легко визначити
- Відтінки, глибину тону та тони можна легко створити, не впливаючи на відтінок
Освітлення поєднує в собі поняття затінення та тонування з розділу «Основні кольори». Припускаючи повну насиченість, легкість нейтральна за середнім значенням, наприклад, 50%, а відтінок не змінюється. Оскільки освітлення зменшується нижче середньої точки, вона має ефект затінення. Нульове освітлення дає чорний колір. Оскільки значення збільшується вище 50%, воно має ефект тонування, а повне освітлення дає білий колір.
При нульовій насиченості освітлення контролює отриманий відтінок сірого. Значення нуля все ще створює чорний колір, а повну освітлення все ще дає білий. Середнє значення призводить до появи "середнього" відтінку сірого зі значенням RGB (128,128,128).
Насиченість або її нестача виробляє тони опорного відтінку, що сходяться на відтінку сірого нульового насичення, який визначається освітленням. У наступних прикладах використовуються відтінки червоного, помаранчевого та жовтого кольорів у середній точці світла зі зменшенням насиченості. Показано отримане значення RGB та загальну інтенсивність.
| 1,0 | .75 | .5 | .25 | 0 |
|---|---|---|---|---|
| (255, 0, 0), 256 | (224, 32, 32), 288 | (192, 64, 64), 320 | (160, 96, 96), 352 | (128, 128, 128), 384 |
| (255, 128, 0), 384 | (224, 128, 32), 384 | (192, 128, 64), 384 | (160, 128, 96), 384 | (128, 128, 128), 384 |
| (255, 255, 0), 512 | (224, 224, 32), 480 | (192, 192, 64), 448 | (160, 160, 96), 416 | (128, 128, 128), 384 |
Зауважте, що фізична природа додаткового кольору заважає схемі працювати точно за винятком відтінків на півдорозі між первинним та вторинним кольорами. Однак загальна інтенсивність тонів, що виникає внаслідок зменшення насичення, набагато ближча, ніж тонування поодинці, як у ВПГ.
Дивись також
- [en] Ця стаття описує різні способи поєднання кольорів приємно.
- Jirousek, Charlotte. Color, Value, and Hue. Art, Design, and Visual Thinking. Процитовано 23 жовтня 2011.
- Boddy-Evans, Marion. . About.Com Guide. Архів оригіналу за 20 жовтня 2011. Процитовано 24 жовтня 2011.
- W3C. 4.2.4. HSL color values. CSS Color Module Level 3. Процитовано 12 жовтня 2011.
Вікіпедія, Українська, Україна, книга, книги, бібліотека, стаття, читати, завантажити, безкоштовно, безкоштовно завантажити, mp3, відео, mp4, 3gp, jpg, jpeg, gif, png, малюнок, музика, пісня, фільм, книга, гра, ігри, мобільний, телефон, android, ios, apple, мобільний телефон, samsung, iphone, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, ПК, web, Інтернет
Cya stattya potrebuye dodatkovih posilan na dzherela dlya polipshennya yiyi perevirnosti Bud laska dopomozhit udoskonaliti cyu stattyu dodavshi posilannya na nadijni avtoritetni dzherela Zvernitsya na storinku obgovorennya za poyasnennyami ta dopomozhit vipraviti nedoliki Material bez dzherel mozhe buti piddano sumnivu ta vilucheno sichen 2020 Cya stattya nadaye vstupnu informaciyu pro kolorovi modeli RGB HSV ta HSL z tochki zoru komp yuternoyi grafiki vebstorinki zobrazhennya Vstup do koloriv takozh nadayetsya dlya pidtrimki osnovnoyi diskusiyi Osnovi koloriOsnovni kolori ta vidtinok Po pershe kolir vidnositsya do sub yektivnoyi interpretaciyi u lyudskomu mozku kombinacij vuzkoyi smugi dovzhin hvil svitla Z ciyeyi prichini viznachennya koloru ne gruntuyetsya na suvorij sukupnosti fizichnih yavish Tomu navit osnovni ponyattya taki yak pervinni kolori chitko ne viznacheni Napriklad tradicijni Kolori zhivopisu vikoristovuyut chervonij sinij ta zhovtij yak osnovni kolori Kolori printera vikoristovuyut sinij zhovtij ta purpurovij a Kolori svitla chervonij zelenij ta sinij Svitli kolori bilsh vidomi yak dodatkovi kolori utvoryuyutsya shlyahom poyednannya chervonogo zelenogo ta sinogo svitla Cya stattya stosuyetsya dodatkovih koloriv i stosuyetsya chervonogo zelenogo ta sinogo yak osnovnih koloriv Vidtinok termin sho opisuye chistij kolir tobto kolir ne zminenij pidfarbovuvannyam abo zatinennyam div nizhche U aditivnih kolorah vidtinki utvoryuyutsya shlyahom poyednannya dvoh osnovnih koloriv Koli dva osnovnih kolori poyednuyutsya v odnakovij intensivnosti rezultat staye vtorinnij kolir Koleso koloriv Koleso koloriv ce instrument yakij zabezpechuye vizualne zobrazhennya vzayemozv yazkiv mizh usima mozhlivimi vidtinkami Osnovni kolori roztashovani navkolo kola z rivnimi 120 gradusami intervalami Poperedzhennya Kolorovi kolesa chasto zobrazhuyut osnovni kolori Kolori zhivopisu sho prizvodit do inshogo naboru vidtinkiv nizh dodatkovih koloriv Na ilyustraciyi pokazano proste kolorove koleso na osnovi dodatkovih koloriv Zauvazhte sho polozhennya vgori sprava vihidnogo koloru yak pravilo chervonogo dovilne yak i poryadok zelenogo ta sinogo za godinnikovoyu strilkoyu proti godinnikovoyi strilki Na ilyustraciyi takozh pokazani vtorinni kolori zhovtij blakitnij ta purpurnij roztashovani na pivdorozi mizh 60 gradusami osnovnimi kolorami Dopovnyuyuchij kolirDopovnennyam vidtinku ye vidtinok yakij znahoditsya navproti nogo 180 gradusiv na kolorovomu koli Vikoristannya dodatkovih koloriv zmishuvannya vidtinku ta jogo dopovnennya v rivnih kilkostyah daye bile Vidtinki ta glibina tonu Nastupna diskusiya vikoristovuye ilyustraciyu yaka vkazuyut na odnakove misce na ekrani Kozhen proektor zdatnij generuvati odin vidtinok Intensivnist kozhnogo proektora vidpovidna i mozhe buti odnakovo vidregulovana vid nulya do povnoyi Primitka Intensivnist vikoristovuyetsya tut u tomu zh sensi sho i kolorova model RGB Tema vidpovidnosti abo korekciyi gammi vihodit za ramki ciyeyi statti Vidtinok viroblyayetsya shlyahom zatemnennya koloru Hudozhniki nazivayut ce zatemnennyam Na nashij ilyustraciyi odin proektor vstanovlenij na povnu intensivnist drugij vstanovlenij na deyaku intensivnist mizh nulem i povnoyu intensivnistyu a tretij na nul Zatemnennya zdijsnyuyetsya za rahunok zmenshennya intensivnosti kozhnogo proektora do tiyeyi samoyi chastki vid jogo pochatkovogo nalashtuvannya U prikladi vidtinku pri bud yakomu povnomu zatinenomu vidtinku vsi tri proektori vstanovleni na nulovu intensivnist rezultatom chogo ye chornij kolir Glibina tonu viroblyayetsya shlyahom osvitlennya vidtinku Hudozhniki nazivayut ce osvitlennyam Na nashij ilyustraciyi odin proektor vstanovlenij na povnu intensivnist drugij vstanovlenij na deyaku intensivnist mizh nulem i povnoyu povnoyu intensivnistyu a tretij na nul Osvitlennya zdijsnyuyetsya za rahunok zbilshennya rivnya intensivnosti kozhnogo proektora na odnu i tu zh frakciyu vid jogo pochatkovogo nalashtuvannya do povnogo U prikladi tonuvannya zauvazhte sho tretij proektor zaraz robit svij vnesok Koli vidtinok povnistyu osvitlenij usi tri proektori pracyuyut na povnij intensivnosti a rezultat bilij kolir Zvernit uvagu na atribut zagalnoyi intensivnosti v modeli dobavok Yaksho povna intensivnist dlya odnogo proektora dorivnyuye 1 to osnovnij kolir maye kombinovanu intensivnist 1 Vtorinnij kolir maye zagalnu intensivnist 2 Bilij kolir maye zagalnu intensivnist 3 Tonuvannya abo osvitlennya zbilshuye zagalnu intensivnist vidtinku Hocha ce prosto fakt model HSL bude vrahovuvati cej fakt pri jogo rozrobci Toni Ton zagalnij termin yakij zazvichaj vikoristovuyut hudozhniki dlya poznachennya efektiv zmenshennya barvistosti vidtinku hudozhniki nazivayut ce dodavannyam sirogo Zauvazhte sho sirij ne ye kolorom abo navit yedinim ponyattyam ale stosuyetsya vsogo diapazonu znachen mizh chornim ta bilim de vsi tri osnovni kolori odnakovo predstavleni Zagalnij termin nadayetsya oskilki bilsh konkretni termini mayut superechlivi viznachennya u riznih kolorovih modelyah Takim chinom zatinennya nabuvaye vidtinok do chornogo tonuvannya maye vidtinok do bilogo a toni pokrivayut diapazon mizh nimi Vibir kolorovoyi modeliZhodna kolorova model ne obov yazkovo krasha nizh insha Yak pravilo vibir kolorovoyi modeli prodiktovano zovnishnimi chinnikami takimi yak grafichnij instrument abo neobhidnist vkazuvati kolori vidpovidno do standartu CSS2 abo CSS3 Nastupne obgovorennya lishe opisuye funkcionuvannya modelej zoseredzhenih na ponyattyah vidtinku glibini tonu ta tonu RGB Pidhid modeli RGB do koloriv vazhlivij oskilki Vin bezposeredno vidobrazhaye fizichni vlastivosti displeyiv Truecolor Stanom na 2011 rik bilshist grafichnih kart viznachayut znachennya pikseliv za kolorami chervonij zelenij ta sinij Tipovij diapazon znachen intensivnosti dlya kozhnogo koloru 0 255 zasnovanij na prijnyatti dvijkovogo chisla z 32 bitami ta rozbitti na chotiri bajti po 8 bit 8 bit mozhut mistiti znachennya vid 0 do 255 Chetvertij bajt vikoristovuyetsya dlya viznachennya alfi chi neprozorosti koloru Neprozorist vstupaye v gru koli nakladayutsya shari z riznimi kolorami Yaksho kolir u verhnomu shari menshe nizh povnistyu neprozorij alfa lt 255 kolir iz pidstilayuchih shariv vidobrazhayetsya naskriz U modeli RGB vidtinki predstavleni vkazannyam odnogo koloru yak povnoyi intensivnosti 255 drugogo koloru zi zminnoyu intensivnistyu ta tretogo koloru bez intensivnosti 0 Dali navedeno dekilka prikladiv sho vikoristovuyut chervonij z povnoyu intensivnistyu ta zelenij yak kolir chastkovoyi intensivnosti sinij zavzhdi dorivnyuye nulyu Chervonij Zelenij Rezultat 255 0 chervonij 255 0 0 255 128 pomaranchevij 255 128 0 255 255 zhovtij 255 255 0 Vidtinki stvoryuyutsya shlyahom mnozhennya intensivnosti kozhnogo osnovnogo koloru na 1 minus koeficiyent vidtinku v diapazoni vid 0 do 1 Koeficiyent vidtinku 0 ne vplivaye na vidtinok a koeficiyent vidtinku 1 dorivnyuye chornomu nova intensivnist potokova intensivnist 1 koeficiyent vidtinku Dali navedeno prikladi vikoristannya pomaranchevogo 0 25 5 75 1 0 255 128 0 192 96 0 128 64 0 64 32 0 0 0 0 Vidtinki stvoryuyutsya shlyahom zmini kozhnogo osnovnogo koloru takim chinom intensivnist zbilshuyetsya tak sho riznicya mizh intensivnistyu ta povnoyu intensivnistyu 255 zmenshuyetsya na koeficiyent vidtinku v diapazoni vid 0 do 1 Koeficiyent vidtinku 0 ne robit nichogo koeficiyent vidtinku 1 daye bilij nova intensivnist potokova intensivnist 255 potokova intensivnist koeficiyent vidtinku Dali navedeno prikladi vikoristannya pomaranchevogo 0 25 5 75 1 0 255 128 0 255 160 64 255 192 128 255 224 192 255 255 255 Toni stvoryuyutsya shlyahom nanesennya yak vidtinku tak i glibini tonu Poryadok u yakomu dvi operaciyi vikonuyutsya ne maye znachennya iz takim obmezhennyam koli operaciya z glibini tonu vikonuyetsya na vidtinku intensivnist dominuyuchogo koloru staye povnoyu intensivnistyu tobto znachennya intensivnosti dominuyuchogo koloru slid vikoristovuvati zamist 255 Dali navedeno prikladi vikoristannya pomaranchevogo 0 25 5 75 1 0 0 255 128 0 192 96 0 128 64 0 64 32 0 0 0 0 25 255 160 64 192 120 48 128 80 32 64 40 16 0 0 0 5 255 192 128 192 144 96 128 96 64 64 48 32 0 0 0 75 255 240 192 192 168 144 128 112 96 64 56 48 0 0 0 1 0 255 255 255 192 192 192 128 128 128 64 64 64 0 0 0 HSV Model HSV abo HSB opisuye kolori z tochki zoru vidtinku nasichenosti ta znachennya yaskravosti Zauvazhte sho diapazon znachen dlya kozhnogo atributa dovilno viznachayetsya riznimi instrumentami abo standartami Obov yazkovo viznachte diapazoni znachen persh nizh namagatisya interpretuvati znachennya Vidtinok bezposeredno vidpovidaye koncepciyi vidtinku v rozdili osnovni kolori Perevagami vikoristannya vidtinku ye Kutovij zv yazok mizh tonami navkolo kola koloryu legko viznachiti Vidtinki glibinu tonu ta toni mozhna legko stvoriti ne vplivayuchi na vidtinok Nasichenist bezposeredno vidpovidaye koncepciyi vidtinku v rozdili osnovni kolori za vinyatkom togo sho povna nasichenist ne daye vidtinku todi yak nulova nasichenist stvoryuye bilij vidtinok sirogo abo chornogo Znachennya bezposeredno vidpovidaye ponyattyu intensivnosti v rozdili osnovni kolori Chisti kolori vipuskayutsya shlyahom viznachennya vidtinku z povnoyu nasichenistyu i znachennyam Vidtinki vipuskayutsya zadayuchi vidtinok z povnim nasichennyam i menshim nizh povne znachennya Vidtinki vipuskayutsya shlyahom viznachennya vidtinku z menshim nizh povnim nasichennyam i povnim znachennyam Toni viroblyayutsya zadayuchi vidtinok i menshe nizh povne nasichennya ta znachennya Bilij utvoryuyetsya shlyahom viznachennya nulovoyi nasichenosti ta povnogo znachennya nezalezhno vid vidtinku Chornij kolir viroblyayetsya shlyahom viznachennya nulovogo znachennya nezalezhno vid vidtinku abo nasichenosti Vidtinki sirogo utvoryuyutsya shlyahom viznachennya nulovoyi nasichenosti ta mizh nulem i povnim znachennyam Perevaga HSV polyagaye v tomu sho kozhen jogo atribut vidpovidaye bezposeredno bazovim kolorovim ponyattyam sho robit jogo konceptualno prostim Nedolikom HSV ye te sho atribut nasichenosti vidpovidaye tonuvannyu tomu nenasicheni kolori mayut zagalnu intensivnist u zrostanni Z ciyeyi prichini standart CSS3 planuye pidtrimuvati RGB ta HSL ale ne HSV HSL Model HSL opisuye kolori z tochki zoru vidtinku nasichenosti ta osvitlennya takozh yih nazivayut yaskravistyu Primitka viznachennya nasichennya v HSL istotno vidriznyayetsya vid HSV a legkist ne ye intensivnistyu Model maye dvi viznachni vlastivosti Perehid vid chornogo vidtinku do bilogo ye simetrichnim i regulyuyetsya viklyuchno za rahunok pidvishennya osvitlennya Zmenshennya perehodiv nasichennya do vidtinku sirogo zalezhno vid osvitlennya tim samim pidtrimuyuchi zagalnu intensivnist vidnosno postijnoyu Vkazani vlastivosti prizveli do shirokogo vikoristannya HSL zokrema u kolorovij modeli CSS3 Yak i u HSV vidtinok bezposeredno vidpovidaye ponyattyu vidtinku u rozdili osnovni kolori Perevagami vikoristannya vidtinku ye Kutovij zv yazok mizh tonami navkolo kola koloru legko viznachiti Vidtinki glibinu tonu ta toni mozhna legko stvoriti ne vplivayuchi na vidtinok Osvitlennya poyednuye v sobi ponyattya zatinennya ta tonuvannya z rozdilu Osnovni kolori Pripuskayuchi povnu nasichenist legkist nejtralna za serednim znachennyam napriklad 50 a vidtinok ne zminyuyetsya Oskilki osvitlennya zmenshuyetsya nizhche serednoyi tochki vona maye efekt zatinennya Nulove osvitlennya daye chornij kolir Oskilki znachennya zbilshuyetsya vishe 50 vono maye efekt tonuvannya a povne osvitlennya daye bilij kolir Pri nulovij nasichenosti osvitlennya kontrolyuye otrimanij vidtinok sirogo Znachennya nulya vse she stvoryuye chornij kolir a povnu osvitlennya vse she daye bilij Serednye znachennya prizvodit do poyavi serednogo vidtinku sirogo zi znachennyam RGB 128 128 128 Nasichenist abo yiyi nestacha viroblyaye toni opornogo vidtinku sho shodyatsya na vidtinku sirogo nulovogo nasichennya yakij viznachayetsya osvitlennyam U nastupnih prikladah vikoristovuyutsya vidtinki chervonogo pomaranchevogo ta zhovtogo koloriv u serednij tochci svitla zi zmenshennyam nasichenosti Pokazano otrimane znachennya RGB ta zagalnu intensivnist 1 0 75 5 25 0 255 0 0 256 224 32 32 288 192 64 64 320 160 96 96 352 128 128 128 384 255 128 0 384 224 128 32 384 192 128 64 384 160 128 96 384 128 128 128 384 255 255 0 512 224 224 32 480 192 192 64 448 160 160 96 416 128 128 128 384 Zauvazhte sho fizichna priroda dodatkovogo koloru zavazhaye shemi pracyuvati tochno za vinyatkom vidtinkiv na pivdorozi mizh pervinnim ta vtorinnim kolorami Odnak zagalna intensivnist toniv sho vinikaye vnaslidok zmenshennya nasichennya nabagato blizhcha nizh tonuvannya poodinci yak u VPG Divis takozh en Cya stattya opisuye rizni sposobi poyednannya koloriv priyemno Jirousek Charlotte Color Value and Hue Art Design and Visual Thinking Procitovano 23 zhovtnya 2011 Boddy Evans Marion About Com Guide Arhiv originalu za 20 zhovtnya 2011 Procitovano 24 zhovtnya 2011 W3C 4 2 4 HSL color values CSS Color Module Level 3 Procitovano 12 zhovtnya 2011