4 načini, kako na zaslon računalnika vnesti barvno kodo

Kazalo:

4 načini, kako na zaslon računalnika vnesti barvno kodo
4 načini, kako na zaslon računalnika vnesti barvno kodo

Video: 4 načini, kako na zaslon računalnika vnesti barvno kodo

Video: 4 načini, kako na zaslon računalnika vnesti barvno kodo
Video: ВСЯ НОЧЬ С ПОЛТЕРГЕЙСТОМ В ЖИЛОМ ДОМЕ, я заснял жуткую активность. 2024, April
Anonim

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

Pridobite šestnajstiško kodo barve na zaslonu računalnika 1. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 1. korak

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.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 2. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 2. korak

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

Pridobite šestnajstiško kodo barve na zaslonu računalnika 3. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 3. korak

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.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 4. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 4. korak

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.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 5. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 5. korak

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.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 6. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 6. korak

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

Pridobite šestnajstiško kodo barve na zaslonu računalnika 7. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 7. korak

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.
Pridobite šestnajstiško kodo barve na zaslonu računalnika 8. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 8. korak

Korak 2. Odprite Color Cop

Najdete ga v meniju Start.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 9. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 9. korak

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.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 10. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 10. korak

Korak 4. Spustite gumb miške, da razkrijete šestnajstiško kodo

Koda se prikaže v praznem polju na sredini aplikacije.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 11. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 11. korak

Korak 5. Dvokliknite šestnajstiško kodo in pritisnite Ctrl+C

To kopira šestnajstiško kodo v odložišče.

Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 12
Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 12

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

Pridobite šestnajstiško kodo barve na zaslonu računalnika 13. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 13. korak

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.

Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 14
Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 14

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.
Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 15
Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 15

Korak 3. Kliknite ali tapnite želeno barvo v predogledu slike/spletnega mesta

To prikaže barvno šestnajstiško kodo v spodnjem levem kotu zaslona.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 16. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 16. korak

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)

Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 17
Pridobite šestnajstiško kodo barve na zaslonu računalnika Korak 17

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.
Pridobite šestnajstiško kodo barve na zaslonu računalnika 18. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 18. korak

Korak 2. Pojdite na spletno mesto, ki vsebuje barvo, ki jo želite prepoznati

Prepričajte se, da je element, za katerega potrebujete barvo, viden.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 19. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 19. korak

Korak 3. Kliknite meni ☰

To so tri vodoravne črte v zgornjem desnem kotu Firefoxa.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 20. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 20. korak

Korak 4. Kliknite meni Spletni razvijalec

Razširi se še en meni.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 21. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 21. korak

Korak 5. Kliknite Eyedropper

Kazalec miške se spremeni v velik krog.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 22. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 22. korak

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.

Pridobite šestnajstiško kodo barve na zaslonu računalnika 23. korak
Pridobite šestnajstiško kodo barve na zaslonu računalnika 23. korak

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.

Priporočena: