Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revizePředchozí verzeNásledující verze | Předchozí verze | ||
pristupnost:colorzilla [2020/09/15 08:41] – linda | pristupnost:zjisteni_barev [2020/09/24 13:47] (aktuální) – epub | ||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
====== Zjištění barev ====== | ====== Zjištění barev ====== | ||
- | Colorzilla je doplněk webového prohlížeče, který | + | Ke zjištění barev můžete využít |
===== Instalace doplňku ColorZilla ===== | ===== Instalace doplňku ColorZilla ===== | ||
- | - Ve webovém prohlížeči Chrome nebo Firefox zadejte adresu | + | - Ve webovém prohlížeči Chrome nebo Firefox zadejte adresu https:// |
- | - Z nabídky zvolte **ColorZilla for Chrome and Firefox**. Další nabídka se přizpůsobí | + | - Z nabídky zvolte **ColorZilla for Chrome and Firefox**. Další nabídka se přizpůsobí |
- | - Klikněte na tlačítko **Install ColorZilla** (většinou je u tlačítka uvedena také verze rozšíření). | + | - Klikněte na tlačítko **Install ColorZilla** (většinou je u tlačítka uvedena také verze rozšíření). |
- | - Klikněte na tlačítko **Přidat do Chromu**, resp. **Přidat do Firefoxu**. | + | - Klikněte na tlačítko **Přidat do Chromu**, resp. **Přidat do Firefoxu**.\\ \\ |
- | - Dokončete instalaci doplňku, včetně udělení potřebných oprávnění. | + | - Dokončete instalaci doplňku |
- | - Po instalaci se v pravém horním rohu prohlížeče vedle adresního řádku objeví | + | - Po instalaci se v pravém horním rohu prohlížeče vedle adresního řádku objeví |
- | ===== Získání barvy z webové stránky pomocí volby Color picker | + | ===== Získání barvy z webové stránky pomocí volby Color Picker |
- | - Klikněte na ikonu nástroje ColorZilla (na kapátko). Tím aktivujete nástroj pro výběr barev. Pod ikonou kapátka by se po kliknutí na ikonu měl zobrazit text **Page Color Picker Active**. V případě, že se tento text po kliknutí na ikonu nezobrazí, v otevřené nabídce klikněte na položku **Color Picker** (viz obr. 2). {{: | + | - Klikněte na ikonu nástroje ColorZilla (na kapátko). Tím aktivujete nástroj pro výběr barev. Pod ikonou kapátka by se po kliknutí na ikonu měl zobrazit text **Page Color Picker Active**. V případě, že se tento text po kliknutí na ikonu nezobrazí, v otevřené nabídce klikněte na položku **Color Picker** (viz obr. 2).\\ |
- | - Kurzor se změní v křížek a v horní části prohlížeče pod adresním řádkem se vysune černá lišta. Čtvereček na liště zobrazuje barvu oblasti stránky, na které se právě nachází kurzor (viz obr. 3)((Jako příklad byl využit web Národní knihovny ČR.)). \\ \\ {{: | + | - Kurzor se změní v křížek a v horní části prohlížeče pod adresním řádkem se vysune černá lišta. Čtvereček na liště zobrazuje barvu oblasti stránky, na které se právě nachází kurzor (viz obr. 3)((Jako příklad byl použit web Národní knihovny ČR.)). \\ \\ {{: |
- Vyberte požadovanou oblast stránky a klikněte na ni myší. Vybraná barva se vloží do paměti (historie) nástroje ColorZilla. \\ \\ <WRAP center tip> | - Vyberte požadovanou oblast stránky a klikněte na ni myší. Vybraná barva se vloží do paměti (historie) nástroje ColorZilla. \\ \\ <WRAP center tip> | ||
- | Pokud potřebujete zjistit barvu písma a písmo je příliš malé, takže je problém umístit na ně kurzor, můžete si zobrazení stránky zvětšit pomocí kombinace kláves | + | Pokud potřebujete zjistit barvu písma a písmo je příliš malé, takže je problém umístit na ně kurzor, můžete si zobrazení stránky zvětšit pomocí kombinace kláves |
</ | </ | ||
- | - Kliknutím na ikonu ColorZilla otevřete nabídku a vyberte z ní položku **Color Picker**. Zobrazí se nástroj pro úpravu barev. | + | - Kliknutím na ikonu nástroje |
- | - Z historie uložených barev (Color History) napravo vyberte kliknutím čtvereček s požadovanou barvou a dole zkopírujte hodnotu hexadecimálního kódu barvy (viz obr. 4). Tento kód pak můžete zadat do validátoru kontrastu nebo do kódu webové stránky. \\ {{: | + | - Z historie uložených barev (**Color History**) napravo vyberte kliknutím čtvereček s požadovanou barvou a dole zkopírujte hodnotu hexadecimálního kódu barvy (viz obr. 4). Tento kód pak můžete zadat do validátoru kontrastu nebo do kódu webové stránky. \\ {{: |
===== Získání barev pomocí volby Webpage Color Analyzer ===== | ===== Získání barev pomocí volby Webpage Color Analyzer ===== | ||
Využít lze také nástroj pro hromadnou analýzu barev v definici webové stránky, tzv. Webpage Color Analyzer. | Využít lze také nástroj pro hromadnou analýzu barev v definici webové stránky, tzv. Webpage Color Analyzer. | ||
- | - Klikněte na ikonu nástroje ColorZilla (na kapátko). | + | - Klikněte na ikonu nástroje ColorZilla (na kapátko). |
- | - Z rozbalovací nabídky zvolte položku **Webpage Color Analyzer**. V horní části stránky se zobrazí okno s přehledem použitých barev (viz obr. 5)((Jako příklad byl využit portál Knihovny.cz.)) \\ \\ {{: | + | - Z rozbalovací nabídky zvolte položku **Webpage Color Analyzer**. V horní části stránky se zobrazí okno s přehledem použitých barev (viz obr. 5).((Jako příklad byl použit portál Knihovny.cz.)) \\ \\ {{: |
- | - Pokud na některou z barev kliknete myší, zobrazí se informace o dané barvě a stylů | + | - Pokud na některou z barev kliknete myší, zobrazí se informace o dané barvě a stylech |
+ | |||
+ | |||
+ | < |