Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Kujutage ette, et kerite pilte ja leiate ideaalse värvi – täpselt selle tooni, mida vajate järgmise disainiprojekti jaoks. Internetis on mõned suurepärased tööriistad, mis aitavad teil tuvastada mis tahes rakenduses või veebisaidil konkreetseid värve. Vaatame mõnda neist parimatest valikutest.

1. Chrome'i veebibrauseris arendaja tööriistade kasutamine

Üks võimalus, mida saate proovida, on Chrome'i arendaja tööriist. Chrome pakub arendajatele palju kasulikke funktsioone, mis muudavad ülesannete tegemise palju lihtsamaks. Konkreetsete värvide tuvastamiseks mis tahes rakenduses või veebisaidil saate kasutada järgmisi samme.

  • Avage Chrome'i veebibrauseris veebisait, millel soovite värvi tuvastada
  • Klõpsake Chrome'i paremas ülanurgas kolme punktiga ikoonil. Ilmub hüpikaken koos hulga valikutega.
  • Klõpsake valikul „Rohkem tööriistu” ja seejärel avanevas hüpikaknas „Arendaja tööriistad”.
  • Kasutage Ctrl + Shift + I, kui soovite ülaltoodud sammud vahele jätta
  • Nüüd jaguneb aken kaheks ekraaniks – vasakul pool veebisait ja paremal veebisaidi kood
  • Sisestage klaviatuuril Ctrl + Shift + C. See näitab teile kõiki veebisaidi konkreetse elemendi üksikasju, kui hõljutame hiirekursori elementide peal.
  • Elemendi värvikoodi leiate koos muu kasuliku teabega.

Näide

Oletame, et olete huvitatud mõne elemendi konkreetsetest värvikoodidest järgmisel veebisaidil:

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Saate valida arendaja tööriistad, klõpsates ekraani nurgas kolmel punktil. Valige rippmenüüst Rohkem tööriistu ja seejärel Arendaja tööriistad.

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Ekraan jagatakse visuaalselt kaheks leheküljeks. Näete veebisaiti vasakul ja saidi koodi paremal.

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Tippige käsk ja kiirklahv "Ctrl + Shift + C" ja hõljutage hiirekursorit veebisaidi elementide kohal. See näitab selle elemendi värvi koos muu kasuliku teabega. Allpool on kaks näidet, kus leiame otsingutööriista alt navigeerimisriba ja armatuurlaua värvi.

Siit leiame navigeerimisriba hüpikakna värvikoodi. Värvikood on #333333.

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Armatuurlaua värvi leiate koos muude kasulike detailidega. Värv: #333333, Taustavärv: #5D4A8E. Kuigi see võib alguses tunduda pisut hirmutav, muutub programmi kasutamine veidi harjutades palju lihtsamaks.

2. Silmatilguti kroompikendus

Eye Dropper on populaarne ja laialdaselt kasutatav Chrome'i laiendus, mis aitab teil leida igal veebisaidil või rakenduses teatud värve.

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Veebisaidil või rakenduses konkreetsete värvide tuvastamiseks, kasutades laiendustööriista Eye Dropper, järgige alltoodud samme.

  • Avage Chrome'i veebibrauseris mis tahes veebisait või rakendus
  • Klõpsake silmatilkade laienduse ikooni
  • Valige „Vali veebilehelt värv” ja hõljutage hiirekursorit rakenduse või veebisaidi erinevate elementide kohal.

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Loetletud elementide värvikoodid leiate veebilehe paremast alanurgast.

Näide

Olgu, kasutame tilguti pikendamise tööriista päriselus. Alustuseks avame veebisaidi ja vajutame Eye Dropper laienduse ikooni

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Kui hõljutate kursorit veebisaidi erinevatel elementidel, näete ekraani paremas alanurgas olevas jaotises kuvatavaid värvikoode.

Kuidas rakenduses või veebisaidil konkreetset värvi tuvastada

Kui hõljutan kursorit V-kujulisel ikoonil, näen selle värvikoodi alumises aknas, nagu mainitud. Selle tööriista eeliseks on see, et leiate ka RGB-koodi koos elemendi hex-värvikoodiga. Meetod on paindlik kasutamiseks neile, kes soovivad lihtsat ja kiiret viisi oma lemmikvärvide koodide hankimiseks.


Leave a Comment

Kuidas leida Facebookis postituste mustandeid

Kuidas leida Facebookis postituste mustandeid

Kas olete kunagi kulutanud aega Facebooki postituse loomisele, kuid ei leidnud mustandit? Siit leiate kõik vajalikud teadmised, et Facebooki mustandite leidmine oleks lihtne ja mugav.

Kuidas eksportida Chromei järjehoidjaid

Kuidas eksportida Chromei järjehoidjaid

Internetis navigeerimine tundub sageli nagu reis teadmiste piiritusse ookeani, kus teie lemmikveebisaidid ja -veebilehed on tuttavad

Kuidas kasutada Microsoft Edge Dropi nagu professionaal

Kuidas kasutada Microsoft Edge Dropi nagu professionaal

Kasutage Microsoft Edge Dropi ja jagage hõlpsalt faile ja sõnumeid seadmete vahel, järgides neid algajasõbralikke samme.

Kuidas Google Mapsis marsruute salvestada ja jagada

Kuidas Google Mapsis marsruute salvestada ja jagada

Vaadake, kui lihtne on arvutis ja Android-seadmes Google Mapsis marsruute salvestada ja jagada. Vaadake neid algajasõbralikke samme.

Kuidas Google Chromeis mälusäästjat välja lülitada

Kuidas Google Chromeis mälusäästjat välja lülitada

Funktsiooniga seotud probleemide lahendamiseks ja kasutamata vahelehtede uuesti laadimise vältimiseks lülitage Google Chrome'is mälusäästja välja.

Spetsiaalne server vs jagatud hostimisserver

Spetsiaalne server vs jagatud hostimisserver

Kas otsite elujõulist võimalust veebisaidi hostimiseks? Siit saate teada, mis vahe on pühendatud serveri ja jagatud hostimisserveri vahel.

Kuidas kasutada sõrmejäljeskannerit Chromei inkognito vahekaartidega

Kuidas kasutada sõrmejäljeskannerit Chromei inkognito vahekaartidega

Google Chromesi inkognito režiim on mugav funktsioon, mis võimaldab teil sirvida Internetti ilma sirvimisajalugu salvestamata. Siiski üks puudus

Naljakate WiFi-nimede loend

Naljakate WiFi-nimede loend

Mulle meeldib oma naabreid lõbustada, muutes oma WiFi-võrgu erinevate naljakate nimede vastu. Kui otsite ideid naljaka WiFi-nime jaoks, siis siin

Mis on sügav linkimine?

Mis on sügav linkimine?

Sügav linkimine on populaarsust koguv kasutajate ümbersuunamise tehnika. Siit leiate teavet sügava linkimise kohta, et kasutada seda oma veebisaidi või rakenduse liikluse suurendamiseks.

Mis on AR Cloud?

Mis on AR Cloud?

AR on meelelahutuse, töö või äri jaoks Internetis järgmine suur asi. Õppige üksikasjalikult AR-pilve, et saada teadlikuks kasutajaks.