Kako prepoznati posebno barvo v aplikaciji ali spletnem mestu

Predstavljajte si, da se pomikate po slikah in najdete popolno barvo – natančen odtenek, ki ga potrebujete za vaš naslednji oblikovalski projekt. Na internetu je nekaj odličnih orodij, ki vam pomagajo prepoznati določene barve v kateri koli aplikaciji ali spletnem mestu. Oglejmo si nekaj najboljših možnosti zanje.

1. Uporaba orodij za razvijalce v spletnem brskalniku Chrome

Ena od možnosti, ki jo lahko poskusite, je orodje za razvijalce za Chrome. Chrome ima veliko uporabnih funkcij za razvijalce, ki olajšajo opravljanje nalog. Za prepoznavanje določenih barv v kateri koli aplikaciji ali spletnem mestu lahko uporabite naslednje korake.

• V spletnem brskalniku Chrome odprite spletno mesto, na katerem želite prepoznati barvo
• Kliknite ikono s tremi pikami v zgornjem desnem kotu Chroma. Pojavilo se bo pojavno okno s kupom možnosti.
• Kliknite »Več orodij« in nato v pojavnem oknu izberite »Orodja za razvijalce«.
• Uporabite Ctrl + Shift + I, če želite preskočiti zgornje korake
• Zdaj se okno razdeli na dva zaslona – spletno mesto na levi in ​​koda spletnega mesta na desni
• Vtipkajte Ctrl + Shift + C na tipkovnici. To vam pokaže vse podrobnosti določenega elementa na spletnem mestu, ko miškin kazalec premaknemo na elemente.
• Najdete lahko barvno kodo elementa skupaj z drugimi koristnimi informacijami.

Primer

Recimo, da vas zanimajo posebne barvne kode za nekatere elemente na naslednjem spletnem mestu:

Orodja za razvijalce lahko izberete s klikom na tri pike v kotu zaslona. V spustnem meniju izberite Več orodij in nato Orodja za razvijalce.

Zaslon bo vizualno razdeljen na dve strani. Na levi strani boste videli spletno mesto, na desni pa kodo spletnega mesta.

Vnesite ukaz in bližnjico »Ctrl + Shift + C« in premaknite kazalec miške nad elemente spletnega mesta. To bo prikazalo barvo tega elementa, skupaj z drugimi koristnimi informacijami. Spodaj sta dva primera, kjer najdemo barvo navigacijske vrstice in nadzorne plošče pod iskalnim orodjem.

Tukaj lahko najdemo barvno kodo v pojavnem oknu za navigacijsko vrstico. Barvna koda je #333333.

Barvo armaturne plošče najdete skupaj z drugimi uporabnimi podrobnostmi. Barva: #333333, Barva ozadja: #5D4A8E. Čeprav je na začetku morda videti nekoliko zastrašujoče, postane program veliko lažji za uporabo z malo vaje.

2. Kromirana kapalka za oči

Eye Dropper je priljubljena in pogosto uporabljena razširitev za Chrome, ki vam pomaga najti določene barve na katerem koli spletnem mestu ali aplikaciji.

Sledite spodnjim korakom za prepoznavanje določenih barv na spletnem mestu ali v aplikaciji z orodjem za razširitev Eye Dropper.

• Odprite katero koli spletno mesto ali aplikacijo v spletnem brskalniku Chrome
• Kliknite ikono razširitve Eye Dropper
• Izberite »Izberi barvo s spletne strani« in premaknite kazalec miške na različne elemente v aplikaciji ali na spletnem mestu.

Barvno kodo elementov najdete v spodnjem desnem kotu spletne strani.

Primer

V redu, uporabimo orodje za razširitev kapalke v primeru iz resničnega življenja. Začeli bomo tako, da odpremo spletno mesto in pritisnemo ikono razširitve Eye Dropper

Ko premaknete kazalec miške na različne elemente spletnega mesta, lahko vidite, da so barvne kode prikazane v razdelku v spodnjem desnem kotu zaslona.

Ko premaknem kazalec na ikono v obliki črke V, lahko vidim njeno barvno kodo v spodnjem oknu, kot je omenjeno. Prednost tega orodja je, da lahko najdete tudi kodo RGB skupaj s šestnajstiško barvno kodo elementa. Metoda je prilagodljiva za uporabo za tiste, ki želijo preprost in hiter način za pridobivanje kod za svoje najljubše barve.