Kleure word in HTML en CSS geïdentifiseer deur hul heksadesimale kodes. As u 'n webblad of ander HTML -projek skep en 'n element wat by 'n spesifieke kleur pas, in 'n prent, webwerf of venster op u rekenaarskerm wil insluit, moet u die hex -kode van die kleur vind. Hierdie wikiHow leer u hoe u 'n verskeidenheid gratis gereedskap kan gebruik om die hex -kode van enige kleur vinnig te identifiseer.
Stappe
Metode 1 van 4: Die gebruik van digitale kleurmeter op 'n Mac
Stap 1. Maak die digitale kleurmeter op u Mac oop
Hierdie instrument, wat by macOS kom, kan die kleurwaarde van enige kleur op die skerm identifiseer. Open Finder, dubbelklik op die Aansoeke dubbelklik op die Hulpprogramme gids, en dubbelklik dan Digitale kleurmeter om dit oop te maak.
Stap 2. Beweeg die muiswyser na die kleur wat u wil identifiseer
As u met die muis beweeg, word die waardes in die instrument intyds bygewerk. Beweeg nie u muis van hierdie plek af totdat u die horisontale en vertikale opening oopmaak nie.
U kan die instrument ook gebruik om kleure op die internet te identifiseer. Maak Safari oop (of u blaaier wat u verkies) en navigeer na 'n webwerf wat die kleur bevat wat u wil identifiseer
Stap 3. Druk ⌘ Command+L
Dit sluit beide die horisontale en vertikale diafragma's, wat beteken dat die kleurwaarde nie verander as u die muis beweeg nie.
Stap 4. Druk ⇧ Shift+⌘ Command+C om die heks -kode na die knipbord te kopieer
U kan ook die hex -kode kopieer deur op die Kleur spyskaart en kies Kopieer kleur as teks.
Stap 5. Druk ⌘ Command+V om die gekopieerde kode te plak
U kan dit direk in u HTML -kode, 'n tekslêer of enige ander tikgebied plak.
Stap 6. Druk ⌘ Command+L om die diafragma's te ontsluit
As u 'n ander kleur wil identifiseer, word die slot vrygestel, sodat die wyser weer as 'n kleurwaarde -identifiseerder dien.
Metode 2 van 4: Gebruik Color Cop vir Windows
Stap 1. Installeer Color Cop
Color Cop is 'n klein, gratis program waarmee u die hex -kode van enige kleur op die skerm vinnig kan identifiseer. Hier is hoe om die app te kry:
- Gaan na https://colorcop.net/download in 'n webblaaier.
- Klik colorcop-setup.exe onder "self-installering." As die lêer nie outomaties afgelaai word nie, klik Stoor of OK om die aflaai te begin.
- Dubbelklik op die afgelaaide lêer (dit is in die Aflaaie gids, en gewoonlik in die onderste linkerhoek van die blaaieroortjie).
- Volg die instruksies op die skerm om die toepassing te installeer.
Stap 2. Maak Color Cop oop
U vind dit in u Start -kieslys.
Stap 3. Sleep die oogdruppel -ikoon na die kleur wat u wil identifiseer
U kan enige kleur op die skerm identifiseer, insluitend dié in ander toepassings en op webwerwe.
Stap 4. Laat die muisknop los om die hex -kode te openbaar
Die kode verskyn in die spasie in die middel van die aansoek.
Stap 5. Dubbelklik op die hex-kode en druk Ctrl+C
Dit kopieer die heks -kode na u knipbord.
Stap 6. Plak die kode waar u dit nodig het
Jy kan gebruik Ctrl + V om die hex -kode te plak waar u wil, soos in u HTML- of CSS -kode.
Metode 3 van 4: Gebruik Imagecolorpicker.com
Stap 1. Gaan na https://imagecolorpicker.com op u rekenaar, telefoon of tablet
U kan hierdie gratis hulpmiddel gebruik om die hex -kode van enige kleur in 'n opgelaaide prent te identifiseer. Hierdie metode werk in enige webblaaier, insluitend dié op u Android, iPhone of iPad.
Stap 2. Laai 'n prent op of voer 'n URL in
U moet besluit of u u eie prent wil oplaai of 'n prent of webwerf wat reeds aanlyn is, wil gebruik. Beide metodes kan gebruik word om 'n prentjie of webbladsy te wys sodat u die gewenste kleur kan kies.
- Om af te laai, blaai af en kies Laai jou prent op, gaan na die prent op u rekenaar, telefoon of tablet en kies die opsie om dit op te laai.
- Om 'n webwerf te gebruik, blaai af na die opsie "Gebruik hierdie blokkie om die HTML -kleurkode van 'n webwerf af te haal", voer die URL in en klik of tik Neem die webwerf.
- Om 'n direkte prent op die web in plaas van 'n hele webwerf te kies, voer die URL van die prent in die "Gebruik hierdie blokkie om die HTML -kleurkode uit 'n prentjie via hierdie URL te kry", klik of tik dan Neem beeld.
Stap 3. Klik of tik op die kleur wat u wil hê binne die prentjie/werfvoorskou
Dit wys die kleur hex-kode in die onderste linkerhoek van die skerm.
Stap 4. Klik of tik op die kopie -ikoon om die heks -kode na u knipbord te kopieer
Dit is die twee oorvleuelende vierkante regs van die heks -kode. U kan dit dan in enige tekslêer of tikgebied plak.
Metode 4 van 4: Gebruik Firefox (vir kleure op die internet)
Stap 1. Maak Firefox op u rekenaar of Mac oop
Die Firefox -blaaier bevat 'n gratis pipetgereedskap wat u kan gebruik om die hex -kode van enige kleur op die web te identifiseer. As u Firefox het, vind u dit in die Start -menu (Windows) of in die gids Applications (macOS).
- U kan Firefox gratis aflaai op
- Firefox sal u slegs die waarde van 'n kleur op 'n webwerf vertel. U kan dit nie buite die blaaier gebruik nie.
Stap 2. Gaan na 'n webwerf wat die kleur bevat wat u wil identifiseer
Maak seker dat die element waarvoor u die kleur benodig, in sig is.
Stap 3. Klik op die spyskaart ☰
Dit is die drie horisontale lyne in die regter boonste hoek van Firefox.
Stap 4. Klik op die Web Developer spyskaart
Nog 'n spyskaart sal uitgebrei word.
Stap 5. Klik op Oogdruppel
Jou muiswyser sal in 'n groot sirkel verander.
Stap 6. Klik op die kleur wat u wil identifiseer
U sal die hekswaarde van die kleure -opdatering regstreeks sien as u die muis na die plek skuif. As u met die muis klik, stoor Firefox die hex -kode op u knipbord.
Stap 7. Plak die kode waar u dit nodig het
Jy kan gebruik Beheer + V (Rekenaar) of Command + V (Mac) om die hex -kode in u HTML, CSS of enige ander tipe tekslêer te plak.
Wenke
- Daar is ander webwerwe, blaaieruitbreidings en beeldbewerkingsprogramme waarmee u ook 'n kleurkieser kan gebruik om die hex -kode van die kleur te wys.
- As u weet wie die webblad geskep het met die kleur wat u probeer pas, kan u hulle altyd vra watter hex -kode hulle gebruik het. Alternatiewelik kan u die bronkode van die webwerf ingrawe om die hex -kode wat daar verskyn, te vind.
