Ivo Peterka FHS 6.3.2008 Barvy v počítači a HTML..

Slides:



Advertisements
Podobné prezentace
Gymnázium, SOŠ a VOŠ Ledeč nad Sázavou I NFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE Ing. Jan Roubíček.
Advertisements

Obchodní akademie, Náchod, Denisovo nábřeží 673 Projekt CZ.1.07/1.5.00/ EU peníze pro Obchodní akademii Náchod Číslo-název šablony a klíčové aktivity.
Rozlišujeme dva základní
Počítačová grafika.
Škola: Střední škola právní – Právní akademie, s.r.o. Typ šablony: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Projekt: CZ.1.07/1.5.00/
Počítačová grafika.
Světlo je elektromagnetické vlnění různých vlnových délek. Lidské oko vnímá pouze část tohoto spektra. Toto záření nazýváme viditelné. Sousední části.
Světelné jevy Je to část fyziky, která se zabývá světlem a jeho šířením. Také se používá názvu optické jevy. (optika) K pochopení souvislostí je zapotřebí.
ZÁKLADY POČÍTAČOVÉ GRAFIKY Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_LENKA_KLOUCKOVA_GRAFIKA_ZAKLADY_GRAFIKY_RASTR_03 Název školyStřední škola.
Číslo projektu: CZ.1.07/1.4.00/ Název DUM: Jehličková tiskárna Číslo DUM: III/2/VT/2/1/15 Vzdělávací předmět: Výpočetní technika Tematická oblast:
Počítačová grafika Úvod do základů počítačové grafiky.
NÁZEV ŠKOLY: Základní škola Strančice, okres Praha - východ AUTOR: RNDr.Ivana Řehková NÁZEV:VY_32_INOVACE_ R12_ Měřítko TEMA: Matematika 7. ročník.
Číslo projektu CZ.1.07/1.5.00/ Název školy Gymnázium Česká a Olympijských nadějí, České Budějovice, Česká 64 Název materiálu VY_32_INOVACE_IVT_1_KOT_02_CISELNE_SOUSTAVY.
Ivo Peterka, FHS UK, Barvy a barevné systémy Formáty obrázků pro WWW.
Jednoduchá HTML stránka Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastTvorba WWW stránky v HTML Datum vytvoření2013.
Číslo projektuCZ.1.07/1.5.00/ Název školyGymnázium, Soběslav, Dr. Edvarda Beneše 449/II Kód materiáluVY_42_INOVACE_12_10 Název materiáluZákladní.
1 Obhajoba diplomové práce Sluneční záření a atmosféra Autor: Tomáš Miléř Vedoucí: Doc. RNDr. Petr Sládek, CSc. Oponent: RNDr. Jan Hollan BRNO 2007Katedra.
Odborný výcvik ve 3. tisíciletí Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky MEIII Dekodéry pro.
BAREVNÉ PALETY A MONOCHROMATICKÉ ZOBRAZOVÁNÍ JANA ŠTANCLOVÁ Obrázky (popř. slajdy) převzaty od RNDr. Josef Pelikán, CSc., KSVI.
Výstupní zařízení – tiskárny, rozdělení
Tistarna ingoustová a laserová
Název projektu: Moderní výuka s využitím ICT
Vstupní a výstupní zařízení - opakování
Barvy a barevné systémy Formáty obrázků pro WWW
Základy nauky o barvě Barva – vjem barvy chromatičnost – kolorita
Informace a informační zdroje
Počítačová grafika.
CSS (4).
Rozklad světla optickým hranolem.
Financováno z ESF a státního rozpočtu ČR.
Rastrová grafika Základní termíny – prezentace barev, barevné modely.
Počítačová grafika základní pojmy. Počítačová grafika základní pojmy.
Barevné modely Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN
Pojem zlomek a jeho zápis.
Název školy Střední zdravotnická škola a Vyšší odborná škola zdravotnická Nymburk, Soudní 20 IČO Číslo projektu CZ.1.07/1.5.00/ Název projektu.
Přetěžování Datové typy.
Barevné modely Číslo projektu CZ.1.07/1.5.00/ Číslo materiálu
Základní škola a Mateřská škola Bílá Třemešná, okres Trutnov
Barva světla, šíření světla a stín
Základní jednorozměrné geometrické útvary
Uložení dat v PC -Binární (dvojkový) systém-
VESMÍR.
Procvičení vzorců a funkcí v rámci jednoho i více listů
Financováno z ESF a státního rozpočtu ČR.
Tabulky – další možnosti
Stavba oka Funkce oka Onemocnění oka Zajímavosti o oku
Název školy: ZŠ Klášterec nad Ohří, Krátká 676 Autor: Mgr
BARVA.
Zlomky Čísla smíšená..
Lidské oko Název : VY_32_inovace_17 Fyzika - lidské oko
SÁRA ŠPAČKOVÁ MARKÉTA KOČÍBOVÁ MARCELA CHROMČÁKOVÁ LUKÁŠ BARTOŠ B3E1
ČÍSLO PROJEKTU ČÍSLO MATERIÁLU NÁZEV ŠKOLY AUTOR TÉMATICKÝ CELEK
Stavební fakulta ČVUT, B407
UMĚLÉ OSVĚTLENÍ V INTERIÉRU.
Informatika – Grafika.
Číslicové měřící přístroje
Barvy Zpracovala: Mgr. Jitka Hotařová
Počítačová grafika.
Počítačová grafika, prezentace (základní pojmy a principy z oblasti počítačové grafiky, grafické a multimediální formáty, jejich vlastnosti a způsoby využití,
Počítačová grafika Mgr. Petra Toboříková.
Způsoby uložení grafické informace
Světlo a jeho šíření VY_32_INOVACE_12_240
Způsoby uložení grafické informace
Rastrová grafika O. Kánský 2012.
Předmět: Informatika Ročník: VII. Tématický celek: Základy práce s PC
Aritmetické operace s binárními čísly
Rastrové formáty.
NÁZEV ŠKOLY: Základní škola Zbečno 23, okres Rakovník
Pojem zlomek a jeho zápis.
AUTOR: Bc. Leona Vejrostová NÁZEV: VY_22_INOVACE_02_10_Barvy 4
Transkript prezentace:

Ivo Peterka FHS Barvy v počítači a HTML.

Ivo Peterka FHS Barevný prostor RGB ● Barvy zobrazované na monitoru jsou skládány ze tří složek (částí světelného spektra). – Červená (Red) – Zelená (Green) – Modrá (Blue) ● Výsledná barva je dána intenzitou jednotlivých barevných složek – Na monitoru intenzitou osvětlení barevných krystalů.

Ivo Peterka FHS Barevný prostor RGB ● Intenzita jednotlivých barevných složek je dána v rozsahu (1 byte = 8 bitů pro barevnou složku) – Intenzity Červená 0, Zelená 0, Modrá 0 = černá barva – Intenzity Červená 255, Zelená 255, Modrá 255 = bílá barva – Intenzity Červená 255, Zelená 255, Modrá 0 = žlutá barva. (doplňková barva k modré)

Ivo Peterka FHS Barevný prostor RGB ● Celkový počet kombinací pro barevné složky: – 256 * 256 * 256 = – Barevná hloubka TrueColor – I dnes se stále používá barevná hloubka HighColor (především na mobilních zařízeních) ● Pro jednotlivé složky 5 bitů, 5 bitů, 6 bitů – barev ● Z TrueColor zápisu se použila nejbližší barva v HighColor. ● Výhoda – pouze 2 byty na jeden barevný bod.

Ivo Peterka FHS Barevný CMY(K) ● Barevné tiskárny používají CMY(K) model – Základními barvami jsou: ● Azurová (Cyan) – doplňková k červené ● Fialová (Magenta) – doplňková k zelené ● Žlutá (Yellow) – doplňková k modré – Přidanou barvou je Černá (blacK) – čistší a levnější černá

Ivo Peterka FHS RGB versus CMY(K) ● RGB používá aditivní skládání barev – Čím více přidám barevných složek, tím je barva intenzivnější. Složením všech složek dostaneme bílou. – Výsledná barva je tvořena přímo jednotlivými přidanými složkami. ● CMY(K) používá subtraktivní skládání barev – Čím více přidám jednotlivých barev, tím více z barevného spektra je pohlceno, smícháním všech složek dostaneme černou.

Ivo Peterka FHS RGB versus CMY(K) ● CMY(K) používá subtraktivní skládání barev – Výsledná barva je tedy „Bílá – část barevného spektra pohlcená přidanými složkami“ (subtraktivní skládání). – Z rozdílů vyplývá ● Některé barvy, které lze zobrazit na monitoru, nelze vytisknout. ● Lze vytisknout i barvy, které nelze zobrazit na monitoru.

Ivo Peterka FHS RGB versus CMY(K) ● Příklad subtraktivního skládání barev – Smícháním žluté barvy s fialovou dostaneme červenou barvu, protože žlutá barva pohltí modrou část spektra a fialová barva pohltí zelenou část spektra. Zbývá tedy pouze červená část spektra. – Toto skládání barev odpovídá způsobu, jakým se míchají barvy na malířské paletě. RGB versus CMY(K)

Ivo Peterka FHS RGB versus CMY(K) ● Příklad aditivního skládání barev (RGB) – Na co nejčistěji bílou stěnu (odráží celé barevné spektrum) zaměřte na jedno místo červené a zelené světlo přibližně stejné intenzity – výsledný barevný dojem bude odstín žluté barvy. ● Aditivní skládání barev používají i televize – YUV (PAL, SECAM, NTSC) – YIQ (NTSC) – Jiný (rozdílový) zápis barev (kompatibilita z černobílými televizemi).

Ivo Peterka FHS Zápis barvy v CSS ● V CSS můžeme barvu zapsat jako RGB trojici – body { color: rgb(50, 50, 255);} ● Světle modrá barva. ● Starší způsob, používaný i ve starších verzích HTML je HTML kód barvy – zapisuje jednotlivé složky v šestnáctkové soustavě.

Ivo Peterka FHS Desítková, binární a šestnáctková soustava ● Desítková soustava – běžně používáme. – Číslice 0.. 9, tj. deset číslic, tedy desítková soustava ● Binární soustava – Obsahuje pouze číslice 0,1 – 10 v binární soustavě vyjadřuje číslo dvě. – Číslo v binární soustavě vyjadřuje číslo (následuje dekadický zápis) =255. Proto je rozsah jednoho byte (= 8 bit)

Ivo Peterka FHS Desítková, binární a šestnáctková soustava ● Šestnáctková (hexadecimální) soustava má šestnáct číslic – 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F – Číslice B vyjadřuje číslo jedenáct. – 10 v šestnáctkové soustavě vyjadřuje číslo šestnáct.

Ivo Peterka FHS Převod z šestnáctkové do desítkové soustavy. ● Příklad 1: – 6F šestnáctkově = 6 * = 111 desítkově ● Příklad 2: – 10E3 šestnáctkově = 1 * 16 * 16 * * 16 * * = 4323 desítkově ● Příklad 3: – FF šestnáctkově = 15 * = 255 desítkově.

Ivo Peterka FHS HTML kód barvy. ● Poslední příklad nám ukazuje, že v šestnáckové soustavě zapíšeme rozsah dvěmi číslicemi. ● HTML kód barvy se skládá ze znaku # a trojice hodnot pro barvu v šestnáctkové soustavě. ● Příklad – rgb(50, 50, 255) ~ #3232FF

Ivo Peterka FHS Možnosti zápisu barvy - shrnutí. ● V CSS – Jako rgb hodnota – rgb(50,50,255) – Jako HTML kód - #3232FF – Jako pojmenovaná barva ● Pouze jména: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow ● blue ~ #0000FF ~ rgb(0,0,255)

Ivo Peterka FHS Možnosti zápisu barvy - shrnutí. ● Přímo v HTML (zastaralý způsob) – HTML kód: – Pojmenovaná barva: – Tento způsob již není XHTML správný (validní). Počítá se se zápisem v CSS.