Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Įsivaizduokite, kad slenkate per vaizdus ir randate tobulą spalvą – tikslią atspalvį, kurio jums reikia kitam dizaino projektui. Internete yra keletas nuostabių įrankių, kurie padės nustatyti konkrečias spalvas bet kurioje programoje ar svetainėje. Pažvelkime į keletą geriausių jų variantų.

1. Kūrėjo įrankių naudojimas „Chrome“ žiniatinklio naršyklėje

Viena galimybė, kurią galite išbandyti, yra „Chrome“ kūrėjo įrankis. „Chrome“ yra daug kūrėjams naudingų funkcijų, todėl užduotis atlikti daug lengviau. Norėdami nustatyti konkrečias spalvas bet kurioje programoje ar svetainėje, galite atlikti šiuos veiksmus.

  • „Chrome“ žiniatinklio naršyklėje atidarykite svetainę, kurioje norite nustatyti spalvą
  • Spustelėkite trijų taškų piktogramą viršutiniame dešiniajame „Chrome“ kampe. Pasirodys iššokantis langas su daugybe parinkčių.
  • Spustelėkite „Daugiau įrankių“, tada iškylančiajame lange pasirinkite „Kūrėjo įrankiai“.
  • Jei norite praleisti aukščiau nurodytus veiksmus, naudokite Ctrl + Shift + I
  • Dabar langas padalintas į du ekranus – svetainė kairėje ir svetainės kodas dešinėje
  • Klaviatūroje įveskite Ctrl + Shift + C. Tai rodo visą konkretaus svetainės elemento informaciją, kai užvedame pelės žymeklį ant elementų.
  • Elemento spalvos kodą galite rasti kartu su kita naudinga informacija.

Pavyzdys

Tarkime, kad jus domina konkretūs kai kurių elementų spalvų kodai šioje svetainėje:

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Galite pasirinkti kūrėjo įrankius spustelėdami tris taškus ekrano kampe. Išskleidžiamajame meniu pasirinkite Daugiau įrankių, tada Kūrėjo įrankiai.

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Ekranas bus vizualiai padalintas į du puslapius. Kairėje matysite svetainę, o dešinėje – svetainės kodą.

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Įveskite komandą ir spartųjį klavišą „Ctrl + Shift + C“ ir užveskite pelės žymeklį virš svetainės elementų. Bus parodyta to elemento spalva ir kita naudinga informacija. Toliau pateikiami du pavyzdžiai, kai randame naršymo juostos spalvą ir prietaisų skydelį po paieškos įrankiu.

Čia galime rasti spalvų kodą naršymo juostos iššokančiame lange. Spalvos kodas yra #333333.

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Prietaisų skydelio spalvą galima rasti kartu su kitomis naudingomis detalėmis. Spalva: #333333, Fono spalva: #5D4A8E. Nors iš pradžių tai gali atrodyti šiek tiek bauginančiai, programa tampa daug lengviau naudojama šiek tiek praktikuojant.

2. Eye Dropper Chrome Extension

Eye Dropper yra populiarus ir plačiai naudojamas Chrome plėtinys, padedantis rasti tam tikras spalvas bet kurioje svetainėje ar programoje.

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Atlikite toliau nurodytus veiksmus, kad nustatytumėte konkrečias spalvas svetainėje arba programėlėje naudodami Eye Dropper plėtinio įrankį.

  • Atidarykite bet kurią svetainę arba programą „Chrome“ žiniatinklio naršyklėje
  • Spustelėkite Eye Dropper plėtinio piktogramą
  • Pasirinkite „Pasirinkti spalvą iš tinklalapio“ ir užveskite pelės žymeklį ant skirtingų programos ar svetainės elementų.

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Elementų spalvų kodus galite rasti apatiniame dešiniajame tinklalapio kampe.

Pavyzdys

Gerai, naudokite akių lašintuvo prailginimo įrankį realiame pavyzdyje. Pradėsime atidarydami svetainę ir paspausdami Eye Dropper plėtinio piktogramą

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Užvedę pelės žymeklį ant įvairių svetainės elementų, ekrano apačioje, dešinėje, galite matyti spalvų kodus.

Kaip programoje arba svetainėje nustatyti konkrečią spalvą

Kai užvedu žymeklį ant V formos piktogramos, apatiniame lango apačioje matau jos spalvos kodą, kaip minėta. Šio įrankio pranašumas yra tas, kad kartu su elemento šešioliktainiu spalvų kodu galite rasti ir RGB kodą. Metodas yra lankstus naudoti tiems, kurie nori paprasto ir greito būdo patraukti mėgstamų spalvų kodus.


Leave a Comment

🚀 Ištaisykite „Microsoft Edge“ kelių profilių sinchronizavimo konfliktą per kelias minutes – patikrintas 2026 m. vadovas

🚀 Ištaisykite „Microsoft Edge“ kelių profilių sinchronizavimo konfliktą per kelias minutes – patikrintas 2026 m. vadovas

Pavargote nuo „Microsoft Edge“ kelių profilių sinchronizavimo konflikto, gadinančio jūsų naršymą? Atraskite nuoseklius sprendimus, kaip išspręsti sinchronizavimo klaidas, sujungti profilius ir sklandžiai sinchronizuoti skirtinguose įrenginiuose. Veikia naujausiose „Edge“ versijose!

🚀 Ištaisykite „Microsoft Edge“ sinchronizavimo pristabdymo paskyros klaidą: patikrinti trikčių šalinimo veiksmai

🚀 Ištaisykite „Microsoft Edge“ sinchronizavimo pristabdymo paskyros klaidą: patikrinti trikčių šalinimo veiksmai

Pavargote nuo „Microsoft Edge“ sinchronizavimo pristabdymo paskyros klaidos, trukdančios naršyti? Atraskite greitus ir veiksmingus trikčių šalinimo veiksmus, kad atkurtumėte sklandų sinchronizavimą visuose įrenginiuose. Atnaujinta su naujausiais pataisymais, kad galėtumėte be vargo naudotis „Edge“.

Ištaisykite neatpažinto disko klaidą atgal suderinamuose žaidimuose – išsamus „Xbox“ vadovas

Ištaisykite neatpažinto disko klaidą atgal suderinamuose žaidimuose – išsamus „Xbox“ vadovas

Išspręskite erzinančią neatpažinto disko klaidą, kai „Xbox Series X|S“ žaidimuose žaidžiama su atgaline versija. Vadovaukitės mūsų patikrintais, nuosekliais sprendimais, kad akimirksniu atkurtumėte savo klasikinių žaidimų biblioteką.

🚀 Akimirksniu ištaisykite „Microsoft Edge Windows Hello“ PIN kodo nustatymo iš naujo klaidą – patikrinti 2026 m. sprendimai!

🚀 Akimirksniu ištaisykite „Microsoft Edge Windows Hello“ PIN kodo nustatymo iš naujo klaidą – patikrinti 2026 m. sprendimai!

Kyla problemų dėl „Microsoft Edge“ „Windows Hello“ PIN kodo nustatymo iš naujo klaidos? Atraskite nuoseklius sprendimus, kad ją greitai išspręstumėte. Atgaukite prieigą prie naršyklės be jokių nusivylimų – atnaujinta pagal naujausius „Windows“ naujinimus.

🚀 Ištaisykite „Microsoft Edge“ tuščią baltą ekraną paleidžiant: patikrinti sprendimai, kurie veikia akimirksniu!

🚀 Ištaisykite „Microsoft Edge“ tuščią baltą ekraną paleidžiant: patikrinti sprendimai, kurie veikia akimirksniu!

Kyla problemų dėl tuščio balto ekrano „Microsoft Edge“ paleidimo metu? Atraskite nuoseklius sprendimus, kaip išspręsti tuščio balto ekrano problemą „Edge“ naršyklėje – nuo ​​greito nustatymo iš naujo iki išplėstinio taisymo. Grįžkite prie sklandaus naršymo!

Nepraraskite savo „Edge“: išsamus vadovas, kaip sukurti atsarginę „Microsoft Edge“ duomenų kopiją prieš sistemos atkūrimą

Nepraraskite savo „Edge“: išsamus vadovas, kaip sukurti atsarginę „Microsoft Edge“ duomenų kopiją prieš sistemos atkūrimą

Žingsnis po žingsnio vadovas, kaip sukurti „Microsoft Edge“ duomenų, pvz., žymių, slaptažodžių, istorijos ir nustatymų, atsarginę kopiją prieš sistemos atkūrimą. Apsaugokite pagrindinius naršymo duomenis paprastais ir patikimais metodais.

🚀 Pilnīga 2026. gada rokasgrāmata: pilnībā atinstalējiet Microsoft Edge no Windows 11 — izdzēsiet to uz visiem laikiem!

🚀 Pilnīga 2026. gada rokasgrāmata: pilnībā atinstalējiet Microsoft Edge no Windows 11 — izdzēsiet to uz visiem laikiem!

Vai jums ir grūtības ar spītīgu Microsoft Edge operētājsistēmā Windows 11? Iepazīstieties ar soli pa solim sniegto rokasgrāmatu, lai 2026. gadā pilnībā atinstalētu Microsoft Edge no Windows 11. Nekādu pēdu — drošas, efektīvas metodes, izmantojot PowerShell un citas iespējas!

🚀 Ištaisykite „Microsoft Edge“ fiksavimo kortelės signalą 60 FPS greičiu – išsamus sklandaus 60 FPS transliacijos vadovas!

🚀 Ištaisykite „Microsoft Edge“ fiksavimo kortelės signalą 60 FPS greičiu – išsamus sklandaus 60 FPS transliacijos vadovas!

Užstrigote ties „Microsoft Edge Capture Card No Signal 60FPS“ klaida? Atraskite patikrintus sprendimus, kaip atkurti signalą, sklandžiai pasiekti 60FPS ir transliuoti be vėlavimų. Žingsnis po žingsnio vadovas, kaip gauti rezultatus akimirksniu!

🚀 Ištaisykite „Microsoft Edge“ greta esančio naršyklės konfigūracijos klaidą per kelias minutes – patikrintas 2026 m. vadovas!

🚀 Ištaisykite „Microsoft Edge“ greta esančio naršyklės konfigūracijos klaidą per kelias minutes – patikrintas 2026 m. vadovas!

Pavargote nuo erzinančios „Microsoft Edge“ gretutinės konfigūracijos klaidos? Atraskite paprastus, nuoseklius sprendimus, kurie padės ją greitai išspręsti ir atkurti sklandų naršymą. Atnaujinta su naujausiais sprendimais!

Ištaisykite „Microsoft Edge“ diegimo programos klaidą 124 per kelias minutes: patikrintas trikčių šalinimo vadovas

Ištaisykite „Microsoft Edge“ diegimo programos klaidą 124 per kelias minutes: patikrintas trikčių šalinimo vadovas

Užstrigote su „Microsoft Edge“ diegimo klaida 124? Gaukite nuoseklius sprendimus, kad greitai išspręstumėte diegimo problemas. Patikrinti sprendimai sklandžiam „Edge“ diegimui sistemoje „Windows“. Nereikia jokių techninių įgūdžių!