A legjobb színválasztó Chrome-bővítmények HEX, RGB és HSL színkódok beszerzéséhez

Legyen szó webtervezőről(web designer) , művészről vagy csak olyan személyről, aki a színeket szeretné párosítani, a Google Chrome számos kiegészítőt kínál a Chrome Internetes áruházban(Chrome Web Store) , amelyek segíthetnek.

Egy színválasztó Chrome -bővítmény segítségével megszerezheti a HEX , RGB vagy HSL értékeket bármely kívánt színhez az interneten. Egyszerűen(Simply) mutasson a kurzorral a színre, és kapja meg a színhez szükséges kódot.

Íme 10 Chrome színválasztó-bővítmény, kezdve azokkal, amelyek extra funkciókat és funkciókat tartalmaznak, amelyeket élvezhet.

1. Színválasztó eszköz – Geco(Color Picker Tool – Geco)

A weboldalon látható színekhez színkódot kaphat a Color Picker Tool – Geco segítségével(Color Picker Tool – Geco) .

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Mutasson a kurzorral az azonosítani kívánt színre.
  3. Kattintson(Click) a szín mentéséhez a bővítmények listájában.

Ezután a HEX , RGB és HSL kódok láthatók a bővítmény ablakának Új(New) és Kiválasztott(Picked) részében. Válasszon ki egy korábban azonosított színt, és ezek a kódok megjelennek az Új(New) részben.

További jellemzők:

  • Automatikusan másolja a HEX színkódot a vágólapra, hogy szükség esetén könnyen beillessze.
  • Töltse(Download) le a színpalettájának CSV -fájlját (CSV)HEX , RGB és HSL kódokkal.
  • Módosítsa(Adjust) a vágólapra másolás, az értesítés engedélyezése és a jobb gombbal történő kattintás beállításait.

2. AKColor

Használja az AKColor szemcseppentő eszközét, hogy megragadja a színkódot bármely webhelyről, amelyet az interneten lát.

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Válassza ki a bal oldali pipettát(eyedropper) , és mutasson a kurzorral az azonosítani kívánt színre.
  3. Kattintson(Click) a színkódok megtekintéséhez a terület legközelebbi színével és átlagos színével együtt.

Egy szép felugró ablak jelenik meg az RGB , RGBA , HEX , HSL és HSLA színkódokkal(HSLA) . Válassza ki(Choose) bármelyik kódot a színértékek vágólapra másolásához. Ezután válassza a Kiválasztás újra(Pick Again) vagy a Bezárás lehetőséget( Close) .

További jellemzők:

  • Használja a közvetlenül a bővítménybe épített Color Convertert(Color Converter) és Gradient Generatort .(Gradient Generator)
  • Használja(Take) ki a billentyűparancsokat a gyors és egyszerű színazonosítás érdekében.
  • Módosítsa(Adjust) az éjszakai mód beállításait, a kezelőfelületet, a pixelnagyító méretét, a zoom szintjét stb.

3. Válassza ki a Színt(Pick Color)

Ha olyan színválasztót keres, amelyet nem csak az interneten, hanem más helyeken is használhat, a Pick Color az Ön számára megfelelő eszköz.

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Válassza a Válasszon színt(Choose Your Color) , majd válassza ki a pipettát(eyedropper) .
  3. Mutasson a kurzorral az azonosítani kívánt színre. Ez lehet egy webhelyen, az asztalon vagy egy másik alkalmazásban.
  4. Kattintson(Click) a szín mentéséhez a bővítményben.

Ezután a HEX , RGB és HSL színkódok láthatók a bővítmény ablakában. A HEX kódot a jobb oldalán található másolás ikon kiválasztásával másolhatja. Az RGB vagy HSL értékek másolásához lépjen le az alábbi szakaszra, és használja a másolási ikonokat.

Bónusz funkció(Bonus Feature)

A Pick Color segítségével gyorsan azonosíthat egy színt a weboldalon, és néhány kattintással átmásolhatja a HEX kódot a vágólapra.(HEX)

  1. Kattintson a jobb gombbal a weboldalra, és a helyi menüből válassza a Válasszon színt az oldalon .(Pick a color on the page)
  2. Mozgassa a kurzort a színre, és látni fogja a csatolt HEX kódot.
  3. Kattintson(Click) a szín HEX - kódjának a vágólapra másolásához.

4. Színválasztó(Color Picker) (a linangdata.com által)

Egy másik , hasznos extra funkciókat kínáló Chrome-bővítményért(Chrome extension with useful extra features) tekintse meg a Color(Color Picker) Pickert a linangdata.com webhelyről.

  1. Válassza ki a bővítmény gombot az eszköztáron, és lépjen a Pipetta(Eyedropper) fülre.
  2. Válassza a Pipetta(Eyedropper) lehetőséget, és mutasson a kurzorral a színre. A mutató mozgatásakor megjelenik a HEX kód.(HEX)
  3. Kattintson(Click) a szín elmentéséhez a kiterjesztés listájában, és egyidejűleg másolja a HEX kódot a vágólapra.(HEX)
  4. Nyissa meg újra a bővítményt az eszköztár gombjával, és látni fogja a HEX , RGB , HSL , HSV és CMYK kódokat. Válassza ki a másolás ikont bármelyik kód jobb oldalán, hogy a vágólapra helyezze.

További jellemzők:

  • A Színválasztó(Color Picker) lapon jelenítse meg az alapszíneket a színkódokkal együtt.
  • Próbálja ki a Színskála(Color Scale ) lapot a különböző színárnyalatok és azok színkódjainak megtekintéséhez.
  • Tekintse meg a Color Blender lapot a színek sokszorosításához, sötétítéséhez, világosításához és átfedéséhez.

5. Szemcseppentő(Eye Dropper)

Az Eye Dropper(Eye Dropper) egy jó színválasztási lehetőség a Chrome -hoz, néhány bónusszal, amelyre tetszeni fog.

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Válassza a Szín kiválasztása weboldalról lehetőséget(Pick color from web page) , és vigye a kurzort a színre. Ahogy mozgatja a mutatót, a HEX és az RGB értékek láthatók a böngészőablak jobb alsó sarkában.
  3. Kattintson(Click) a színre, hogy elmentse azt a bővítménylistába.
  4. Amikor újra megnyitja a bővítményt, a HEX , HSL és RGB színkódok a szín nevével együtt a Kiválasztott(Selected) szín részben láthatók. 

További jellemzők:

  • A Színválasztó(Color Picker) lap segítségével keverheti össze saját színeit.
  • Exportálja(Export) színelőzményeit CSV -fájlként a színkódokkal.
  • Módosítsa(Adjust) a vágólapra másolás beállításait, módosítsa a mutató megjelenését, és tiltsa le a színinformációkat a kurzor mozgatásakor.

6. Fekete-garnélarák(Black-shrimp)

Ha szeretné azonosítani a színeket, majd csoportosítani szeretné őket a gyors hozzáférés érdekében, nézze meg a Black-shrimp című részt .

  1. Válassza ki a bővítmény gombot az eszköztáron. Ezzel megnyílik a kiegészítő bal oldali kis ablaka.
  2. Mutasson a kurzorral az azonosítani kívánt színre, és kattintson rá.
  3. Azonnal látni fogja a HEX kódot az ablakban. Az RGB(RGB) vagy HSL színkódok megtekintéséhez használja az azonosított szín melletti legördülő listát.
  4. A szín mentéséhez válassza ki a plusz jelet(plus sign) az ablak alján.

További jellemzők:

  • Adjon hozzá egy csoportot a mappa(folder) ikonjával, és húzza bele a mentett színeket.
  • Exportálja(Export) a mentett színeket ASE ( Adobe Swatch Exchange ) fájlként.
  • Használja(Use) a billentyűparancsokat szín hozzáadásához, csoport létrehozásához, törléséhez vagy exportálásához.

7. Egyszerű színválasztó(Easy Color Picker)

Ha a díszes extra funkciók nem valók az Ön számára, és egyszerű bővítésre vágyik, tekintse meg az Easy Color Picker szolgáltatást .

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Válassza ki a Pick gombot a jobb felső sarokban, és mutasson a kurzorral a színre. Ahogy mozgatja a mutatót, a HEX és az RGB értékek láthatók a böngészőablak jobb alsó sarkában.
  3. Kattintson(Click) a kívánt színre, majd nyissa meg újra a bővítményt a gombbal a HEX , RGB és HSL kódok megtekintéséhez.

Bár a színkódokhoz nincsenek egyszerű másolási lehetőségek, jobb gombbal kattintson az egyes mezőkre, és válassza a Másolás(Copy) lehetőséget, ha máshová kell beillesztenie az értékeket.

8. Colorfly Color Picker

Az Easy Color(Easy Color Picker) Pickerhez hasonló a Colorfly Color Picker is . Fogja(Grab) meg a színt, tekintse meg a kódot, és szükség esetén másolja át az értékeket.

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Válassza a Szín(Pick Color) kiválasztása gombot, és mutasson a kurzorral a színre. Ahogy mozgatja a kurzort, megtekintheti a HEX és RGB értékeket a böngészőablak jobb alsó sarkában.
  3. Kattintson(Click) a kívánt színre, és megjelenik a HEX , RGB és HSL kód a bővítmény ablakában. Válasszon ki(Select) egy színkódot a vágólapra másolásához.

9. Színválasztó(Color Picker) (Kipelovvycheslav)

Egy másik alapvető Chrome böngészőbővítmény(Chrome browser extension) ugyanazt a nevet viseli, mint egy másik listánkban szereplő Color Picker , ennek a kipelovvycheslav-tól származik.

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Mutasson a kurzorral az azonosítani kívánt színre, és kattintson rá.
  3. Nyissa meg újra a bővítményt a HEX , HSL és RGB színkódok megtekintéséhez.

10. Intelligens színválasztó(Smart Color Picker)

Az utolsó, egyszerű Chrome - bővítmény csengők és sípok nélkül a Smart Color Picker .

  1. Válassza ki a bővítmény gombot az eszköztáron.
  2. Válassza a Szín(Pick Color) kiválasztása gombot, és mutasson a kurzorral a színre. Ahogy mozgatja a kurzort, a HEX és az RGB értékek láthatók a böngészőablak jobb alsó sarkában.
  3. Kattintson(Click) a kívánt színre, majd nyissa meg újra a bővítményt a gombbal a HEX , RGB és HSL kódok megtekintéséhez. Válasszon ki(Select) egy színkódot a vágólapra másolásához.

Remélhetőleg legalább egy ilyen Chrome - bővítmény-színválasztó pont az, amire szüksége van. Akár szereti az extra funkciókat, akár inkább az egyszerűséget szeretné megtartani, mindegyik nagyszerű lehetőség.

További segítségért tekintse meg, hogyan telepíthet vagy távolíthat el bővítményeket a Chrome-ban(install or remove extensions in Chrome) .



About the author

Webfejlesztő vagyok, tapasztalattal a Firefox és a Google Docs területén. A Floridai Egyetemen szereztem diplomát üzleti adminisztrációból. Szakképzettségeim a következők: weboldalkészítés, tartalomkezelő rendszer (CMS), adatelemzés és felhasználói felület tervezés. Tapasztalt tanácsadó vagyok, aki segíthet csapatának hatékony webhelyek és alkalmazások létrehozásában.



Related posts