Farby sú v HTML a CSS identifikované ich hexadecimálnymi kódmi. Ak vytvárate webovú stránku alebo iný projekt HTML a chcete na obrázok, webovú stránku alebo okno na obrazovke počítača zahrnúť prvok, ktorý zodpovedá konkrétnej farbe, budete musieť nájsť hexadecimálny kód farby. Tento wikiHow vás naučí používať rôzne bezplatné nástroje na rýchlu identifikáciu hexadecimálneho kódu akejkoľvek farby.
Kroky
Metóda 1 zo 4: Použitie digitálneho merača farieb na počítači Mac
Krok 1. Otvorte na počítači Mac digitálny merač farieb
Tento nástroj, ktorý je súčasťou systému macOS, dokáže identifikovať hodnotu farby akejkoľvek farby na obrazovke. Otvorte Finder, dvakrát kliknite na ikonu Aplikácie dvakrát kliknite na priečinok Inžinierske siete priečinok a potom dvakrát kliknite na ikonu Digitálny merač farieb aby som to otvoril.
Krok 2. Presuňte kurzor myši na farbu, ktorú chcete identifikovať
Pri pohybe myšou sa hodnoty v nástroji aktualizujú v reálnom čase. Nehýbte myšou z tohto miesta, kým nezamknete horizontálne aj vertikálne otvory.
Tento nástroj môžete použiť aj na identifikáciu farieb na webe. Stačí otvoriť Safari (alebo vami preferovaný prehliadač) a prejsť na webovú stránku, ktorá obsahuje farbu, ktorú chcete identifikovať
Krok 3. Stlačte ⌘ Command+L
Tým sa uzamknú horizontálne aj vertikálne otvory, čo znamená, že hodnota farby sa nezmení, keď pohnete myšou.
Krok 4. Stlačením ⇧ Shift+⌘ Command+C skopírujte hexadecimálny kód do schránky
Môžete tiež skopírovať hexadecimálny kód kliknutím na Farba menu a výber Kopírovať farbu ako text.
Krok 5. Skopírovaný kód prilepte stlačením klávesov ⌘ Command+V
Môžete ho prilepiť priamo do kódu HTML, textového súboru alebo do akejkoľvek inej oblasti na zadávanie textu.
Krok 6. Odomknite otvory stlačením klávesov ⌘ Command+L
Ak chcete identifikovať inú farbu, uvoľní sa zámok, takže kurzor opäť funguje ako identifikátor hodnoty farby.
Metóda 2 zo 4: Použitie Color Cop pre Windows
Krok 1. Nainštalujte aplikáciu Color Cop
Color Cop je malý bezplatný nástroj, ktorý môžete použiť na rýchlu identifikáciu hexadecimálneho kódu akejkoľvek farby na obrazovke. Aplikáciu získate takto:
- Prejdite vo webovom prehliadači na stránku
- Kliknite colorcop-setup.exe v časti „Samoinštalácia“. Ak sa súbor nesťahuje automaticky, kliknite na Uložiť alebo OK spustite sťahovanie.
- Dvakrát kliknite na stiahnutý súbor (je v priečinku K stiahnutiu priečinok a zvyčajne v ľavom dolnom rohu karty prehliadača).
- Pri inštalácii aplikácie postupujte podľa pokynov na obrazovke.
Krok 2. Otvorte aplikáciu Color Cop
Nájdete ho v ponuke Štart.
Krok 3. Presuňte ikonu kvapkadla na farbu, ktorú chcete identifikovať
Na obrazovke môžete identifikovať akúkoľvek farbu, vrátane farieb v iných aplikáciách a na webových stránkach.
Krok 4. Pustite tlačidlo myši, aby ste odhalili hexadecimálny kód
Kód sa zobrazí na prázdnom mieste v strede aplikácie.
Krok 5. Dvakrát kliknite na hexadecimálny kód a stlačte Ctrl+C
Skopíruje sa hexadecimálny kód do vašej schránky.
Krok 6. Prilepte kód tam, kde ho potrebujete
Môžeš použiť Ctrl + V vložte hexadecimálny kód kamkoľvek chcete, napríklad do kódu HTML alebo CSS.
Metóda 3 zo 4: Použitie Imagecolorpicker.com
Krok 1. V počítači, telefóne alebo tablete prejdite na stránku
Tento bezplatný nástroj môžete použiť na identifikáciu hexadecimálneho kódu akejkoľvek farby na odovzdanom obrázku. Táto metóda bude fungovať v akomkoľvek webovom prehliadači vrátane tých, ktoré máte vo svojom zariadení Android, iPhone alebo iPad.
Krok 2. Odovzdajte obrázok alebo zadajte URL
Budete sa musieť rozhodnúť, či chcete nahrať svoj vlastný obrázok alebo použiť obrázok alebo webovú stránku, ktorá už je online. Oba spôsoby je možné použiť na zobrazenie obrázka alebo webovej stránky, pomocou ktorých môžete vybrať požadovanú farbu.
- Ak chcete nahrať obrázok, prejdite nadol a vyberte položku Nahrajte svoj obrázok, prejdite na obrázok v počítači, telefóne alebo tablete a vyberte možnosť, ktorý chcete nahrať.
- Ak chcete použiť webovú stránku, posuňte sa nadol na možnosť „Použiť toto pole na získanie farebného kódu HTML z webu“, zadajte adresu URL a potom kliknite alebo klepnite na Vezmite si webovú stránku.
- Ak chcete vybrať priamy obrázok na webe namiesto celého webu, zadajte adresu URL obrázku do poľa „Použiť toto pole na získanie kódu farby HTML z obrázku prostredníctvom tejto adresy URL“, potom kliknite alebo klepnite na Urobte si obrázok.
Krok 3. V ukážke obrázku/webu kliknite alebo klepnite na požadovanú farbu
V ľavom dolnom rohu obrazovky sa zobrazí hexadecimálny kód farby.
Krok 4. Kliknutím alebo klepnutím na ikonu kopírovania skopírujte hexadecimálny kód do schránky
Sú to dva prekrývajúce sa štvorce napravo od hexadecimálneho kódu. Potom ho môžete prilepiť do ľubovoľného textového súboru alebo oblasti pre písanie.
Metóda 4 zo 4: Použitie Firefoxu (pre farby na webe)
Krok 1. Otvorte Firefox na počítači PC alebo Mac
Webový prehliadač Firefox je dodávaný s bezplatným nástrojom Kapátko, pomocou ktorého môžete identifikovať hexadecimálny kód akejkoľvek farby na webe. Ak máte Firefox, nájdete ho v ponuke Štart (Windows) alebo v priečinku Aplikácie (macOS).
- Firefox si môžete zadarmo stiahnuť na
- Firefox vám oznámi iba hodnotu farby na webovej stránke. Nemôžete ho používať mimo prehliadača.
Krok 2. Prejdite na webovú stránku, ktorá obsahuje farbu, ktorú chcete identifikovať
Uistite sa, že je zobrazený prvok, pre ktorý potrebujete farbu.
Krok 3. Kliknite na ponuku ☰
Sú to tri vodorovné čiary v pravom hornom rohu prehliadača Firefox.
Krok 4. Kliknite na ponuku Web Developer
Rozbalí sa ďalšie menu.
Krok 5. Kliknite na kvapkadlo
Kurzor myši sa zmení na veľký kruh.
Krok 6. Kliknite na farbu, ktorú chcete identifikovať
Keď presuniete myš na dané miesto, všimnete si hexadecimálnu aktualizáciu farieb naživo. Keď kliknete myšou, Firefox uloží hexadecimálny kód do vašej schránky.
Krok 7. Prilepte kód tam, kde ho potrebujete
Môžeš použiť Ovládanie + V (PC) alebo Command + V (Mac), aby ste vložili hexadecimálny kód do svojho HTML, CSS alebo akéhokoľvek iného typu textového súboru.
Tipy
- Existujú aj ďalšie webové stránky, rozšírenia prehliadača a programy na úpravu obrázkov, ktoré vám tiež umožnia použiť výber farieb na odhalenie hexadecimálneho kódu odtieňa.
- Ak viete, kto vytvoril webovú stránku s farbou, ktorú sa pokúšate priradiť, môžete sa ho vždy opýtať, aký hexadecimálny kód použil. Alternatívne môžete zadať zdrojový kód webových stránok a nájsť tam uvedený hexadecimálny kód.