Barve so v HTML in CSS označene s šestnajstiškimi kodami. Če ustvarjate spletno stran ali drug projekt HTML in želite v sliko, spletno mesto ali okno na zaslonu računalnika vključiti element, ki se ujema z določeno barvo, boste morali poiskati šestnajstiško kodo barve. Ta wikiHow vas uči, kako z različnimi brezplačnimi orodji hitro prepoznati šestnajstiško kodo katere koli barve.
Koraki
Metoda 1 od 4: Uporaba digitalnega merilnika barv na Macu
Korak 1. Odprite Digital Color Meter na vašem Macu
To orodje, ki je priloženo macOS, lahko prepozna barvno vrednost katere koli barve na zaslonu. Odprite Finder, dvokliknite ikono Aplikacije mapo, dvokliknite datoteko Komunalne storitve mapo in nato dvokliknite Digitalni merilnik barv da ga odprete.
Korak 2. Premaknite kazalec miške na barvo, ki jo želite prepoznati
Ko premikate miško, se bodo vrednosti v orodju posodobile v realnem času. Ne premikajte miške s tega mesta, dokler ne zaklenete vodoravne in navpične odprtine.
Orodje lahko uporabite tudi za prepoznavanje barv v spletu. Preprosto odprite Safari (ali želeni brskalnik) in se pomaknite na spletno mesto, ki vsebuje barvo, ki jo želite prepoznati
Korak 3. Pritisnite ⌘ Command+L
S tem se zaklenejo vodoravne in navpične odprtine, kar pomeni, da se barvna vrednost pri premikanju miške ne spremeni.
Korak 4. Pritisnite ⇧ Shift+⌘ Command+C, da kopirate šestnajstiško kodo v odložišče
Šestnajstiško kodo lahko tudi kopirate s klikom na Barva meni in izbiro Kopiraj barvo kot besedilo.
Korak 5. Pritisnite ⌘ Command+V, da prilepite kopirano kodo
Lahko ga prilepite neposredno v kodo HTML, besedilno datoteko ali katero koli drugo področje za vnos.
Korak 6. Pritisnite ⌘ Command+L, da odklenete odprtine
Če želite prepoznati drugo barvo, se s tem sprosti ključavnica, tako da kazalec znova deluje kot identifikator barvne vrednosti.
Metoda 2 od 4: Uporaba programa Color Cop za Windows
Korak 1. Namestite Color Cop
Color Cop je majhen, brezplačen pripomoček, s katerim lahko hitro prepoznate šestnajstiško kodo katere koli barve na zaslonu. Aplikacijo dobite tako:
- V spletnem brskalniku pojdite na
- Kliknite colorcop-setup.exe pod "samonastavitev". Če se datoteka ne prenese samodejno, kliknite Shrani ali v redu za začetek prenosa.
- Dvokliknite preneseno datoteko (v Prenosi mapo in običajno v spodnjem levem kotu zavihka brskalnika).
- Za namestitev aplikacije sledite navodilom na zaslonu.
Korak 2. Odprite Color Cop
Najdete ga v meniju Start.
Korak 3. Povlecite ikono kapalke na barvo, ki jo želite prepoznati
Na zaslonu lahko prepoznate katero koli barvo, vključno z barvami v drugih aplikacijah in na spletnih mestih.
Korak 4. Spustite gumb miške, da razkrijete šestnajstiško kodo
Koda se prikaže v praznem polju na sredini aplikacije.
Korak 5. Dvokliknite šestnajstiško kodo in pritisnite Ctrl+C
To kopira šestnajstiško kodo v odložišče.
Korak 6. Prilepite kodo, kjer jo potrebujete
Lahko uporabiš Ctrl + V prilepite šestnajstiško kodo kamor koli želite, na primer v kodo HTML ali CSS.
Metoda 3 od 4: Uporaba Imagecolorpicker.com
Korak 1. V računalniku, telefonu ali tabličnem računalniku pojdite na
To brezplačno orodje lahko uporabite za identifikacijo šestnajstiške kode katere koli barve na naloženi sliki. Ta metoda bo delovala v katerem koli spletnem brskalniku, vključno s tistimi v sistemu Android, iPhone ali iPad.
Korak 2. Naložite sliko ali vnesite URL
Odločiti se boste morali, ali želite naložiti svojo sliko ali uporabiti sliko ali spletno mesto, ki je že na spletu. Za prikaz slike ali spletne strani lahko uporabite katero koli metodo, da izberete želeno barvo.
- Če želite naložiti sliko, se pomaknite navzdol in izberite Naložite svojo sliko, se pomaknite do slike v računalniku, telefonu ali tabličnem računalniku in izberite možnost, da jo naložite.
- Če želite uporabiti spletno mesto, se pomaknite navzdol do možnosti "Uporabi to polje za pridobivanje barvne kode HTML s spletnega mesta", vnesite URL in kliknite ali tapnite Vzemite spletno stran.
- Če želite izbrati neposredno sliko v spletu namesto celotnega spletnega mesta, vnesite URL slike v polje »Uporabi to polje za pridobivanje barvne kode HTML s slike s tega URL -ja«, nato kliknite ali tapnite Posnemite sliko.
Korak 3. Kliknite ali tapnite želeno barvo v predogledu slike/spletnega mesta
To prikaže barvno šestnajstiško kodo v spodnjem levem kotu zaslona.
Korak 4. Kliknite ali tapnite ikono za kopiranje, da kopirate šestnajstiško kodo v odložišče
To sta dva prekrivajoča se kvadrata desno od šestnajstiške kode. Nato ga lahko prilepite v katero koli besedilno datoteko ali območje za vnos besedila.
Metoda 4 od 4: Uporaba Firefoxa (za barve v spletu)
Korak 1. Odprite Firefox v računalniku ali Macu
Spletni brskalnik Firefox ima brezplačno orodje Eyedropper, s katerim lahko prepoznate šestnajstiško kodo katere koli barve v spletu. Če imate Firefox, ga boste našli v meniju Start (Windows) ali v mapi Applications (macOS).
- Firefox lahko brezplačno prenesete na naslovu
- Firefox vam bo povedal samo vrednost barve na spletnem mestu. Ne morete ga uporabljati zunaj brskalnika.
Korak 2. Pojdite na spletno mesto, ki vsebuje barvo, ki jo želite prepoznati
Prepričajte se, da je element, za katerega potrebujete barvo, viden.
Korak 3. Kliknite meni ☰
To so tri vodoravne črte v zgornjem desnem kotu Firefoxa.
Korak 4. Kliknite meni Spletni razvijalec
Razširi se še en meni.
Korak 5. Kliknite Eyedropper
Kazalec miške se spremeni v velik krog.
Korak 6. Kliknite barvo, ki jo želite prepoznati
Ko premaknete miško na lokacijo, boste v živo opazili šestnajstiško vrednost barv. Ko kliknete miško, bo Firefox shranil šestnajstiško kodo v odložišče.
Korak 7. Prilepite kodo, kjer jo potrebujete
Lahko uporabiš Control + V (PC) oz Command + V (Mac), da prilepite šestnajstiško kodo v HTML, CSS ali katero koli drugo besedilno datoteko.
Nasveti
- Obstajajo tudi druga spletna mesta, razširitve brskalnika in programi za urejanje slik, ki vam bodo omogočili tudi uporabo izbirnika barv za razkritje šestkotne kode odtenka.
- Če veste, kdo je ustvaril spletno stran z barvo, ki jo poskušate ujemati, jih lahko vedno vprašate, katero šestnajstiško kodo so uporabili. Druga možnost je, da poiščete izvorno kodo spletnega mesta in poiščete šestnajstiško kodo, ki je tam navedena.