Či už ste webový dizajnér^{(web designer)} , umelec alebo len človek, ktorý chce zladiť farby, prehliadač Google Chrome ponúka v ^{(Google Chrome)}Internetovom obchode Chrome^{(Chrome Web Store)} niekoľko doplnkov , ktoré vám môžu pomôcť.

Pomocou rozšírenia na výber farby pre prehliadač Chrome^(Chrome) môžete získať hodnoty HEX , RGB alebo HSL pre akúkoľvek farbu, ktorú chcete na webe. Jednoducho^(Simply) ukážte kurzorom na farbu a získajte kód, ktorý potrebujete, aby zodpovedal farbe.

Tu je 10 rozšírení na výber farieb prehliadača Chrome , počnúc tými, ktoré majú ďalšie funkcie a funkcie, ktoré by sa vám mohli páčiť.^(Chrome)

1. Nástroj na výber farby – Geco^{(Color Picker Tool – Geco)}

Pomocou nástroja Color Picker Tool – Geco^{(Color Picker Tool – Geco)} môžete získať kód farby pre akúkoľvek farbu, ktorú vidíte na webovej stránke .

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Ukážte kurzorom na farbu, ktorú chcete identifikovať.
3. Kliknutím^(Click) uložíte farbu do zoznamu rozšírení.

Potom uvidíte kódy HEX , RGB a HSL v sekciách ^(HSL)Nové^(New) a Vybrané^(Picked) v okne rozšírenia. Vyberte predchádzajúcu farbu, ktorú ste identifikovali, a tieto kódy uvidíte v sekcii Nová^(New) .

Pridané vlastnosti:

• Automaticky skopírujte HEX kód farby do schránky pre jednoduché prilepenie tam, kde je to potrebné.
• Stiahnite^(Download) si súbor CSV s paletou farieb s kódmi HEX , RGB a HSL .
• Upravte^(Adjust) nastavenia pre kopírovanie do schránky, povoľte upozornenia a kliknite pravým tlačidlom myši.

2. AKColor

Použite nástroj kvapkadlo od AKColor na získanie farebného kódu z akejkoľvek stránky, ktorú vidíte na webe.

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Vyberte kvapkadlo^(eyedropper) vľavo a nasmerujte kurzor na farbu, ktorú chcete identifikovať.
3. Kliknutím^(Click) zobrazíte farebné kódy spolu s najbližšou farbou a priemernou farbou oblasti.

Uvidíte pekné vyskakovacie okno s farebnými kódmi pre RGB , RGBA , HEX , HSL a HSLA . Vyberte^(Choose) ktorýkoľvek z kódov na skopírovanie hodnôt farieb do schránky. Potom vyberte možnosť Vybrať znova^{(Pick Again)} alebo Zavrieť^{( Close)} .

Pridané vlastnosti:

• Použite prevodník farieb^{(Color Converter)} a generátor prechodov^{(Gradient Generator)} zabudovaný priamo do rozšírenia.
• Využite^(Take) klávesové skratky pre rýchlu a jednoduchú identifikáciu farieb.
• Upravte^(Adjust) nastavenia pre nočný režim, rozhranie, veľkosť pixelovej lupy, úroveň priblíženia a ďalšie.

3. Vyberte farbu^{(Pick Color)}

Ak hľadáte nástroj na výber farieb, ktorý môžete použiť aj na iných miestach ako len na webe, nástroj na výber farby je pre vás ten pravý.^{(Pick Color)}

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Vyberte možnosť Vybrať farbu^{(Choose Your Color)} a potom vyberte kvapkadlo^(eyedropper) .
3. Ukážte kurzorom na farbu, ktorú chcete identifikovať. Môže to byť na webovej lokalite, na pracovnej ploche alebo v inej aplikácii.
4. Kliknutím^(Click) uložíte farbu do rozšírenia.

V okne rozšírenia potom uvidíte farebné kódy HEX , RGB a HSL . HEX kód môžete skopírovať výberom ikony kopírovania napravo od neho. Ak chcete skopírovať hodnoty RGB alebo HSL , prejdite nadol do sekcie nižšie a použite tieto ikony kopírovania.

Bonusová funkcia^{(Bonus Feature)}

Pomocou funkcie Vybrať farbu^{(Pick Color)} môžete rýchlo identifikovať farbu na webovej stránke a skopírovať HEX kód do schránky niekoľkými kliknutiami.

1. Kliknite pravým tlačidlom myši na webovú stránku a v ponuke skratiek vyberte možnosť Vybrať farbu na stránke .^{(Pick a color on the page)}
2. Presuňte kurzor na farbu a uvidíte pripojený HEX kód.
3. Kliknutím skopírujete ^(Click)HEX kód farby do schránky.

4. Výber farieb^{(Color Picker)} (od linangdata.com)

Ďalšie rozšírenie prehliadača Chrome s užitočnými funkciami navyše nájdete^{(Chrome extension with useful extra features)} na stránke Color Picker na stránke linangdata.com.

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi a prejdite na kartu kvapkadlo .^(Eyedropper)
2. Vyberte kvapkadlo^(Eyedropper) a ukážte kurzorom na farbu. HEX kód sa zobrazí , keď budete pohybovať ukazovateľom.
3. Kliknutím^(Click) uložíte farbu do zoznamu rozšírenia a zároveň skopírujete HEX kód do schránky.
4. Znova otvorte rozšírenie pomocou tlačidla na paneli s nástrojmi a uvidíte kódy HEX , RGB , HSL , HSV a CMYK . Vyberte ikonu kopírovania napravo od ktoréhokoľvek z kódov a umiestnite ho do schránky.

Pridané vlastnosti:

• Pomocou karty Výber^{(Color Picker)} farby zobrazíte základné farby s ich farebným kódom.
• Vyskúšajte kartu Farebná škála^{(Color Scale )} na zobrazenie rôznych farebných odtieňov s ich farebnými kódmi.
• Na karte Miešanie farieb^{(Color Blender)} môžete znásobiť, stmaviť, zosvetliť a prekryť farby.

5. Očné kvapkadlo^{(Eye Dropper)}

Eye Dropper je pekná možnosť výberu farieb pre Chrome s niekoľkými bonusmi, ktoré by sa vám mohli páčiť.

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Vyberte možnosť Vybrať farbu z webovej stránky^{(Pick color from web page)} a presuňte kurzor na farbu. Keď budete pohybovať kurzorom, v pravom dolnom rohu okna prehliadača uvidíte hodnoty HEX a RGB .
3. Kliknutím^(Click) na farbu ju uložíte do zoznamu rozšírení.
4. Keď rozšírenie znova otvoríte, v sekcii Vybraná^(Selected) farba uvidíte farebné kódy HEX , HSL a RGB spolu s názvom danej farby. 

Pridané vlastnosti:

• Pomocou karty Výber farieb^{(Color Picker)} môžete namiešať svoje vlastné farby.
• Exportujte^(Export) svoju históriu farieb ako súbor CSV s kódmi farieb.
• Upravte^(Adjust) nastavenia pre kopírovanie do schránky, zmeňte vzhľad ukazovateľa a vypnite informácie o farbe pri pohybe kurzora.

6. Čierno-krevety^{(Black-shrimp)}

Ak chcete identifikovať farby a potom ich zoskupiť pre rýchly prístup, pozrite si Black-shrimp .

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi. Tým sa otvorí malé okno doplnku vľavo.
2. Ukážte kurzorom na farbu, ktorú chcete identifikovať, a kliknite.
3. V okne okamžite uvidíte HEX kód. Ak chcete zobraziť kódy farieb RGB alebo HSL , použite rozbaľovacie pole vedľa identifikovanej farby .
4. Ak chcete uložiť farbu, vyberte znamienko plus^{(plus sign)} v spodnej časti okna.

Pridané vlastnosti:

• Pridajte skupinu pomocou ikony priečinka^(folder) a presuňte do nej uložené farby.
• Exportujte^(Export) svoje uložené farby ako súbor ASE ( Adobe Swatch Exchange ).
• Pomocou^(Use) klávesových skratiek pridajte farbu, vytvorte skupinu, odstráňte alebo exportujte.

7. Jednoduchý výber farby^{(Easy Color Picker)}

Ak extra funkcie nie sú pre vás a chcete jednoduché rozšírenie, pozrite sa na Easy Color Picker .

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Vyberte tlačidlo Vybrať^(Pick) vpravo hore a ukážte kurzorom na farbu. Keď budete pohybovať kurzorom, v pravom dolnom rohu okna prehliadača uvidíte hodnoty HEX a RGB .
3. Kliknite^(Click) na požadovanú farbu a potom znovu otvorte rozšírenie pomocou tlačidla, čím zobrazíte kódy HEX , RGB a HSL .

Hoci neexistujú žiadne jednoduché možnosti kopírovania pre farebné kódy, môžete kliknúť pravým tlačidlom myši do každého poľa a vybrať Kopírovať^(Copy) , ak potrebujete prilepiť hodnoty inam.

8. Colorfly Color Picker

Podobne ako Easy Color Picker je Colorfly Color Picker . Vezmite^(Grab) farbu, zobrazte kód a v prípade potreby skopírujte hodnoty.

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Vyberte tlačidlo Vybrať farbu^{(Pick Color)} a ukážte kurzorom na farbu. Pri pohybe kurzora môžete zobraziť hodnoty HEX a RGB v pravom dolnom rohu okna prehliadača.
3. Kliknite^(Click) na požadovanú farbu a v okne rozšírenia uvidíte kódy HEX , RGB a HSL . Vyberte^(Select) ľubovoľný kód farby a skopírujte ho do schránky.

9. Výber farieb^{(Color Picker)} (od kipelovvycheslava)

Ďalšie základné rozšírenie prehliadača Chrome^{(Chrome browser extension)} má rovnaký názov ako ďalšie v našom zozname, Color Picker , toto je od kipelovvycheslava.

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Ukážte kurzorom na farbu, ktorú chcete identifikovať, a kliknite.
3. Znova otvorte rozšírenie, aby ste videli farebné kódy HEX , HSL a RGB .

10. Inteligentný výber farieb^{(Smart Color Picker)}

Posledným jednoduchým rozšírením Chrome bez zvončekov a píšťaliek je Smart Color Picker .

1. Vyberte tlačidlo rozšírenia na paneli s nástrojmi.
2. Vyberte tlačidlo Vybrať farbu^{(Pick Color)} a ukážte kurzorom na farbu. Keď budete pohybovať kurzorom, v pravom dolnom rohu okna prehliadača uvidíte hodnoty HEX a RGB .
3. Kliknite^(Click) na požadovanú farbu a potom znovu otvorte rozšírenie pomocou tlačidla, čím zobrazíte kódy HEX , RGB a HSL . Vyberte^(Select) ľubovoľný kód farby a skopírujte ho do schránky.

Dúfajme, že aspoň jeden z týchto nástrojov na výber farieb rozšírenia Chrome je presne to, čo potrebujete. Či už máte radi funkcie navyše alebo uprednostňujete jednoduchosť, všetky sú to skvelé možnosti.

Ak potrebujete ďalšiu pomoc, prečítajte si, ako nainštalovať alebo odstrániť rozšírenia v prehliadači Chrome^{(install or remove extensions in Chrome)} .

The Best Color Picker Chrome Extensions to Get HEX, RGB, and HSL Color Codes

Whether you’re a web designer, artist, or just a person who wants to match colors, Google Chrome offers several add-ons in the Chrome Web Store that can help.

Using a color picker Chrome extension, you can obtain the HEX, RGB, or HSL values for any color you want on the web. Simply point your cursor to the color and get the code you need to match the color.

Here are 10 Chrome color picker extensions starting with those that have extra features and functionality you might enjoy.

1. Color Picker Tool – Geco

You can obtain a color code for any color you see on a webpage with Color Picker Tool – Geco.

1. Select the extension button in your toolbar.
2. Point your cursor at the color you want to identify.
3. Click to save the color in the extension’s list.

You’ll then see the HEX, RGB, and HSL codes in the New and Picked sections of the extension’s window. Select a previous color you’ve identified, and you’ll see those codes in the New section.

Additional Features:

• Automatically copy the HEX color code to your clipboard for easy pasting where needed.
• Download a CSV file of your color palette with HEX, RGB, and HSL codes.
• Adjust settings for copying to your clipboard, enabling a notification, and using a right-click.

2. AKColor

Use the eyedropper tool from AKColor to grab the color code from any site you see on the web.

1. Select the extension button in your toolbar.
2. Choose the eyedropper on the left and point your cursor at the color you want to identify.
3. Click to view the color codes along with the closest color and average color of the area.

You’ll see a nice pop-up window with the color codes for RGB, RGBA, HEX, HSL, and HSLA. Choose any of the codes to copy the color values to your clipboard. Then, select Pick Again or Close.

Additional Features:

• Use the Color Converter and Gradient Generator built right into the extension.
• Take advantage of keyboard shortcuts for quick and easy color identification.
• Adjust settings for night mode, the interface, the size of the pixel magnifier, the zoom level, and more.

3. Pick Color

If you’re looking for a color picker that you can use in other locations rather than just the web, Pick Color is the tool for you.

1. Select the extension button in your toolbar.
2. Pick Choose Your Color and then select the eyedropper.
3. Point your cursor at the color you want to identify. This can be on a website, your desktop, or in another application.
4. Click to save the color in the extension.

You’ll then see the HEX, RGB, and HSL color codes in the extension’s window. You can copy the HEX code by selecting the copy icon on the right of it. To copy the RGB or HSL values, move down to the section beneath and use those copy icons.

Bonus Feature

With Pick Color, you can quickly identify a color on a webpage and copy the HEX code to your clipboard with a couple of clicks.

1. Right-click the webpage and select Pick a color on the page from the shortcut menu.
2. Move your cursor to the color and you’ll see the HEX code attached.
3. Click to copy the color’s HEX code to your clipboard.

4. Color Picker (by linangdata.com)

For another Chrome extension with useful extra features, take a look at Color Picker from linangdata.com.

1. Select the extension button in your toolbar and go to the Eyedropper tab.
2. Choose Eyedropper and point your cursor at the color. You’ll see the HEX code appear as you move your pointer.
3. Click to save the color in the extension’s list and copy the HEX code to your clipboard at the same time.
4. Reopen the extension with the toolbar button and you’ll see the HEX, RGB, HSL, HSV, and CMYK codes. Select the copy icon to the right of any one of the codes to place it on your clipboard.

Additional Features:

• Use the Color Picker tab to display prime colors with their color codes.
• Try the Color Scale tab to view different color shades with their color codes.
• Check out the Color Blender tab to multiply, darken, lighten, and overlay colors.

5. Eye Dropper

Eye Dropper is a nice color picking option for Chrome with a few bonuses you might like.

1. Select the extension button in your toolbar.
2. Choose Pick color from web page and move your cursor to the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color to save it to the extension’s list.
4. When you reopen the extension, you’ll see the HEX, HSL, and RGB color codes along with that color’s name in the Selected color section. 

Additional Features:

• Use the Color Picker tab to mix your own colors.
• Export your color history as a CSV file with the color codes.
• Adjust settings for copying to your clipboard, changing the pointer appearance, and disabling the color information as you move your cursor.

6. Black-shrimp

If you want to identify colors and then group them for quick access, check out Black-shrimp.

1. Select the extension button in your toolbar. This opens the add-on’s small window on the left.
2. Point your cursor to the color you want to identify and click.
3. You’ll immediately see the HEX code in the window. Use the drop-down box next to the identified color to view the RGB or HSL color codes.
4. To save the color, select the plus sign at the bottom of the window.

Additional Features:

• Add a group using the folder icon and drag saved colors into it.
• Export your saved colors as an ASE (Adobe Swatch Exchange) file.
• Use keyboard shortcuts to add a color, create a group, delete, or export.

7. Easy Color Picker

If fancy extra features aren’t for you and you want a simple extension, take a look at Easy Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick button on the top right and point your cursor at the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes.

Although there are no simple copy options for the color codes, you can right-click inside each box and select Copy if you need to paste the values elsewhere.

8. Colorfly Color Picker

Similar to Easy Color Picker is Colorfly Color Picker. Grab the color, view the code, and copy values if needed.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you can view the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want, and you’ll see the HEX, RGB, and HSL codes in the extension’s window. Select any color code to copy it to your clipboard.

9. Color Picker (by kipelovvycheslav)

Another basic Chrome browser extension has the same name as another in our list, Color Picker, this one from kipelovvycheslav.

1. Select the extension button in your toolbar.
2. Point your cursor to the color you want to identify and click.
3. Reopen the extension to see the HEX, HSL, and RGB color codes.

10. Smart Color Picker

One final, simple Chrome extension without bells and whistles is Smart Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes. Select any color code to copy it to your clipboard.

Hopefully at least one of these Chrome extension color pickers is just what you need. Whether you like extra features or prefer to keep it simple, they’re all great options.

For additional help, take a look at how to install or remove extensions in Chrome.

Related posts

• 3 najlepšie rozšírenia VPN Chrome pre bezpečné prehliadanie webu

• 9 najlepších rozšírení OpenOffice, ktoré by ste si mali nainštalovať teraz

• 6 najlepších alternatív Reddit, ktoré môžete použiť zadarmo

• 6 najlepších online nástrojov na parafrázovanie na prepisovanie textu

• 7 najlepších aplikácií a webových stránok na spoločné sledovanie videí

• 8 najlepších online sekvencerov pre hudobných nadšencov

• Najlepšie spôsoby prenosu veľkých súborov online

• 7 najlepších aplikácií, ktoré vám pomôžu lepšie študovať

• 8 najlepších aplikácií na učenie sa japončiny

• 5 najlepších video konvertorov pre Android

• 6 najlepších mobilných platobných aplikácií

• 5 najlepších aplikácií pre vysielačku, keď idete na túru

• 5 najlepších aplikácií Cash Advance pre iPhone a Android

• Najlepší softvér na prevod reči na text pre Windows 10

• 5 najlepších alternatív Spotify pre streamovanie hudby

• Najlepšie aplikácie Reddit pre Windows a Mac

• 5 najlepších stránok na anonymné zdieľanie súborov a hosting

• 11 najlepších IRC klientov pre Windows, Mac a Linux v roku 2022

• 10 najlepších šablón Evernote

• Najlepšie skenery vírusov a malvéru ZARUČUJÚ rozbiť akýkoľvek vírus