If you're seeing this message, it means we're having trouble loading external resources on our website.

Pokud používáš webový filtr, ujisti se, že domény: *.kastatic.org and *.kasandbox.org jsou vyloučeny z filtrování.

Hlavní obsah

Barevný prostor HSL

Podíváme se na barevný prostor modelu HSL.

Transkript

- Ačkoliv jsou RGB modely skvělé k reprezentaci toho, jak vytvářet barvy, jejich užívání není přirozené pro umělce. Místo toho používáme koncept odstínu, sytosti a světlosti, abychom našli požadovanou barvu. Na kole odstínu a sytosti úhel okolo kruhu definuje odstín a vzdálenost od středu definuje sytost. Umístění v tomto kruhu se pak zkombinuje s nastavením posuvníku světlosti, a tím se určí konečná barva. Od teď budu tento posuvník světlosti nazývat dimenzí světlosti, protože k definování potřebuje pouze jediné číslo, a tato barva, která je definována pomocí těchto HSL nastavení, má také určitou pozici v RGB barevné krychli. To nás přivádí ke klíčovému problému této lekce. Jak se každé HSL nastavení převede do bodu v RGB krychli? Nejprve se zamysleme nad tím, jak můžeme z 3D krychle udělat 2D kruh. Trik je v zamyšlení se nad tím, kde jsou v naší barevné krychli šedé odstíny. Kdekoliv v naší barevné krychli, kde jsou hodnoty RGB stejné, dostaneme nějaký odstín šedi. Například 20 %, 20 %, 20 % nám dá tuto tmavší šedou a 80 %, 80 %, 80 % nám dá tuto světlejší šedou. To znamená, že v naší RGB krychli je linie šedé, což znamená, že stačí jen jeden rozměr k popisu všech šedých. Otočme tedy barevnou krychli tak, abychom se dívali přímo na šedou linii. Je vám to povědomé? Matematici trochu podvádějí a deformují to do kruhu. Existuje nějaká nóbl matika, která to umožňuje, ale tu teď budeme ignorovat. A odtud pochází kolo odstínu a sytosti. Konečně se můžeme dostat k dimenzi světlosti. Abychom to mohli provést, skočíme zpět do 3D prostoru rozšířením našeho kruhu do válce. Dimenze světlosti definuje, jaký dílek si vezmeme z našeho barevného válce. Hodnota světlosti 50 % vezme dílek ze středu. Pro zesvětlení odstínu jakékoliv barvy na tomto kruhu se pohybujeme nahoru po dimenzi světlosti k vyššímu dílku a abychom barvu ztmavili, postupujeme dolů po dimenzi světlosti k nižšímu dílku. Dobře. Tohle je důležité, takže si tady dáme pauzu. V dalším cvičení vás vyzveme, abyste o tomto modelu přemýšleli trochu více. Nespěchejte a bavte se.