Boje se u HTML -u i CSS -u identificiraju njihovim heksadecimalnim kodovima. Ako kreirate web stranicu ili neki drugi HTML projekt i želite uključiti element koji odgovara određenoj boji u sliku, web stranicu ili prozor na ekranu računara, morat ćete pronaći heksadecimalni kod boje. Ovaj wikiHow vas uči kako koristiti različite besplatne alate za brzu identifikaciju heksadecimalnog koda bilo koje boje.
Koraci
Metoda 1 od 4: Korištenje digitalnog mjerača boja na Macu
Korak 1. Otvorite Digital Color Meter na svom Mac računaru
Ovaj alat, koji dolazi s macOS -om, može identificirati vrijednost boje bilo koje boje na ekranu. Otvorite Finder, dvaput kliknite na Aplikacije fasciklu, dvaput kliknite na Komunalne usluge fasciklu, a zatim dvaput kliknite Digitalni mjerač boja da ga otvorite.
Korak 2. Pomaknite kursor miša na boju koju želite identificirati
Dok pomičete miš, vrijednosti u alatu će se ažurirati u stvarnom vremenu. Ne mičite miš s ove lokacije dok ne zaključate vodoravne i okomite otvore.
Alat možete koristiti i za prepoznavanje boja na webu. Samo otvorite Safari (ili željeni preglednik) i idite na web stranicu koja sadrži boju koju želite identificirati
Korak 3. Pritisnite ⌘ Command+L
Ovo zaključava i vodoravne i okomite otvore, što znači da se vrijednost boje neće promijeniti pri pomicanju miša.
Korak 4. Pritisnite ⇧ Shift+⌘ Command+C da kopirate heksadecimalni kod u međuspremnik
Hex kod možete kopirati i klikom na Boja izbornik i odabir Kopiraj boju kao tekst.
Korak 5. Pritisnite ⌘ Command+V da biste zalijepili kopirani kod
Možete ga zalijepiti izravno u svoj HTML kôd, tekstualnu datoteku ili bilo koje drugo područje za upisivanje.
Korak 6. Pritisnite ⌘ Command+L da otključate otvore
Ako želite identificirati drugu boju, ovo oslobađa zaključavanje pa se pokazivač ponovno ponaša kao identifikator vrijednosti boje.
Metoda 2 od 4: Korištenje Color Cop za Windows
Korak 1. Instalirajte Color Cop
Color Cop je mali, besplatni uslužni program koji možete koristiti za brzu identifikaciju heksadecimalnog koda bilo koje boje na ekranu. Evo kako nabaviti aplikaciju:
- Idite na https://colorcop.net/download u web pregledniku.
- Kliknite colorcop-setup.exe pod "samoinstaliranje". Ako se datoteka ne preuzima automatski, kliknite Save ili uredu za početak preuzimanja.
- Dvaput kliknite na preuzetu datoteku (nalazi se u Preuzimanja folder, a obično u donjem lijevom kutu kartice preglednika).
- Slijedite upute na ekranu da biste instalirali aplikaciju.
Korak 2. Otvorite Color Cop
Naći ćete ga u meniju Start.
Korak 3. Povucite ikonu kapaljke na boju koju želite prepoznati
Na ekranu možete identificirati bilo koju boju, uključujući i one u drugim aplikacijama i na web stranicama.
Korak 4. Pustite tipku miša da otkrijete heksadecimalni kod
Kôd će se pojaviti u praznom prostoru u sredini aplikacije.
Korak 5. Dvaput kliknite heksadecimalni kod i pritisnite Ctrl+C
Ovo kopira heksadecimalni kod u međuspremnik.
Korak 6. Zalijepite kôd tamo gdje vam je potreban
Možeš koristiti Ctrl + V da zalepite heksadecimalni kod gde god želite, na primer u HTML ili CSS kôd.
Metoda 3 od 4: Korištenje Imagecolorpicker.com
Korak 1. Idite na https://imagecolorpicker.com na svom računaru, telefonu ili tabletu
Ovaj besplatni alat možete koristiti za identifikaciju heksadecimalnog koda bilo koje boje na prenesenoj slici. Ova metoda funkcionira u bilo kojem web pregledniku, uključujući one na vašem Androidu, iPhoneu ili iPadu.
Korak 2. Otpremite sliku ili unesite URL
Morat ćete odlučiti želite li postaviti svoju sliku ili koristiti sliku ili web stranicu koja je već na mreži. Bilo koji od metoda može se koristiti za prikaz slike ili web stranice za odabir željene boje.
- Za postavljanje slike pomaknite se prema dolje i odaberite Otpremite svoju sliku, idite do slike na računaru, telefonu ili tabletu i odaberite opciju za učitavanje.
- Da biste koristili web lokaciju, pomaknite se dolje do opcije "Koristi ovaj okvir za preuzimanje HTML koda u boji s web lokacije", unesite URL, a zatim kliknite ili dodirnite Uzmi web stranicu.
- Da biste odabrali direktnu sliku na webu umjesto cijele web stranice, unesite URL slike u polje "Koristi ovo polje za preuzimanje HTML koda u boji sa slike putem ovog URL -a", a zatim kliknite ili dodirnite Snimite sliku.
Korak 3. Kliknite ili dodirnite željenu boju u pregledu slike/web lokacije
Ovo prikazuje heksadecimalni kod boje u donjem lijevom kutu ekrana.
Korak 4. Kliknite ili dodirnite ikonu za kopiranje da biste kopirali heksadecimalni kod u međuspremnik
To su dva kvadrata koji se preklapaju desno od heksadecimalnog koda. Zatim ga možete zalijepiti u bilo koju tekstualnu datoteku ili područje za upisivanje.
Metoda 4 od 4: Korištenje Firefoxa (za boje na webu)
Korak 1. Otvorite Firefox na svom PC ili Mac računaru
Firefox web preglednik dolazi s besplatnim alatom za kapanje koji možete koristiti za identifikaciju heksadecimalnog koda bilo koje boje na webu. Ako imate Firefox, pronaći ćete ga u izborniku Start (Windows) ili u mapi Applications (macOS).
- Firefox možete besplatno preuzeti na
- Firefox će vam samo reći vrijednost boje na web stranici. Ne možete ga koristiti izvan preglednika.
Korak 2. Idite na web stranicu koja sadrži boju koju želite identificirati
Uvjerite se da je element za koji vam je potrebna boja vidljiv.
Korak 3. Pritisnite meni ☰
To su tri vodoravne linije u gornjem desnom kutu Firefoxa.
Korak 4. Kliknite na meni Web Developer
Drugi meni će se proširiti.
Korak 5. Pritisnite kapaljku
Kursor miša će se pretvoriti u veliki krug.
Korak 6. Kliknite na boju koju želite identificirati
Primijetit ćete heksadecimalnu vrijednost ažuriranja boja uživo dok pomičete miš na lokaciju. Kada kliknete mišem, Firefox će spremiti heksadecimalni kod u vaš međuspremnik.
Korak 7. Zalijepite kôd tamo gdje vam je potreban
Možeš koristiti Control + V (PC) ili Command + V (Mac) za lijepljenje heksadecimalnog koda u HTML, CSS ili bilo koju drugu tekstualnu datoteku.
Savjeti
- Postoje i druge web stranice, proširenja preglednika i programi za uređivanje slika koji će vam također omogućiti da koristite birač boja za otkrivanje heksadecimalnog koda nijanse.
- Ako znate tko je stvorio web stranicu s bojom koju pokušavate pronaći, uvijek ih možete pitati koji su heksadecimalni kôd koristili. Alternativno, možete kopati u izvornom kodu web stranice kako biste pronašli heksadecimalni kod koji je tamo naveden.