Į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čiame 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:
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.
Ekranas bus vizualiai padalintas į du puslapius. Kairėje matysite svetainę, o dešinėje – svetainės kodą.
Įveskite komandą ir spartųjį klavišą „Ctrl + Shift + C“ ir užveskite pelės žymeklį ant 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.
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. Akių lašintuvas su chromu
Eye Dropper yra populiarus ir plačiai naudojamas Chrome plėtinys, padedantis rasti tam tikras spalvas bet kurioje svetainėje ar programoje.
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ų.
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ą
Užvedę pelės žymeklį ant įvairių svetainės elementų, ekrano apačioje, dešinėje, galite matyti spalvų kodus.
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.