Värvid tuvastatakse HTML-is ja CSS-is nende kuueteistkümnendkoodide järgi. Kui loote veebilehte või muud HTML-projekti ja soovite lisada oma arvutiekraanil olevale pildile, veebisaidile või aknale konkreetse värviga elemendi, peate leidma värvi kuueteistkümnendkoodi. See Selgitatud õpetab, kuidas kasutada erinevaid tasuta tööriistu mis tahes värvi kuueteistkümnendkoodi kiireks tuvastamiseks.
1
Avage oma Macis Digital Color Meter. See macOS-iga kaasas olev tööriist suudab tuvastada mis tahes ekraani värvi värviväärtuse. Avage Finder, topeltklõpsake kaustal Rakendused, topeltklõpsake kaustal Utiliidid ja seejärel topeltklõpsake selle avamiseks nuppu Digital Color Meter.
2
Liigutage hiirekursor värvile, mida soovite tuvastada. Kui liigutate hiirt, värskendatakse tööriista väärtusi reaalajas. Ärge liigutage hiirt sellest kohast enne, kui olete lukustanud nii horisontaalse kui ka vertikaalse apertuuri. Tööriista abil saate ka veebis värve tuvastada. Lihtsalt avage Safari (või eelistatud brauser) ja liikuge veebisaidile, mis sisaldab värvi, mida soovite tuvastada.
3
Vajutage ⌘ Command+L. See lukustab nii horisontaalse kui ka vertikaalse apertuuri, mis tähendab, et värviväärtus ei muutu hiire liigutamisel.
4
Kuueteistkümnendkoodi lõikepuhvrisse kopeerimiseks vajutage klahvikombinatsiooni Shift+⌘ Command+C. Kuueteistkümnendkoodi saate ka kopeerida, klõpsates menüül Värv ja valides käsu Kopeeri värv tekstina.
5
Kopeeritud koodi kleepimiseks vajutage klahvikombinatsiooni Command+V. Saate selle kleepida otse oma HTML-koodi, tekstifaili või muusse tippimisalasse.
6
Avade avamiseks vajutage klahvikombinatsiooni Command+L. Kui soovite tuvastada mõnda muud värvi, vabastab see luku, nii et kursor toimib taas värviväärtuse identifikaatorina.
7
Installige Color Cop. Color Cop on väike tasuta utiliit, mille abil saate kiiresti tuvastada ekraanil mis tahes värvi kuueteistkümnendkoodi. Rakenduse hankimiseks tehke järgmist. Minge veebibrauseris aadressile http://colorcop.net/download. Klõpsake jaotises “Iseinstallimine” failil colorcop-setup.exe. Kui faili ei laadita automaatselt alla, klõpsake allalaadimise alustamiseks nuppu Salvesta või OK. Topeltklõpsake allalaaditud faili (see asub kaustas Allalaadimised ja tavaliselt brauseri vahekaardi vasakus alanurgas).Järgige ekraanil kuvatavaid juhiseid. juhised rakenduse installimiseks.
8
Avage Color Cop. Leiate selle menüüst Start.
9
Lohistage tilgutiikoon värvile, mida soovite tuvastada. Saate tuvastada ekraanil mis tahes värvi, sealhulgas muudes rakendustes ja veebisaitidel olevad värvid.
10
Kuueteistkümnendkoodi kuvamiseks laske hiirenupp lahti. Kood kuvatakse rakenduse keskel tühjaks.
11
Topeltklõpsake kuueteistkümnendkoodi ja vajutage klahvikombinatsiooni Ctrl+C. See kopeerib kuueteistkümnendkoodi teie lõikelauale.
12
Kleepige kood sinna, kus seda vajate. Võite kasutada klahvikombinatsiooni Ctrl + V, et kleepida kuueteistkümnendkoodi kuhu iganes soovite, näiteks oma HTML- või CSS-koodi.
13
Minge oma arvutis, telefonis või tahvelarvutis aadressile https://imagecolorpicker.com. Selle tasuta tööriista abil saate tuvastada üleslaaditud pildi mis tahes värvi kuueteistkümnendkoodi. See meetod töötab igas veebibrauseris, sealhulgas teie Androidi, iPhone’i või iPadi brauseris.
14
Laadige üles pilt või sisestage URL. Peate otsustama, kas soovite üles laadida oma pildi või kasutada juba võrgus olevat pilti või veebisaiti. Kummagi meetodit saab kasutada pildi või veebilehe kuvamiseks, et saaksite valida soovitud värvi. Pildi üleslaadimiseks kerige alla ja valige Laadi pilt üles, navigeerige arvutis, telefonis või tahvelarvutis pildile ja valige laadige see üles.Veebisaidi kasutamiseks kerige alla valikuni “Kasuta seda kasti veebisaidilt HTML-i värvikoodi hankimiseks”, sisestage URL ja seejärel klõpsake või puudutage valikut Võta veebisait.Veebis otsepildi valimiseks terve veebisait, sisestage pildi URL kasti “Kasuta seda kasti, et saada pildilt HTML-värvikood selle URL-i kaudu” ja seejärel klõpsake või puudutage valikut Take image.
15
Klõpsake või puudutage pildi/saidi eelvaates soovitud värvi. See kuvab ekraani vasakus alanurgas värvilise kuueteistkümnendkoodi.
16
Kuueteistkümnendkoodi lõikelauale kopeerimiseks klõpsake või puudutage kopeerimisikooni. See on kaks kattuvat ruutu kuueteistkümnendkoodist paremal. Seejärel saate selle kleepida mis tahes tekstifaili või tippimisalasse.
17
Avage oma arvutis või Macis Firefox. Firefoxi veebibrauseris on kaasas tasuta tööriist Eyedropper, mille abil saate tuvastada mis tahes värvi hex-koodi veebis. Kui teil on Firefox, leiate selle menüüst Start (Windows) või kaustast Rakendused (macOS). Firefoxi saate tasuta alla laadida aadressilt https://www.mozilla.org/en-US/firefox.Firefox ütleb teile ainult veebisaidi värvi väärtuse. Te ei saa seda kasutada väljaspool brauserit.
18
Minge veebisaidile, mis sisaldab värvi, mida soovite tuvastada. Veenduge, et element, mille värvi vajate, oleks nähtaval.
19
Klõpsake menüül ☰. Need on kolm horisontaalset joont Firefoxi paremas ülanurgas.
20
Klõpsake menüüd Veebiarendaja. Veel üks menüü laieneb.
21
Klõpsake Eyedropper. Teie hiirekursor muutub suureks ringiks.
22
Klõpsake värvil, mida soovite tuvastada. Märkate värvide kuueteistkümnendväärtust, kui liigute hiirega asukohta. Kui klõpsate hiirel, salvestab Firefox kuueteistkümnendkoodi teie lõikelauale.
23
Kleepige kood sinna, kus seda vajate. Kuueteistkümnendkoodi kleepimiseks HTML-i, CSS-i või mis tahes muud tüüpi tekstifaili saate kasutada klahvikombinatsiooni Control + V (PC) või Command + V (Mac).