Bilo da ste web dizajner^{(web designer)} , umjetnik ili samo osoba koja želi uskladiti boje, Google Chrome nudi nekoliko dodataka u Chrome web-trgovini^{(Chrome Web Store)} koji vam mogu pomoći.

Pomoću Chromeovog^(Chrome) proširenja za odabir boja možete dobiti HEX , RGB ili HSL vrijednosti za bilo koju boju koju želite na webu. Jednostavno^(Simply) usmjerite pokazivač na boju i dobijete kod koji vam je potreban da odgovara boji.

Ovdje je 10 Chromeovih^(Chrome) proširenja za odabir boja, počevši od onih koje imaju dodatne značajke i funkcionalnost u kojima biste mogli uživati.

1. Alat za odabir boja – Geco^{(Color Picker Tool – Geco)}

Možete dobiti kod boje za bilo koju boju koju vidite na web stranici pomoću alata za odabir boja – Geco^{(Color Picker Tool – Geco)} .

1. Odaberite gumb proširenja na alatnoj traci.
2. Usmjerite pokazivač na boju koju želite identificirati.
3. Kliknite^(Click) za spremanje boje na popisu proširenja.

Tada ćete vidjeti HEX , RGB i HSL kodove u odjeljcima Novo^(New) i Izabrano^(Picked) prozora proširenja. Odaberite prethodnu boju koju ste identificirali i vidjet ćete te kodove u odjeljku Novo^(New) .

Dodatne mogućnosti:

• Automatski kopirajte HEX kod boje u međuspremnik za jednostavno lijepljenje gdje je potrebno.
• Preuzmite ^(Download)CSV datoteku svoje palete boja s HEX , RGB i HSL kodovima.
• Prilagodite^(Adjust) postavke za kopiranje u međuspremnik, omogućavanje obavijesti i korištenje desnom tipkom miša.

2. AKColor

Upotrijebite AKColor alat za kapaljku kako biste preuzeli kod boje s bilo koje stranice koju vidite na webu.

1. Odaberite gumb proširenja na alatnoj traci.
2. Odaberite kapaljku^(eyedropper) s lijeve strane i usmjerite pokazivač na boju koju želite identificirati.
3. Kliknite^(Click) da biste vidjeli kodove boja zajedno s najbližom bojom i prosječnom bojom područja.

Vidjet ćete lijep skočni prozor s kodovima boja za RGB , RGBA , HEX , HSL i HSLA . Odaberite^(Choose) bilo koji od kodova za kopiranje vrijednosti boja u međuspremnik. Zatim odaberite Ponovo^{(Pick Again)} odaberite ili Zatvori^{( Close)} .

Dodatne mogućnosti:

• Upotrijebite Color Converter i Gradient Generator ugrađene izravno u ekstenziju.
• Iskoristite^(Take) prednosti tipkovničkih prečaca za brzu i jednostavnu identifikaciju boja.
• Prilagodite^(Adjust) postavke za noćni način rada, sučelje, veličinu povećala piksela, razinu zumiranja i još mnogo toga.

3. Odaberite boju^{(Pick Color)}

Ako tražite alat za odabir boja koji možete koristiti na drugim lokacijama, a ne samo na webu, Pick Color je alat za vas.

1. Odaberite gumb proširenja na alatnoj traci.
2. Odaberite Odaberite svoju boju^{(Choose Your Color)} i zatim odaberite kapaljku^(eyedropper) .
3. Usmjerite pokazivač na boju koju želite identificirati. To može biti na web-mjestu, radnoj površini ili u drugoj aplikaciji.
4. Kliknite^(Click) da biste spremili boju u proširenje.

Tada ćete vidjeti HEX , RGB i HSL kodove boja u prozoru proširenja. Možete kopirati HEX kod odabirom ikone za kopiranje s desne strane. Da biste kopirali RGB ili HSL vrijednosti, pomaknite se dolje na odjeljak ispod i upotrijebite te ikone za kopiranje.

Bonus značajka^{(Bonus Feature)}

Uz odabir boje^{(Pick Color)} , možete brzo identificirati boju na web stranici i kopirati HEX kod u međuspremnik s nekoliko klikova.

1. Desnom tipkom miša kliknite web-stranicu i na izborniku prečaca odaberite Odaberi boju na stranici .^{(Pick a color on the page)}
2. Pomaknite pokazivač na boju i vidjet ćete priložen HEX kod.^(HEX)
3. Kliknite da biste kopirali ^(Click)HEX kod boje u međuspremnik.

4. Birač boja^{(Color Picker)} (od strane linangdata.com)

Za još jedno proširenje za Chrome s korisnim dodatnim značajkama^{(Chrome extension with useful extra features)} , pogledajte Color Picker s linangdata.com.

1. Odaberite gumb proširenja na alatnoj traci i idite na karticu Kapaljka^(Eyedropper) .
2. Odaberite Eyedropper i usmjerite pokazivač na boju. Vidjet ćete da se HEX kod pojavljuje dok pomičete pokazivač.
3. Kliknite^(Click) za spremanje boje na popisu proširenja i istovremeno kopirajte HEX kod u međuspremnik.
4. Ponovno otvorite proširenje pomoću gumba na alatnoj traci i vidjet ćete HEX , RGB , HSL , HSV i CMYK kodove. Odaberite ikonu kopiranja s desne strane bilo kojeg od kodova da biste je smjestili u međuspremnik.

Dodatne mogućnosti:

• Koristite karticu Birač boja^{(Color Picker)} za prikaz osnovnih boja s njihovim kodovima boja.
• Isprobajte karticu Ljestvica boja^{(Color Scale )} da biste vidjeli različite nijanse boja s njihovim kodovima boja.
• Provjerite karticu Color Blender za umnožavanje, potamnjivanje, posvjetljivanje i preklapanje boja.

5. Kapalica za oči^{(Eye Dropper)}

Kapaljka za oči^{(Eye Dropper)} je zgodna opcija odabira boja za Chrome s nekoliko bonusa koji bi vam se mogli svidjeti.

1. Odaberite gumb proširenja na alatnoj traci.
2. Odaberite Odaberi boju s web stranice^{(Pick color from web page)} i pomaknite pokazivač na boju. Dok pomičete pokazivač, vidjet ćete HEX i RGB vrijednosti u donjem desnom kutu prozora preglednika.
3. Kliknite^(Click) boju da biste je spremili na popis proširenja.
4. Kada ponovno otvorite proširenje, vidjet ćete HEX , HSL i RGB kodove boja zajedno s nazivom te boje u odjeljku Odabrane^(Selected) boje. 

Dodatne mogućnosti:

• Koristite karticu Birač boja^{(Color Picker)} za miješanje vlastitih boja.
• Izvezite^(Export) svoju povijest boja kao CSV datoteku s kodovima boja.
• Prilagodite^(Adjust) postavke za kopiranje u međuspremnik, promjenu izgleda pokazivača i onemogućavanje informacija o boji dok pomičete pokazivač.

6. Crni škampi^{(Black-shrimp)}

Ako želite identificirati boje, a zatim ih grupirati za brzi pristup, pogledajte Black-shrimp .

1. Odaberite gumb proširenja na alatnoj traci. Ovo otvara mali prozor dodatka na lijevoj strani.
2. Usmjerite pokazivač na boju koju želite identificirati i kliknite.
3. Odmah ćete vidjeti HEX kod u prozoru. Koristite padajući okvir pored identificirane boje za prikaz RGB ili HSL kodova boja.
4. Da biste spremili boju, odaberite znak plus^{(plus sign)} na dnu prozora.

Dodatne mogućnosti:

• Dodajte grupu pomoću ikone mape^(folder) i povucite spremljene boje u nju.
• Izvezite^(Export) svoje spremljene boje kao ASE ( Adobe Swatch Exchange ) datoteku.
• Koristite^(Use) tipkovničke prečace za dodavanje boje, stvaranje grupe, brisanje ili izvoz.

7. Jednostavan odabir boja^{(Easy Color Picker)}

Ako vam ne odgovaraju elegantne dodatne značajke i želite jednostavno proširenje, pogledajte Easy Color Picker .

1. Odaberite gumb proširenja na alatnoj traci.
2. Odaberite gumb Odaberi^(Pick) u gornjem desnom kutu i usmjerite pokazivač na boju. Dok pomičete pokazivač, vidjet ćete HEX i RGB vrijednosti u donjem desnom kutu prozora preglednika.
3. Kliknite^(Click) boju koju želite, a zatim ponovno otvorite proširenje pomoću gumba da vidite HEX , RGB i HSL kodove.

Iako ne postoje jednostavne opcije kopiranja za kodove boja, možete kliknuti desnom tipkom miša unutar svakog okvira i odabrati Kopiraj^(Copy) ako trebate zalijepiti vrijednosti negdje drugdje.

8. Colorfly Birač boja^{(Colorfly Color Picker)}

Slično jednostavnom^{(Easy Color Picker)} odabiru boja je Colorfly birač boja^{(Colorfly Color Picker)} . Uzmite^(Grab) boju, pogledajte kod i kopirajte vrijednosti ako je potrebno.

1. Odaberite gumb proširenja na alatnoj traci.
2. Odaberite gumb Odaberi boju^{(Pick Color)} i usmjerite pokazivač na boju. Dok pomičete pokazivač, možete vidjeti HEX i RGB vrijednosti u donjem desnom kutu prozora preglednika.
3. Kliknite^(Click) boju koju želite i vidjet ćete HEX , RGB i HSL kodove u prozoru proširenja. Odaberite^(Select) bilo koji kod boje da ga kopirate u međuspremnik.

9. Birač boja^{(Color Picker)} (od kipelovvycheslav)

Još jedno osnovno proširenje preglednika Chrome^{(Chrome browser extension)} ima isti naziv kao i drugo na našem popisu, Color Picker , ovo od kipelovvycheslava.

1. Odaberite gumb proširenja na alatnoj traci.
2. Usmjerite pokazivač na boju koju želite identificirati i kliknite.
3. Ponovno otvorite proširenje da vidite HEX , HSL i RGB kodove boja.

10. Pametni birač boja^{(Smart Color Picker)}

Jedno posljednje, jednostavno proširenje za Chrome bez zvona i zviždaljki je Smart Color Picker .

1. Odaberite gumb proširenja na alatnoj traci.
2. Odaberite gumb Odaberi boju^{(Pick Color)} i usmjerite pokazivač na boju. Dok pomičete pokazivač, vidjet ćete HEX i RGB vrijednosti u donjem desnom kutu prozora preglednika.
3. Kliknite^(Click) boju koju želite, a zatim ponovno otvorite proširenje pomoću gumba da vidite HEX , RGB i HSL kodove. Odaberite^(Select) bilo koji kod boje da ga kopirate u međuspremnik.

Nadamo se da je barem jedan od ovih birača boja proširenja za Chrome upravo ono što vam treba. Bez obzira volite li dodatne značajke ili želite da budu jednostavne, sve su to sjajne opcije.

Za dodatnu pomoć pogledajte kako instalirati ili ukloniti proširenja u Chromeu^{(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 najbolja VPN proširenja za Chrome za sigurno pregledavanje weba

• 9 najboljih OpenOffice proširenja koja biste trebali odmah instalirati

• 6 najboljih Reddit alternativa koje možete koristiti besplatno

• The 6 Best Online Paraphrasing Tools to Rewrite Text

• 7 najboljih aplikacija i web-mjesta za gledanje videa zajedno

• 8 najboljih online sekvencera za glazbene entuzijaste

• 7 najboljih aplikacija koje će vam pomoći da bolje učite

• 7 najboljih čitača PDF-a za Windows u 2020

• Najbolji softver za govor u tekst za Windows 10

• Najbolji softver za strujanje Twitch za Windows i Mac

• 11 najboljih IRC klijenata za Windows, Mac i Linux u 2022

• 10 najboljih aplikacija za mjerenje vaše produktivnosti

• Najbolji alati za kopiranje velikog broja datoteka u sustavu Windows

• 6 najboljih aplikacija za trudnoću u 2021

• Najbolji načini za prijenos velikih datoteka na mreži

• 10 najboljih Discord botova koje bi svaki vlasnik poslužitelja trebao isprobati

• 5 najboljih video konvertera za Android

• 6 najboljih PDF uređivača za Windows 10 u 2021

• 9 najboljih aplikacija za praćenje kalorija za iPhone i Android

• 7 najboljih Slack robota za vaš Slack kanal