Farby

1. Farby Ing. Marián Pecko, PhD.

2. Farba • je vnem, ktorý je vytváraný viditeľným svetlom dopadajúcim na sietnicu ľudského oka • farebné videnie ľudského oka sprostredkovávajú receptory (čapíky) troch druhov – citlivé na tri základné farby: červená, zelená a modrá • je viditeľná oblasťelektromagnetickéhožiarenia s vlnovýmidĺžkami 380-780 nm(pod je ultrafialové anad je infračervenésvetlo)

3. Farebný model • opisuje základné farby a schémy miešania týchto základných farieb do výslednej farby • farba je v prírode daná zmesou svetla rôznych vlnových dĺžok a rôzne farebné modely sa snažia napodobniť farbu čo najvernejšie

4. 1. Farebný model RGB • aditívny farebný systém založený na fakte, že ľudské oko je citlivé na tri farby • ostatné farby sú dané sýtosťou týchto farieb • obmedzenia RGB: • RGB je hardvérovo orientovaný – predpokladá používanie CRT • RGB nie je intuitívny – ľudia sa môžu naučiť používať RGB, ale v skutočnosti ide len o subjektívny preklad odtieňu, sýtosti a svetlosti, alebo niečoho podobného, do RGB

5. 2. Farebný model CMY(K) • používa doplnkové farby k RGB (subtraktívny farebný systém) • azúrová (Cyan), purpurová (Magenta), žltá (Yellow) • lacnejšie je vyrobiť čiernu farbu ako ju namiešať, preto sa pridáva ešte čierna farba (blacK) • obsiahne širokú škálu farieb, ktoré vidí človek tým že skombinuje farby CMY na bielom podklade (preto nedokáže namiešať hlbokú a neutrálnu čiernu, i preto tam je dodatočná farba K) • používa sa pre tlač

6. 3. Farebný model HSL • hue-saturation-lightness (odtieň, sýtosť, svetlosť) • výhody: • je symetrický pre svetlosť a temnotu • triviálna konverzia HSL na RGB

7. 4. Ostatné farebné modely • HSB – hue-saturation-brightness (odtieň, sýtosť, jas) • YUV – slúži na zachovanie čiernobielej informácie pri TV vysielaní • čiernobiela zložka Y (svietivosť) • farebnosť UV – odtieň medzi modrou a žltou U, odtieň medzi červenou a žltou V

8. Vlastnosti farby

9. 1. Vlastnosť color • popisuje farbu textu prvku • jeho hodnotu možno špecifikovať množstvom spôsobov

10. 2. Vlastnosť opacity • nepriehľadnosť • operácia, ktorá nasleduje po spracovaní – až keď sa prvok (aj s jeho potomkami) vykreslí do RGBA obrázku mimo obrazovky, až potom nepriehľadnosť určí prelínanie tohto vykreslenia do aktuálneho kompozitného vykreslenia • hodnota je v rozsahu od 0.0 (úplne priehľadné) do 1.0 (úplne nepriehľadné)

11. Jednotky farby

12. 1. Základné kľúčové názvy farieb

13. 2. Hodnoty RGB • všetky hodnoty sú definované v sRGB farebnom priestore • hexadecimálny tvar • formát: znak „#“, po ktorom nasledujú 3 alebo 6 hexadecimálnych znakov (#rgb, #rrggbb) • skrátený zápis odstráni všetky závislosti na farebnej hĺbke displeja • funkčný tvar • formát: „rgb(“, po ktorom nasleduje čiarkami oddelený zoznam troch číselných hodnôt (môžu byť aj percentuálne hodnoty), nasledované „)“ • hodnote 255 zodpovedá 100%, F alebo FF rgb(255,255,255) = rgb(100%,100%,100%) = #FFF

14. 3. Hodnoty RGBA • farebný model RGB je rozšírený tak, aby obsahoval alfa kanál, ktorý definuje nepriehľadnosť farby • funkčný tvar • formát: „rgba(“, po ktorom nasleduje čiarkami oddelený zoznam troch číselných hodnôt (môžu byť aj percentuálne hodnoty), nasledované hodnotou alfa kanálu (viď. opacity), nasledované „)“ • hodnote 255 zodpovedá 100%, F alebo FF rgba(255,255,255,0.8) = rgba(100%,100%,100%,0.8)

15. 4. Kľúčový názov transparent • úplne priehľadný • toto slovo sa môže považovať ako za skratku pre priehľadnú čiernu, rgba(0,0,0,0)

16. 5. Hodnoty HSL • formát: „hsl(“, po ktorom nasleduje čiarkami oddelený zoznam troch číselných hodnôt, nasledované „)“ • odtieň – je uhlom vo farebnom kruhu, neudáva sa znak uhlu • sýtosť, svetlosť – uvádzajú sa v percentách hsl(0, 100%, 50%) – red hsl(120, 100%, 50%) – lime

17. 6. Hodnoty HSLA • farebný model HSL je rozšírený tak, aby obsahoval alfa kanál, ktorý definuje nepriehľadnosť farby • funkčný tvar • formát: „hsla(“, po ktorom nasleduje čiarkami oddelený zoznam troch číselných hodnôt, nasledované hodnotou alfa kanálu (viď. opacity), nasledované „)“ • hodnote 255 zodpovedá 100%, F alebo FF hsla(240, 100%, 50%, 0.5) – semitransparentsolidblue

18. 7. Rozšírené kľúčové názvy farieb • X11 (X WindowSystem) – grafický zobrazovací systém pre rastrové zobrazovacie zariadenia • je štandardom pre vytvorenie grafického používateľského rozhrania v Unixe • 147 farieb aliceblue, antiquewhite, aqua, aquamarine, azure, beige,...

19. Teória farieb

20. Rozdelenie farieb podľa teploty • teplé • červená, žltá, oranžová • vyvolávajú akciu a veselé emócie • použitie – na stránkach, ktoré majú poskytnúť pocit šťastia a radosti • studené • modrá, zelená, fialová • vzbudzujú pocit autority, inteligencie, rozvoja a dôvery • použitie – na dosiahnutie profesionálneho firemného vzhľadu

21. Farebný kruh • znázorňuje všetky viditeľné farby • 3 hlavné skupiny farieb: • primárne • červená, modrá, žltá • sekundárne • vznikajú kombináciou dvoch primárnych farieb • oranžová (žltá + červená), zelená (žltá + modrá), fialová (červená + modrá) • terciárne • sú tvorené zmiešaním jednej primárnej a jednej sekundárnej farby

22. Rozdelenie farieb podľa vzťahu medzi sebou • analogické • na farebnom kruhu sú umiestnené hneď vedľa seba • dobre sa kombinujú • neposkytujú dobrý kontrast • komplementárne • navzájom sa dopĺňajú • na farebnom kruhu sú umiestnené presne oproti sebe • poskytujú dostatočný kontrast a živosť stránky • modrá + oranžová, fialová + žltá a červená + zelená

23. Význam jednotlivých farieb • väčšina farieb sa dá vnímať pozitívne i negatívne • záleží i na jej odtieni a aké ďalšie farby ju obklopujú

25. 1. Červená • patrí medzi energetické teplé farby • je symbolom ohňa, vášne a sily • pomáha stimulovať chuť do jedla, energiu a vzrušenie • prináša ale aj negatívne pocity ako zlosť a hnev

26. 2. Oranžová • symbolizuje šťastie, radosť, osvieženie, slnečný svit • je to veselá farba, evokujúca detskú neviazanosť • stimuluje duševnú aktivitu • reprezentuje ale aj ignoranciu a podvod

27. 3. Žltá • svetlá žltá • je veľmi veselá farba • reprezentuje radosť, inteligenciu, svetlo, energiu, optimizmus a šťastie • špinavá žltá • vedie nás k opatrnosti, kritike, lenivosti a žiarlivosti

28. 4. Zelená • symbolizuje prírodu, čistotu a má hojivé účinky • pôsobí ako symbol rastu, harmónie, bezpečia • je aj symbolom peňazí a poukazuje na chamtivosť alebo žiarlivosť • môže byť symbolom neskúsenosti

29. 5. Modrá • je upokojujúca farba vyžarujúca stabilitu a skúsenosť • môže symbolizovať dôveru a spoľahlivosť • šedšie odtiene prinášajú pocit chladu, depresie a pasivity

30. 6. Fialová • je farba prepracovanosti, poukazujúca na bohatstvo a luxus • podporuje zmysel pre duchovnosť a tvorivosť • jasnejšie odtiene symbolizujú magickosť a používa sa na podporu kreativity a ženskosti • tmavšie odtiene prinášajú pocit pochmúrnosti a smútku

31. 6. Čierna • často sa spája s výkonnosťou, eleganciou, sofistikovanosťou a hĺbkou • spája sa aj s negatívnymi predstavami – so smrťou, tajomstvom a niečím neznámym • je to farba smútku a musí byť použitá s citom

32. 7. Biela • symbolizuje čistotu, nevinnosť, nádej , slobodu a bezpečnosť • negatívne dojmy sú zima, chlad a drsnosť

33. Farebná schéma • je výber farieb, ktoré sa používajú v dizajne pre rad médií • online nástroje • https://kuler.adobe.com/ • http://colorschemedesigner.com/ • 6 základných typov farebných schém – monochromatická, analogická, doplnková, rozdelená doplnková, triadická a tetradická

34. 1. Monochromatická • upokojujúca farebná schéma • používa jedinú farbu a jej odtiene, nádychy a tóny • vyjadruje harmóniu a eleganciu • na druhej strane nie je dostatočne výrazná (v dôsledku nízkeho kontrastu farieb)

36. 2. Analogická • je tvorená farbami bezprostredne susediacimi na farebnom kruhu • na to aby bola efektívna, musí sa zvoliť jedna dominantná farba, druhá podporná a tretia, ktorá slúži ako pútač a dodá stránke výraz • neodporúča sa používať príliš veľa odtieňov a kombinovať studené a teplé farby

38. 3. Doplnková • vysoký kontrast • používajú sa dve farby, ktoré sa nachádzajú na opačnom konci farebného kruhu • odporúča sa vybrať jednu dominantnú farbu (zvyčajne pre pozadie) a druhú farbu na zvýraznenie najdôležitejších prvkov • nemali by sa používať príliš svetlé a pastelové farby (stráca sa potrebný kontrast)

40. 4. Rozdelená doplnková • uľahčuje kontrast medzi dvoma použitými farbami pridaním tretej • daná farba je doplnená dvoma farbami na opačnom konci farebného kruhu (nakreslenie písmena Y v kruhu)

42. 5. Triadická • skladá sa z troch farieb, ktoré sú od seba vzdialené o 120° na farebnom kruhu • schéma je silná a energická • používa sa jedna hlavná farba pre pozadie a dve doplnkové na zvýraznenie prvkov • k takýmto stránkam sa približujú najmä stránky pre deti

43. 6. Tetradická • pozostáva z kombinácie štyroch farieb, ktoré sú na farebnom kruhu formované do štvorca • poskytuje najväčšie farebné možnosti • na druhej strane môžeme ľahko narušiť farebnú harmóniu • treba byť opatrný pri výbere farieb

45. Farbosleposť

46. Farbosleposť (daltonizmus) • je porucha farebného videnia ľudského oka • prejavuje sa neschopnosťou rozpoznávania určitých farieb, zobrazením farieb v sivom nádychu a niekedy svetloplachosťou • príčiny sú vrodené, v ojedinelých prípadoch získané • tyčinka – umožňuje vnímanie kontrastov • čapík – umožňuje farebné videnie

47. Klasifikácia farbosleposti • podľa príčiny • monochromázia (celková farbosleposť) • neschopnosť rozlišovať farby (vidí čiernobielo) spôsobená poruchou alebo absenciou čapíka • nastane, keď chýbajú dva alebo všetky tri čapíky • tyčinková monochromázia(achromázia) – neprítomnosť alebo nefunkčnosť čapíkov; mimoriadne vzácna; je spojená chorobným strachom zo svetla (fotofóbia), mimovoľným zášklbom očí (nystagmus)a zlým videním • cerebrálna (bilaterálna, dvojstranná) achromázia • (unilaterálny, jednostranná) hemiachromázia • čapíkovámonochromázia– je prítomný iba jeden typ čapíkov; vzácna normálne cerebrálna achromázia hemiachromázia

48. Klasifikácia farbosleposti • dichromázia • jeden z troch čapíkov chýba alebo nefunguje • protanopia – úplná absencia červených fotoreceptorov sietnice; červená sa zobrazí ako čierna; človek vidí svetlo iba od 400-650 nm • deuteranopia – úplná absencia zelených fotoreceptorov sietnice; mierne ovplyvňuje schopnosť rozlišovať červeno-zelený odtieň • tritanopia – úplná absencia modrých fotoreceptorov sietnice; veľmi zriedkavá normálne protanopia deutanopia tritanopia

49. Klasifikácia farbosleposti • trichromázia • bežný typ, pri ktorom jeden z čapíkov má zmenenú spektrálnu citlivosť • protanomália – zmenená spektrálna citlivosť červených receptorov sietnice; mierne ovplyvňuje schopnosť rozlišovať červeno-zelený odtieň • deuteranomália – zmenená spektrálna citlivosť zelených receptorov sietnice; najčastejší druh farbosleposti • tritanomália – zmenená spektrálna citlivosť modrých receptorov sietnice; ovplyvňuje schopnosť rozlišovať modro-žltý odtieň; vzácna normálne protonamália deuteranomália tritanomália

50. Klasifikácia farbosleposti • podľa klinického výskytu • celková farbosleposť • čiastočná farbosleposť • červeno-zelená • dichromázia (protanopia a deuteranopia) • anomálna trichromázia (protanomália a deuteranomália) • modro-žltá • dichromázia (tritanopia) • anomálna trichromázia (tritanomália)