Podcast o Model HSV: odtieň, sýtosť a jas

Kapitoly

Čo je to HSV?

Odtieň (Hue) – Základná farba

Sýtosť (Saturation) – Ako živá je farba?

Jas (Value) – Svetlo alebo tma?

Pozor na zámenu s HSL

Prevod z RGB do HSV

Príklad z praxe

Zhrnutie a záver

Přepis

Lucia: Je to oveľa logickejšie! Namiesto miešania troch abstraktných hodnôt svetla... si proste vyberieš farbu a potom ju urobíš svetlejšou alebo živšou.

Marek: Presne tak! Je to presne tak, ako ľudia o farbách prirodzene uvažujú. Najprv si vyberieš odtieň a až potom riešiš, aký je tmavý alebo vyblednutý.

Lucia: Dobre, toto si myslím, že musí počuť každý, kto sa chystá na maturitu z informatiky. Počúvate Studyfi Podcast a dnes sa ponoríme do niečoho, čo používate každý deň, aj keď o tom možno neviete – do farebného modelu HSV.

Marek: Super téma, Lucia. Väčšina ľudí pozná model RGB – teda červená, zelená, modrá. To je super pre monitory a počítače. Ale pre nás, ľudí, je to trochu neintuitívne.

Lucia: Presne. Ak ti poviem, aby si namiešal oranžovú, nepovieš mi: „Dám 255 červenej, 165 zelenej a 0 modrej.“ Skôr povieš... no, „oranžová“.

Marek: Presne tak. A práve tu prichádza na scénu HSV. Tá skratka znamená Hue, Saturation a Value. V slovenčine Odtieň, Sýtosť a Jas. Je to model navrhnutý tak, aby kopíroval naše ľudské vnímanie farieb.

Lucia: Dobre, tak poďme na to postupne. Prvá zložka je Odtieň, alebo Hue. Čo to presne je?

Marek: Predstav si dúhu alebo farebné koleso. Odtieň je v podstate odpoveď na otázku: „Aká je to farba?“ Je to červená, zelená, modrá, žltá? Toto je odtieň.

Lucia: Takže základná identita farby?

Marek: Presne. V modeli HSV sa odtieň meria v stupňoch na kruhu, od 0 do 360 stupňov. Červená je na 0 stupňoch, zelená je na 120 a modrá na 240 stupňoch. Medzi nimi sú všetky ostatné farby spektra.

Lucia: Takže ak chcem zmeniť farbu auta v grafickom programe z červenej na modrú, nemusím hádať RGB hodnoty, ale len posuniem ovládač odtieňa z 0 na 240? To znie až príliš jednoducho.

Marek: A presne tak to funguje! A čo je dôležité, pre čiernu, bielu a všetky odtiene šedej je odtieň nedefinovaný. Logicky, lebo nemajú žiadny „farebný tón“.

Lucia: Dobre, odtieň máme. Druhá zložka je Sýtosť. To znie ako niečo, čo určuje intenzitu.

Marek: Áno, sýtosť hovorí, aká „čistá“ alebo „živá“ je farba. Meria sa v percentách od 0 do 100.

Lucia: Čiže 100% sýtosť je tá najvýraznejšia verzia farby a 0% je... čo?

Marek: Pri 0% sýtosti sa akákoľvek farba stáva odtieňom šedej. Predstav si, že do vedra s jasne červenou farbou začneš prilievať sivú. Čím viac sivej pridáš, tým nižšia bude sýtosť. Farba bude stále „červenkastá“, ale bude čoraz viac vyblednutá, až kým sa nestane úplne sivou.

Lucia: Aha! Takže nízka sýtosť znamená, že farba je akoby „vypratá“ alebo mdlá.

Marek: Presne tak. Je to miera prímesi šedej vo farbe. Vysoká sýtosť znamená žiadnu šedú, len čistý odtieň. Nízka sýtosť znamená veľa šedej.

Lucia: Posledná zložka je Jas, alebo Value. To asi súvisí so svetlom, však?

Marek: Áno, jas určuje, ako je farba svetlá alebo tmavá. Tiež sa meria v percentách od 0 do 100. 100% jas znamená najsvetlejšiu možnú verziu danej farby.

Lucia: A 0% jas je potom... čierna?

Marek: Vždy. Nezáleží na tom, aký máš nastavený odtieň alebo sýtosť. Ak nastavíš jas na nulu, výsledok bude vždy čierna. Je to ako keby si v miestnosti úplne zhasol svetlo. Nevidíš žiadne farby, len tmu.

Lucia: Rozumiem. Takže na zhrnutie: Odtieň je typ farby, Sýtosť je jej živosť a Jas je jej svetlosť. Je to naozaj oveľa intuitívnejšie ako RGB.

Marek: Presne preto to milujú dizajnéri a umelci. V programoch ako Photoshop môžu jednoducho posúvať tri ovládače, ktoré presne zodpovedajú tomu, ako premýšľajú o farbe. Chcem modrejšiu? Hýbem odtieňom. Chcem svetlejšiu? Hýbem jasom.

Lucia: Spomínal si, že existujú aj iné podobné modely. Je niečo, na čo by si mali dať študenti pozor?

Marek: Určite. Častou chybou je zámena modelu HSV s modelom HSL. To „L“ znamená Lightness, teda svetlosť. Znie to podobne ako Jas (Value), ale funguje to inak.

Lucia: A v čom je ten rozdiel?

Marek: V modeli HSV, ak máš 100% jas, máš najsvetlejšiu verziu daného odtieňa. Ale v HSL, ak nastavíš svetlosť (Lightness) na 100%, výsledok je vždy biela farba. A plne sýta farba je pri 50% svetlosti. Je to jemný, ale dôležitý technický rozdiel.

Lucia: Takže v HSV je 100% jas „plná farba“, zatiaľ čo v HSL je 100% svetlosť vždy biela. Dobre vedieť, to môže byť chyták na skúške.

Marek: Presne tak. Stačí si pamätať: V ako Value v HSV sa správa ako stmievač svetla. L ako Lightness v HSL je skôr o pridávaní bielej alebo čiernej.

Lucia: Dobre, a čo ak máme farbu v RGB a potrebujeme ju previesť do HSV? Viem, že na to existujú nejaké vzorce. Znie to... matematicky.

Marek: Znie, ale je to celkom logické. Najprv si hodnoty R, G a B, ktoré sú zvyčajne od 0 do 255, prepočítame na rozsah od 0 do 1. Jednoducho ich vydelíme číslom 255.

Lucia: Okej, to je prvý krok. Čo ďalej?

Marek: Potom nájdeme najväčšiu a najmenšiu hodnotu z týchto troch. Nazvime ich Cmax a Cmin. Hodnota Jasu (V) je potom jednoducho rovná Cmax.

Lucia: Jednoduché. A sýtosť?

Marek: Sýtosť (S) sa vypočíta ako rozdiel Cmax a Cmin, vydelený hodnotou Cmax. Teda (Cmax - Cmin) / Cmax. Ak je Cmax nula, čo znamená čierna farba, sýtosť je tiež nula.

Lucia: To dáva zmysel. A zostáva nám najzložitejší... Odtieň (H).

Marek: Ten je trochu zložitejší. Jeho výpočet závisí od toho, ktorá zložka – červená, zelená alebo modrá – bola tá najväčšia (Cmax). Existujú tri rôzne vzorce, jeden pre každý prípad. Sú trochu dlhšie, ale v podstate porovnávajú zvyšné dve farby.

Lucia: Poďme si to ukázať na príklade. Povedzme, že máme farbu RGB s hodnotami 200, 100, 50. To by mala byť nejaká oranžová, však?

Marek: Áno, presne. Takže, krok 1: normalizujeme hodnoty. 200 delené 255 je asi 0.784. 100 delené 255 je asi 0.392 a 50 delené 255 je 0.196.

Lucia: Super. Najväčšia hodnota, Cmax, je teda 0.784. To znamená, že náš Jas (V) je 78.4%.

Marek: Správne. A Cmin je 0.196. Takže Sýtosť (S) vypočítame ako (0.784 - 0.196) / 0.784, čo je presne 0.75, alebo 75%.

Lucia: Takže máme pomerne sýtu farbu. A teraz ten odtieň...

Marek: Keďže najväčšia zložka bola červená (r), použijeme vzorec pre tento prípad. Po dosadení čísel nám vyjde hodnota okolo 20 stupňov.

Lucia: A 20 stupňov je... kúsok od červenej (0°) smerom k žltej (60°). Takže presne, oranžovo-červená! Perfektné.

Marek: Vidíš? Aj tá matematika za tým má svoju logiku a dá sa pekne odvodiť, keď človek rozumie princípu.

Lucia: Takže, poďme si to zhrnúť. Farebný model HSV je pre ľudí oveľa intuitívnejší ako RGB, pretože oddeľuje základnú farbu (Odtieň) od jej živosti (Sýtosti) a svetlosti (Jasu).

Marek: Presne. A práve preto ho nájdete vo všetkých grafických programoch. Umožňuje jednoduché a logické úpravy farieb. Ak si zapamätáte, že meníte Odtieň, Sýtosť a Jas, máte v rukách mocný nástroj.

Lucia: Skvelé! Myslím, že po tomto vysvetlení už nikto nebude mať problém s otázkami na HSV na maturite. Marek, ďakujem ti veľmi pekne za ďalšie super vysvetlenie.

Marek: Rado sa stalo! Je to fascinujúca téma.

Lucia: A vám, milí poslucháči, ďakujeme, že ste boli s nami. Držíme vám palce pri učení a tešíme sa na vás pri ďalšej epizóde Studyfi Podcast. Majte sa!