Niezależnie od tego, czy jesteś projektantem stron internetowych^{(web designer)} , artystą, czy tylko osobą, która chce dopasować kolory, Google Chrome oferuje kilka dodatków w Chrome Web Store , które mogą pomóc.

Korzystając z rozszerzenia Chrome^(Chrome) selektora kolorów , możesz uzyskać wartości HEX , RGB lub HSL dla dowolnego koloru w Internecie. Po prostu^(Simply) wskaż kursorem kolor i uzyskaj kod, którego potrzebujesz, aby dopasować kolor.

Oto 10 rozszerzeń selektora kolorów Chrome , zaczynając od tych, które mają dodatkowe funkcje i funkcje, które mogą Ci się spodobać.

1. Selektor kolorów – Geco^{(Color Picker Tool – Geco)}

Kod koloru dla dowolnego koloru widocznego na stronie internetowej można uzyskać za pomocą narzędzia Color Picker Tool – Geco^{(Color Picker Tool – Geco)} .

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Ustaw kursor na kolorze, który chcesz zidentyfikować.
3. Kliknij^(Click) , aby zapisać kolor na liście rozszerzeń.

Zobaczysz wtedy kody HEX , RGB i HSL w sekcjach ^(HSL)Nowe^(New) i Wybrane^(Picked) w oknie rozszerzenia. Wybierz wcześniej zidentyfikowany kolor, a zobaczysz te kody w sekcji Nowe^(New) .

Dodatkowe funkcje:

• Automatycznie skopiuj kod koloru HEX do schowka, aby łatwo wkleić go w razie potrzeby.^(HEX)
• Pobierz^(Download) plik CSV swojej palety kolorów z kodami HEX , RGB i HSL .
• Dostosuj^(Adjust) ustawienia kopiowania do schowka, włącz powiadomienia i kliknij prawym przyciskiem myszy.

2. AKColor

Użyj narzędzia Kroplomierz firmy AKColor , aby pobrać kod koloru z dowolnej witryny, którą widzisz w Internecie.

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Wybierz zakraplacz^(eyedropper) po lewej stronie i wskaż kursorem kolor, który chcesz zidentyfikować.
3. Kliknij^(Click) , aby wyświetlić kody kolorów wraz z najbliższym kolorem i średnim kolorem obszaru.

Zobaczysz ładne wyskakujące okienko z kodami kolorów RGB , RGBA , HEX , HSL i HSLA . Wybierz^(Choose) dowolny z kodów, aby skopiować wartości kolorów do schowka. Następnie wybierz Wybierz ponownie^{(Pick Again)} lub Zamknij^{( Close)} .

Dodatkowe funkcje:

• Użyj konwertera kolorów^{(Color Converter)} i generatora gradientu^{(Gradient Generator)} wbudowanego w rozszerzenie.
• Skorzystaj^(Take) ze skrótów klawiaturowych do szybkiej i łatwej identyfikacji kolorów.
• Dostosuj^(Adjust) ustawienia trybu nocnego, interfejsu, rozmiaru lupy pikseli, poziomu powiększenia i nie tylko.

3. Wybierz kolor^{(Pick Color)}

Jeśli szukasz selektora kolorów, którego możesz używać w innych lokalizacjach, a nie tylko w Internecie, wybierz kolor^{(Pick Color)} jest narzędziem dla Ciebie.

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Wybierz opcję Wybierz swój kolor^{(Choose Your Color)} , a następnie wybierz zakraplacz^(eyedropper) .
3. Ustaw kursor na kolorze, który chcesz zidentyfikować. Może to być witryna internetowa, komputer stacjonarny lub inna aplikacja.
4. Kliknij^(Click) , aby zapisać kolor w rozszerzeniu.

W oknie rozszerzenia zobaczysz kody kolorów HEX , RGB i HSL . Możesz skopiować kod HEX , wybierając ikonę kopiowania po prawej stronie. Aby skopiować wartości RGB lub HSL , przejdź do sekcji poniżej i użyj tych ikon kopiowania.

Funkcja bonusowa^{(Bonus Feature)}

Dzięki funkcji Wybierz kolor^{(Pick Color)} możesz szybko zidentyfikować kolor na stronie internetowej i kilkoma kliknięciami skopiować kod HEX do schowka.^(HEX)

1. Kliknij stronę prawym przyciskiem myszy i wybierz Wybierz kolor na stronie^{(Pick a color on the page)} z menu skrótów.
2. Przesuń kursor na kolor, a zobaczysz dołączony kod HEX .
3. Kliknij^(Click) , aby skopiować kod HEX koloru do schowka.

4. Próbnik kolorów^{(Color Picker)} (od linangdata.com)

Aby uzyskać inne rozszerzenie Chrome z przydatnymi dodatkowymi funkcjami^{(Chrome extension with useful extra features)} , spójrz na Color Picker z linangdata.com.

1. Wybierz przycisk rozszerzenia na pasku narzędzi i przejdź do zakładki Kroplomierz .^(Eyedropper)
2. Wybierz Kroplomierz^(Eyedropper) i wskaż kursorem kolor. Podczas przesuwania wskaźnika zobaczysz kod szesnastkowy .^(HEX)
3. Kliknij^(Click) , aby zapisać kolor na liście rozszerzenia i jednocześnie skopiuj kod HEX do schowka.^(HEX)
4. Ponownie otwórz rozszerzenie za pomocą przycisku paska narzędzi, a zobaczysz kody HEX , RGB , HSL , HSV i CMYK . Wybierz ikonę kopiowania po prawej stronie dowolnego kodu, aby umieścić go w schowku.

Dodatkowe funkcje:

• Użyj karty Próbnik kolorów^{(Color Picker)} , aby wyświetlić kolory podstawowe wraz z ich kodami kolorów.
• Wypróbuj kartę Skala kolorów^{(Color Scale )} , aby wyświetlić różne odcienie kolorów wraz z ich kodami kolorów.
• Sprawdź kartę Color Blender , aby mnożyć, przyciemniać, rozjaśniać i nakładać kolory.

5. Zakraplacz^{(Eye Dropper)}

Eye Dropper to fajna opcja doboru kolorów dla Chrome z kilkoma bonusami, które mogą Ci się spodobać.

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Wybierz Wybierz kolor ze strony internetowej^{(Pick color from web page)} i przesuń kursor na kolor. Podczas przesuwania wskaźnika zobaczysz wartości HEX i RGB w prawym dolnym rogu okna przeglądarki.
3. Kliknij^(Click) kolor, aby zapisać go na liście rozszerzeń.
4. Po ponownym otwarciu rozszerzenia zobaczysz kody kolorów HEX , HSL i RGB wraz z nazwą tego koloru w sekcji Wybrany^(Selected) kolor. 

Dodatkowe funkcje:

• Użyj karty Próbnik kolorów^{(Color Picker)} , aby mieszać własne kolory.
• Wyeksportuj^(Export) historię kolorów jako plik CSV z kodami kolorów.
• Dostosuj^(Adjust) ustawienia kopiowania do schowka, zmień wygląd wskaźnika i wyłącz informacje o kolorach podczas przesuwania kursora.

6. Czarna krewetka^{(Black-shrimp)}

Jeśli chcesz zidentyfikować kolory, a następnie pogrupować je w celu szybkiego dostępu, sprawdź Black-shrimp .

1. Wybierz przycisk rozszerzenia na pasku narzędzi. Spowoduje to otwarcie małego okna dodatku po lewej stronie.
2. Wskaż kursorem kolor, który chcesz zidentyfikować i kliknij.
3. W oknie natychmiast zobaczysz kod HEX . Użyj menu rozwijanego obok zidentyfikowanego koloru, aby wyświetlić kody kolorów RGB lub HSL .
4. Aby zapisać kolor, wybierz znak plus^{(plus sign)} na dole okna.

Dodatkowe funkcje:

• Dodaj grupę za pomocą ikony folderu^(folder) i przeciągnij do niej zapisane kolory.
• Wyeksportuj^(Export) zapisane kolory jako plik ASE ( Adobe Swatch Exchange ).
• Użyj^(Use) skrótów klawiaturowych, aby dodać kolor, utworzyć grupę, usunąć lub wyeksportować.

7. Łatwy wybór kolorów^{(Easy Color Picker)}

Jeśli fantazyjne dodatkowe funkcje nie są dla Ciebie i potrzebujesz prostego rozszerzenia, spójrz na Easy Color Picker .

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Wybierz przycisk Wybierz^(Pick) w prawym górnym rogu i wskaż kursorem kolor. Podczas przesuwania wskaźnika zobaczysz wartości HEX i RGB w prawym dolnym rogu okna przeglądarki.
3. Kliknij^(Click) żądany kolor, a następnie ponownie otwórz rozszerzenie za pomocą przycisku, aby wyświetlić kody HEX , RGB i HSL .

Chociaż nie ma prostych opcji kopiowania kodów kolorów, możesz kliknąć prawym przyciskiem myszy w każdym polu i wybrać Kopiuj^(Copy) , jeśli chcesz wkleić wartości w innym miejscu.

8. Próbnik kolorów Colorfly^{(Colorfly Color Picker)}

Podobny do Easy Color Picker jest Colorfly Color Picker . Chwyć^(Grab) kolor, zobacz kod i skopiuj wartości, jeśli to konieczne.

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Wybierz przycisk Wybierz kolor^{(Pick Color)} i wskaż kursorem kolor. Gdy poruszasz kursorem, możesz wyświetlić wartości HEX i RGB w prawym dolnym rogu okna przeglądarki.
3. Kliknij^(Click) żądany kolor, a w oknie rozszerzenia zobaczysz kody HEX , RGB i HSL . Wybierz^(Select) dowolny kod koloru, aby skopiować go do schowka.

9. Próbnik kolorów^{(Color Picker)} (autor: kipelovvycheslav)

Kolejne podstawowe rozszerzenie przeglądarki Chrome^{(Chrome browser extension)} ma taką samą nazwę jak inne z naszej listy, Color Picker , ten z kipelovvycheslav.

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Wskaż kursorem kolor, który chcesz zidentyfikować i kliknij.
3. Otwórz ponownie rozszerzenie, aby zobaczyć kody kolorów HEX , HSL i RGB .

10. Inteligentny selektor kolorów^{(Smart Color Picker)}

Ostatnim, prostym rozszerzeniem Chrome bez dzwonków i gwizdów jest Smart Color Picker .

1. Wybierz przycisk rozszerzenia na pasku narzędzi.
2. Wybierz przycisk Wybierz kolor^{(Pick Color)} i wskaż kursorem kolor. Gdy przesuniesz kursor, zobaczysz wartości HEX i RGB w prawym dolnym rogu okna przeglądarki.
3. Kliknij^(Click) żądany kolor, a następnie ponownie otwórz rozszerzenie za pomocą przycisku, aby wyświetlić kody HEX , RGB i HSL . Wybierz^(Select) dowolny kod koloru, aby skopiować go do schowka.

Mamy nadzieję, że przynajmniej jeden z tych selektorów kolorów rozszerzeń Chrome jest właśnie tym, czego potrzebujesz. Niezależnie od tego, czy lubisz dodatkowe funkcje, czy wolisz zachować prostotę, wszystkie są świetnymi opcjami.

Aby uzyskać dodatkową pomoc, zobacz, jak zainstalować lub usunąć rozszerzenia w Chrome^{(install or remove extensions in Chrome)} .

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

Whether yoυ’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 najlepsze rozszerzenia VPN Chrome do bezpiecznego przeglądania sieci

• 9 najlepszych rozszerzeń OpenOffice, które powinieneś zainstalować teraz

• 6 najlepszych alternatyw Reddit, z których możesz korzystać za darmo

• 6 najlepszych narzędzi do parafrazowania online do przepisywania tekstu

• 7 najlepszych aplikacji i stron internetowych do wspólnego oglądania filmów

• Najlepsze sposoby przesyłania dużych plików online

• 7 najlepszych czytników PDF dla systemu Windows w 2020 roku

• 15 najlepszych aplikacji Amazon Fire Stick, które powinieneś zainstalować jako pierwszy

• Najlepsze darmowe oprogramowanie do karaoke dla systemu Windows

• 9 najlepszych aplikacji do śledzenia kalorii na iPhone'a i Androida

• 9 najlepszych programów do zmiany głosu Discord (2021)

• 10 najlepszych aplikacji do pomiaru Twojej produktywności

• 14 najlepszych aplikacji na Androida do lokalnej sprzedaży używanych rzeczy (2022)

• 5 najlepszych anonimowych witryn do udostępniania i hostingu plików

• Najlepsze aplikacje Reddit dla Windows i Mac

• Najlepsze skanery wirusów i złośliwego oprogramowania GWARANTUJĄ Nuke dowolnego wirusa

• 13 najlepszych darmowych alternatyw dla Microsoft Visio

• 6 najlepszych aplikacji ciążowych w 2021 roku

• 7 najlepszych aplikacji, które pomogą Ci lepiej się uczyć

• 10 najlepszych szablonów Evernote