Värvid tuvastatakse HTML -is ja CSS -is nende kuueteistkümnendkoodide järgi. Kui loote veebilehte või muud HTML -projekti ja soovite lisada arvutiekraanil olevale pildile, veebisaidile või aknasse kindlale värvile vastava elemendi, peate leidma värvi heksakoodi. See wikiHow õpetab teile, kuidas kasutada mitmesuguseid tasuta tööriistu mis tahes värvi heksakoodi kiireks tuvastamiseks.
Sammud
Meetod 1 /4: digitaalse värvimõõturi kasutamine Macis
Samm 1. Avage oma Macis digitaalne värvimõõtja
See macOS -iga kaasas olev tööriist suudab tuvastada ekraanil mis tahes värvi värviväärtuse. Avage Finder, topeltklõpsake ikooni Rakendused topeltklõpsake kausta Kommunaalteenused kausta ja seejärel topeltklõpsake Digitaalne värvimõõtur selle avamiseks.
Samm 2. Liigutage hiirekursor soovitud värvi juurde
Hiire liigutamisel värskendatakse tööriista väärtusi reaalajas. Ärge liigutage hiirt sellest kohast enne, kui olete lukustanud nii horisontaalse kui ka vertikaalse ava.
Tööriista abil saate ka veebis värve tuvastada. Avage lihtsalt Safari (või teie eelistatud brauser) ja navigeerige veebisaidile, mis sisaldab värvi, mida soovite tuvastada
Samm 3. Vajutage ⌘ Command+L
See lukustab nii horisontaalsed kui ka vertikaalsed avad, mis tähendab, et hiire liigutamisel värviväärtus ei muutu.
Samm 4. Kuuekuulise koodi lõikepuhvrisse kopeerimiseks vajutage klahve ⇧ Shift+⌘ Command+C
Kuusnurkse koodi saate kopeerida ka klõpsates Värv menüü ja valimine Kopeeri värv tekstina.
Samm 5. Kopeeritud koodi kleepimiseks vajutage ⌘ Command+V
Saate selle kleepida otse oma HTML -koodi, tekstifaili või mõnda muusse tippimispiirkonda.
Samm 6. Ava avamiseks vajutage ⌘ Command+L
Kui soovite tuvastada teise värvi, vabastab see luku, nii et kursor toimib taas värviväärtuse identifikaatorina.
Meetod 2/4: Color Cop'i kasutamine Windowsi jaoks
Samm 1. Installige Color Cop
Color Cop on väike tasuta utiliit, mille abil saate kiiresti tuvastada ekraanil mis tahes värvi heksakoodi. Rakenduse hankimiseks toimige järgmiselt.
- Minge veebibrauseris saidile
- Klõpsake nuppu colorcop-setup.exe jaotises "ise installimine". Kui faili ei laadita automaatselt alla, klõpsake nuppu Salvesta või Okei allalaadimise alustamiseks.
- Topeltklõpsake allalaaditud faili (see asub kaustas Allalaadimised kausta ja tavaliselt brauseri vahekaardi vasakus alanurgas).
- Rakenduse installimiseks järgige ekraanil kuvatavaid juhiseid.
Samm 2. Avage Color Cop
Selle leiate menüüst Start.
Samm 3. Lohistage pipetiikoon värvi juurde, mida soovite tuvastada
Saate ekraanil tuvastada mis tahes värvi, sealhulgas teiste rakenduste ja veebisaitide värve.
Samm 4. Hex -koodi paljastamiseks laske hiirenupul lahti
Kood ilmub rakenduse keskele tühjaks.
Samm 5. Topeltklõpsake kuuekuulist koodi ja vajutage Ctrl+C
See kopeerib kuuekuulise koodi teie lõikelauale.
Samm 6. Kleepige kood sinna, kuhu vajate
Sa võid kasutada Ctrl + V kleepida kuuskantkoodi kuhu iganes soovite, näiteks oma HTML- või CSS -koodi.
Meetod 3/4: Imagecolorpicker.com kasutamine
Samm 1. Minge arvutis, telefonis või tahvelarvutis aadressile
Selle tasuta tööriista abil saate tuvastada üleslaaditud pildi mis tahes värvi heksakoodi. See meetod töötab mis tahes veebibrauseris, sealhulgas teie Androidi, iPhone'i või iPadi brauseris.
Samm 2. Laadige üles pilt või sisestage URL
Peate otsustama, kas soovite oma pildi üles laadida või kasutada juba võrgus olevat pilti või veebisaiti. Mõlema meetodi abil saate soovitud värvi valida pildi või veebilehe kuvamiseks.
- Pildi üleslaadimiseks kerige alla ja valige Laadige oma pilt üles, navigeerige arvutis, telefonis või tahvelarvutis olevale pildile ja valige selle üleslaadimise suvand.
- Veebisaidi kasutamiseks kerige alla suvandini „Kasutage seda kasti, et saada veebisaidilt HTML -värvikood”, sisestage URL ja klõpsake või puudutage Võtke veebisait.
- Kogu veebisaidi asemel veebist otsepildi valimiseks sisestage pildi URL kasti „Kasutage seda kasti, et saada pildilt HTML -i värvikood selle URL -i kaudu”, seejärel klõpsake või puudutage Tehke pilt.
Samm 3. Klõpsake või puudutage pildi/saidi eelvaates soovitud värvi
See kuvab ekraani vasakus alanurgas värvilise heksakoodi.
Samm 4. Hex -koodi kopeerimiseks lõikelauale klõpsake või puudutage kopeerimise ikooni
See on kaks kattuvat ruutu heksakoodist paremal. Seejärel saate selle kleepida mis tahes tekstifaili või kirjutamisalasse.
Meetod 4/4: Firefoxi kasutamine (veebi värvide jaoks)
Samm 1. Avage oma arvutis või Macis Firefox
Firefoxi veebibrauseris on tasuta tööriist Eyedropper, mille abil saate veebis tuvastada mis tahes värvi heksakoodi. Kui teil on Firefox, leiate selle menüüst Start (Windows) või kaustast Rakendused (macOS).
- Firefoxi saate tasuta alla laadida saidilt
- Firefox ütleb teile ainult värvi väärtuse veebisaidil. Te ei saa seda kasutada väljaspool brauserit.
Samm 2. Minge veebisaidile, mis sisaldab värvi, mida soovite tuvastada
Veenduge, et element, mille jaoks värvi vajate, oleks nähtav.
Samm 3. Klõpsake menüüd ☰
See on kolm horisontaalset joont Firefoxi paremas ülanurgas.
Samm 4. Klõpsake menüüd Veebiarendaja
Teine menüü laieneb.
Samm 5. Klõpsake Eyedropper
Hiirekursor muutub suureks ringiks.
Samm 6. Klõpsake värvi, mida soovite tuvastada
Hiire asukohta liigutamisel märkate värvide värskendamise kuueteistkümnendat väärtust. Kui klõpsate hiirel, salvestab Firefox heksakoodi lõikelauale.
Samm 7. Kleepige kood sinna, kuhu vajate
Sa võid kasutada Control + V (Arvuti) või Käsk + V (Mac), et kleepida heksakood oma HTML-, CSS- või muud tüüpi tekstifaili.
Näpunäiteid
- On ka teisi veebisaite, brauseri laiendusi ja pilditöötlusprogramme, mis võimaldavad teil kasutada ka värvivalijat, et paljastada ka tooni heksakood.
- Kui teate, kes lõi veebilehe selle värviga, mida proovite sobitada, võite alati küsida, millist heksakoodi nad kasutasid. Teise võimalusena võite kaevata veebisaidi lähtekoodi, et leida seal loetletud kuusnurkne kood.