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

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:

Hvernig á að bera kennsl á sérstakan lit á appi eða 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.

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

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

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.

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

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.

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

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.

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

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.

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

Þú 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ð

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

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

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

Þ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.


Hvernig á að þvinga Google Chrome til að sýna alltaf allar vefslóðir

Hvernig á að þvinga Google Chrome til að sýna alltaf allar vefslóðir

Chrome, sjálfgefið, sýnir þér ekki alla vefslóðina. Þér er kannski sama um þessi smáatriði, en ef þú þarft af einhverjum ástæðum að birta alla vefslóðina, nákvæmar leiðbeiningar um hvernig á að láta Google Chrome birta alla vefslóðina á veffangastikunni.

Hvernig á að fá gamla Reddit aftur

Hvernig á að fá gamla Reddit aftur

Reddit breytti hönnun sinni enn og aftur í janúar 2024. Endurhönnunin er hægt að sjá af notendum skjáborðsvafra og þrengir að aðalstraumnum á sama tíma og tenglar eru til staðar.

Hvernig á að afrita efni úr kennslubókum með Google Lens

Hvernig á að afrita efni úr kennslubókum með Google Lens

Að slá uppáhalds tilvitnunina þína úr bókinni þinni á Facebook er tímafrekt og fullt af villum. Lærðu hvernig á að nota Google Lens til að afrita texta úr bókum yfir í tækin þín.

Fljótleg leiðarvísir um hvernig á að búa til áminningar á Google Home

Fljótleg leiðarvísir um hvernig á að búa til áminningar á Google Home

Áminningar hafa alltaf verið aðal hápunktur Google Home. Þeir gera líf okkar örugglega auðveldara. Við skulum fara í stutta skoðunarferð um hvernig á að búa til áminningar á Google Home svo að þú missir aldrei af því að sinna mikilvægum erindum.

Lagfærðu DNS heimilisfang netþjóns fannst ekki í Chrome

Lagfærðu DNS heimilisfang netþjóns fannst ekki í Chrome

Stundum, þegar þú ert að vinna í Chrome, geturðu ekki fengið aðgang að ákveðnum vefsíðum og færð upp villuna „Laga DNS vistfang netþjóns fannst ekki í Chrome“. Hér er hvernig þú getur leyst málið.

Netflix: Breyta lykilorði

Netflix: Breyta lykilorði

Hvernig á að breyta lykilorðinu þínu á Netflix streymisvídeóþjónustunni með því að nota valinn vafra eða Android app.

Hvernig á að slökkva á endurheimtunarsíðum í Microsoft Edge

Hvernig á að slökkva á endurheimtunarsíðum í Microsoft Edge

Ef þú vilt losna við endurheimta síður skilaboðin á Microsoft Edge skaltu einfaldlega loka vafranum eða ýta á Escape takkann.

Hvað er djúptenging?

Hvað er djúptenging?

Djúptenging er vinsæl tilvísunartækni notenda. Lærðu um djúptengingar hér til að nota þær til að auka umferð á vefsíðuna þína eða app.

Hvað er AR Cloud?

Hvað er AR Cloud?

AR er næsta stóra hlutur internetsins fyrir skemmtun, vinnu eða viðskipti. Lærðu AR ský í smáatriðum til að verða upplýstur notandi.

Hvernig á að nota Microsoft Edge Drop eins og atvinnumaður

Hvernig á að nota Microsoft Edge Drop eins og atvinnumaður

Notaðu Microsoft Edge Drop og deildu skrám og skilaboðum auðveldlega á milli tækja með því að fylgja þessum byrjendavænu skrefum.