Hvernig á að bera kennsl á sérstakan lit á appi eða vefsíðu

Ímyndaðu þér að þú sért að fletta í gegnum myndir og þú finnur hinn fullkomna lit – nákvæmlega litbrigðið sem þú þarft fyrir næsta hönnunarverkefni. Það eru nokkur æðisleg verkfæri á netinu til að hjálpa þér að bera kennsl á tiltekna liti á hvaða forriti eða vefsíðu sem er. Við skulum kíkja á nokkra af bestu valkostunum þeim.

1. Notkun þróunartóla í Chrome vafra

Einn valkostur sem þú getur prófað er Chrome Developer tólið. Chrome kemur með fullt af gagnlegum eiginleikum fyrir þróunaraðila, sem gerir verkefni miklu auðveldara að gera. Þú getur notað eftirfarandi skref til að bera kennsl á tiltekna liti á hvaða forriti eða vefsíðu sem er.

• Opnaðu vefsíðuna sem þú vilt auðkenna lit á Chrome vafranum
• Smelltu á þriggja punkta táknið efst til hægri í Chrome. Sprettigluggi með fullt af valkostum mun birtast.
• Smelltu á 'Fleiri verkfæri' og veldu síðan 'Þróunartól' úr sprettiglugganum sem myndast.
• Notaðu Ctrl + Shift + I ef þú vilt sleppa ofangreindum skrefum
• Nú skiptist glugginn í tvo skjái - vefsíðuna til vinstri og kóða vefsíðunnar til hægri
• Sláðu inn Ctrl + Shift + C á lyklaborðinu þínu. Þetta sýnir þér allar upplýsingar um tiltekinn þátt á vefsíðunni þegar við höldum músarbendlinum á þættina.
• Þú getur fundið litakóða frumefnisins ásamt öðrum gagnlegum upplýsingum.

Dæmi

Segjum að þú hafir áhuga á sérstökum litakóðum fyrir suma þætti á eftirfarandi vefsíðu:

Þú getur valið þróunartólin með því að smella á punktana þrjá í horninu á skjánum þínum. Í fellivalmyndinni, veldu Fleiri verkfæri, síðan þróunartól.

Skjárinn verður sjónrænt skipt í tvær síður. Þú munt sjá vefsíðuna til vinstri og kóða síðunnar til hægri.

Sláðu inn skipunina og flýtileiðina "Ctrl + Shift + C" og færðu músarbendilinn yfir þætti vefsíðunnar. Þetta mun sýna lit þess þáttar ásamt öðrum gagnlegum upplýsingum. Hér að neðan eru tvö dæmi þar sem við finnum litinn á leiðsögustikunni og mælaborði fyrir neðan leitartækið.

Hér getum við fundið litakóðann á sprettiglugganum fyrir siglingastikuna. Litakóðinn er #333333.

Hægt er að finna litinn á mælaborðinu ásamt öðrum gagnlegum upplýsingum. Litur: #333333, Bakgrunnslitur: #5D4A8E. Þó að það gæti litið svolítið ógnvekjandi út í upphafi, verður forritið miklu auðveldara í notkun með smá æfingu.

2. Eye Dropper Chrome Extension

Eye Dropper er vinsæl og mikið notuð Chrome viðbót til að hjálpa þér að finna ákveðna liti á hvaða vefsíðu eða forriti sem er.

Fylgdu skrefunum hér að neðan til að bera kennsl á tiltekna liti á vefsíðu eða appi með því að nota Eye Dropper viðbótina.

• Opnaðu hvaða vefsíðu eða forrit sem er í Chrome vefvafranum
• Smelltu á Eye Dropper viðbót táknið
• Veldu 'Veldu lit af vefsíðu' og haltu músarbendlinum á mismunandi þætti í appinu eða vefsíðunni.

Þú getur fundið litakóða þáttanna sem taldir eru upp neðst til hægri á vefsíðunni.

Dæmi

Allt í lagi, við skulum nota eyedropper extension tólið í raunveruleikadæmi. Við byrjum á því að opna vefsíðu og ýta á Eye Dropper viðbótartáknið

Þegar þú heldur bendilinn þínum á ýmsa þætti vefsíðunnar geturðu séð litakóðana birtast í hluta neðst til hægri á skjánum.

Þegar ég sveima bendilinn á V-laga táknið get ég séð litakóðann þess neðst í glugganum eins og getið er. Kosturinn við þetta tól er að þú getur líka fundið RGB kóðann ásamt hex litakóða frumefnisins. Aðferðin er sveigjanleg í notkun fyrir þá sem vilja einfalda og fljótlega leið til að grípa kóðana fyrir uppáhaldslitina sína.