Boje se u HTML -u i CSS -u identificiraju njihovim heksadecimalnim kodovima. Ako stvarate web stranicu ili neki drugi HTML projekt i želite uključiti element koji odgovara određenoj boji u sliku, web stranicu ili prozor na zaslonu računala, morat ćete pronaći heksadecimalni kod boje. Ovaj wikiHow vas uči kako koristiti razne 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 Colour Meter na svom Macu
Ovaj alat, koji dolazi s macOS -om, može identificirati vrijednost boje bilo koje boje na zaslonu. Otvorite Finder, dvaput kliknite na Prijave mapu, dvaput kliknite na Komunalne usluge mapu, a zatim dvaput kliknite Digitalni mjerač boja da ga otvorite.
Korak 2. Pomaknite pokazivač miša na boju koju želite identificirati
Dok pomičete miš, vrijednosti u alatu ažurirat će se u stvarnom vremenu. Ne mičite miš s ovog mjesta 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
Time se zaključavaju vodoravni i okomiti otvori, što znači da se vrijednost boje neće promijeniti pri pomicanju miša.
Korak 4. Pritisnite ⇧ Shift+⌘ Command+C za kopiranje heksadecimalnog koda u međuspremnik
Hex kod možete kopirati i klikom na Boja izborniku i odabiru 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 za otključavanje otvora
Ako želite identificirati drugu boju, time se otključava 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.
- Klik colorcop-setup.exe pod "samoinstaliranje". Ako se datoteka ne preuzme automatski, kliknite Uštedjeti ili u redu za početak preuzimanja.
- Dvaput kliknite preuzetu datoteku (nalazi se u Preuzimanja mapu, a obično u donjem lijevom kutu kartice preglednika).
- Slijedite upute na zaslonu za instaliranje aplikacije.
Korak 2. Otvorite Color Cop
Naći ćete ga u izborniku Start.
Korak 3. Povucite ikonu kapaljke na boju koju želite prepoznati
Na zaslonu 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 kôd 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 zalijepiti heksadecimalni kod gdje god želite, na primjer u HTML ili CSS kôd.
Metoda 3 od 4: Korištenje Imagecolorpicker.com
Korak 1. Idite na https://imagecolorpicker.com na svom računalu, telefonu ili tabletu
Ovaj besplatni alat možete koristiti za identifikaciju heksadecimalnog koda bilo koje boje na prenesenoj slici. Ova će metoda funkcionirati u bilo kojem web pregledniku, uključujući one na vašem Androidu, iPhoneu ili iPadu.
Korak 2. Prenesite sliku ili unesite URL
Morat ćete odlučiti želite li prenijeti svoju sliku ili upotrijebiti sliku ili web stranicu koja je već na mreži. Bilo koja od metoda može se koristiti za prikaz slike ili web stranice za odabir željene boje.
- Za prijenos slike pomaknite se prema dolje i odaberite Prenesite svoju sliku, dođite do slike na računalu, telefonu ili tabletu i odaberite opciju za prijenos.
- Za korištenje web stranice pomaknite se dolje do opcije "Upotrijebi ovaj okvir za preuzimanje HTML koda u boji s web stranice", unesite URL, a zatim kliknite ili dodirnite Uzmi web stranicu.
- Da biste odabrali izravnu sliku na webu umjesto cijele web stranice, unesite URL slike u okvir "Koristi ovaj okvir 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 mjesta
Ovo prikazuje heksadecimalni kod boje u donjem lijevom kutu zaslona.
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 računalu ili Macu
Web preglednik Firefox dolazi s besplatnim alatom za kapanje pomoću kojeg možete identificirati heksadecimalni kod 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
Provjerite je li element za koji vam je potrebna boja vidljiv.
Korak 3. Pritisnite izbornik ☰
To su tri vodoravne crte u gornjem desnom kutu Firefoxa.
Korak 4. Kliknite izbornik Web Developer
Proširit će se još jedan izbornik.
Korak 5. Pritisnite kapaljku
Pokazivač miša će se pretvoriti u veliki krug.
Korak 6. Pritisnite boju koju želite identificirati
Primjetit ćete heksadecimalnu vrijednost ažuriranja boja uživo dok pomičete miš na mjesto. Kada kliknete mišem, Firefox će spremiti heksadecimalni kôd u međuspremnik.
Korak 7. Zalijepite kôd tamo gdje vam je potreban
Možeš koristiti Control + V (PC) ili Command + V (Mac) za lijepljenje hex 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 korištenje alata za odabir boje za otkrivanje heksadecimalnog koda nijanse.
- Ako znate tko je izradio web stranicu s bojom koju pokušavate uskladiti, 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.