Barvy jsou v HTML a CSS identifikovány pomocí hexadecimálních kódů. Pokud vytváříte webovou stránku nebo jiný projekt HTML a chcete do obrázku, webu nebo okna na obrazovce počítače zahrnout prvek, který odpovídá konkrétní barvě, budete muset najít hexadecimální kód barvy. Tento wikiHow vás naučí používat různé bezplatné nástroje k rychlé identifikaci hexadecimálního kódu jakékoli barvy.
Kroky
Metoda 1 ze 4: Použití digitálního měřiče barev na počítači Mac
Krok 1. Otevřete Digital Color Meter na vašem Macu
Tento nástroj, který je součástí systému macOS, dokáže identifikovat hodnotu barvy jakékoli barvy na obrazovce. Otevřete Finder, dvakrát klikněte na Aplikace dvakrát klikněte na složku Utility složku a potom dvakrát klikněte Digitální měřič barev otevřít.
Krok 2. Přesuňte kurzor myši na barvu, kterou chcete identifikovat
Při pohybu myší se hodnoty v nástroji aktualizují v reálném čase. Nepohybujte myší z tohoto místa, dokud nezamknete horizontální i vertikální clonu.
Pomocí tohoto nástroje můžete také identifikovat barvy na webu. Stačí otevřít Safari (nebo preferovaný prohlížeč) a přejít na web, který obsahuje barvu, kterou chcete identifikovat
Krok 3. Stiskněte ⌘ Command+L
Tím se uzamknou horizontální i vertikální clony, což znamená, že se hodnota barvy při pohybu myší nezmění.
Krok 4. Stisknutím ⇧ Shift+⌘ Command+C zkopírujte hexadecimální kód do schránky
Můžete také zkopírovat hexadecimální kód kliknutím na Barva nabídku a výběr Kopírovat barvu jako text.
Krok 5. Stisknutím ⌘ Command+V vložte zkopírovaný kód
Můžete jej vložit přímo do kódu HTML, textového souboru nebo jakékoli jiné oblasti pro psaní.
Krok 6. Odemkněte clony stisknutím ⌘ Command+L
Pokud chcete identifikovat jinou barvu, uvolní se zámek, takže kurzor opět funguje jako identifikátor hodnoty barvy.
Metoda 2 ze 4: Použití Color Cop pro Windows
Krok 1. Nainstalujte Color Cop
Color Cop je malý bezplatný nástroj, který můžete použít k rychlé identifikaci hexadecimálního kódu jakékoli barvy na obrazovce. Jak aplikaci získat:
- Ve webovém prohlížeči přejděte na
- Klikněte colorcop-setup.exe v části „vlastní instalace“. Pokud se soubor automaticky nestáhne, klikněte na Uložit nebo OK spusťte stahování.
- Poklepejte na stažený soubor (je v Soubory ke stažení složku a obvykle v levém dolním rohu karty prohlížeče).
- Při instalaci aplikace postupujte podle pokynů na obrazovce.
Krok 2. Otevřete Color Cop
Najdete ho v nabídce Start.
Krok 3. Přetáhněte ikonu kapátka na barvu, kterou chcete identifikovat
Na obrazovce můžete identifikovat jakoukoli barvu, včetně těch v jiných aplikacích a na webových stránkách.
Krok 4. Uvolněním tlačítka myši odhalíte hexadecimální kód
Kód se zobrazí na prázdném místě uprostřed aplikace.
Krok 5. Poklepejte na hexadecimální kód a stiskněte Ctrl+C
To zkopíruje hexadecimální kód do vaší schránky.
Krok 6. Vložte kód tam, kde ho potřebujete
Můžeš použít Ctrl + V vložte hexadecimální kód kamkoli chcete, například do kódu HTML nebo CSS.
Metoda 3 ze 4: Použití Imagecolorpicker.com
Krok 1. V počítači, telefonu nebo tabletu přejděte na stránku
Tento bezplatný nástroj můžete použít k identifikaci hexadecimálního kódu jakékoli barvy v nahraném obrázku. Tato metoda bude fungovat v jakémkoli webovém prohlížeči, včetně prohlížečů na vašem Androidu, iPhonu nebo iPadu.
Krok 2. Nahrajte obrázek nebo zadejte URL
Budete se muset rozhodnout, zda chcete nahrát svůj vlastní obrázek nebo použít obrázek nebo web již online. Obě metody lze použít k zobrazení obrázku nebo webové stránky, kde si můžete vybrat požadovanou barvu.
- Chcete -li nahrát obrázek, přejděte dolů a vyberte Nahrajte svůj obrázek, přejděte na obrázek v počítači, telefonu nebo tabletu a vyberte možnost jeho nahrání.
- Chcete -li použít web, přejděte dolů na možnost „Použít toto pole k získání barevného kódu HTML z webu“, zadejte adresu URL a poté klikněte nebo klepněte na Vezměte si web.
- Chcete -li místo celého webu vybrat přímý obrázek na webu, zadejte adresu URL obrázku do pole „Použít toto pole k získání barevného kódu HTML z obrázku prostřednictvím této adresy URL“a poté klikněte nebo klepněte na Udělejte si obrázek.
Krok 3. V náhledu obrázku/webu klikněte nebo klepněte na požadovanou barvu
V levém dolním rohu obrazovky se zobrazí hexadecimální kód barvy.
Krok 4. Kliknutím nebo klepnutím na ikonu kopírování zkopírujte hexadecimální kód do schránky
Jsou to dvě překrývající se čtverce napravo od hexadecimálního kódu. Poté jej můžete vložit do libovolného textového souboru nebo oblasti pro psaní.
Metoda 4 ze 4: Použití Firefoxu (pro barvy na webu)
Krok 1. Otevřete Firefox na vašem PC nebo Mac
Webový prohlížeč Firefox je dodáván s bezplatným nástrojem Kapátko, pomocí kterého můžete identifikovat hexadecimální kód jakékoli barvy na webu. Pokud máte Firefox, najdete ho v nabídce Start (Windows) nebo ve složce Applications (macOS).
- Firefox si můžete zdarma stáhnout na adrese
- Firefox vám řekne pouze hodnotu barvy na webu. Mimo prohlížeč jej nemůžete použít.
Krok 2. Přejděte na webovou stránku, která obsahuje barvu, kterou chcete identifikovat
Ujistěte se, že je zobrazen prvek, pro který potřebujete barvu.
Krok 3. Klikněte na nabídku ☰
Jsou to tři vodorovné čáry v pravém horním rohu Firefoxu.
Krok 4. Klikněte na nabídku Web Developer
Rozbalí se další nabídka.
Krok 5. Klikněte na kapátko
Kurzor myši se změní na velký kruh.
Krok 6. Klikněte na barvu, kterou chcete identifikovat
Když přesunete myš na dané místo, všimnete si hexadecimální aktualizace barev naživo. Jakmile kliknete myší, Firefox uloží hexadecimální kód do vaší schránky.
Krok 7. Vložte kód tam, kde ho potřebujete
Můžeš použít Ovládání + V (PC) nebo Command + V (Mac) vložte hexadecimální kód do HTML, CSS nebo jiného textového souboru.
Tipy
- Existují další webové stránky, rozšíření prohlížeče a programy pro úpravu obrázků, které vám také umožní použít výběr barev k odhalení hexadecimálního kódu odstínu.
- Pokud víte, kdo vytvořil webovou stránku s barvou, kterou se snažíte sladit, můžete se ho kdykoli zeptat, jaký hexadecimální kód použil. Alternativně můžete načíst zdrojový kód webových stránek a najít tam uvedený hexadecimální kód.