Независимо от того, являетесь ли вы веб-дизайнером^{(web designer)} , художником или просто человеком, который хочет сочетать цвета, Google Chrome предлагает несколько надстроек в Интернет-магазине Chrome^{(Chrome Web Store)} , которые могут вам помочь.

Используя расширение Chrome для выбора цвета , вы можете получить значения HEX , RGB или HSL для любого цвета, который вы хотите в Интернете. Просто^(Simply) наведите курсор на цвет и получите код, который вам нужен, чтобы соответствовать цвету.

Вот 10 расширений палитры цветов Chrome , начиная с тех, у которых есть дополнительные функции и функции, которые могут вам понравиться.^(Chrome)

1. Инструмент выбора цвета — Geco^{(Color Picker Tool – Geco)}

Вы можете получить цветовой код для любого цвета, который вы видите на веб-странице, с помощью Color Picker Tool – Geco .

1. Нажмите кнопку расширения на панели инструментов.
2. Наведите курсор на цвет, который хотите идентифицировать.
3. Нажмите^(Click) , чтобы сохранить цвет в списке расширений.

Затем вы увидите коды HEX , RGB и HSL в разделах ^(HSL)New и Picked окна расширения. Выберите предыдущий цвет, который вы определили, и вы увидите эти коды в разделе « Новый^(New) ».

Дополнительные возможности:

• Автоматически копируйте цветовой код HEX в буфер обмена для удобной вставки там, где это необходимо.^(HEX)
• Загрузите ^(Download)CSV - файл вашей цветовой палитры с кодами HEX , RGB и HSL .
• Настройте^(Adjust) параметры копирования в буфер обмена, включения уведомлений и использования щелчка правой кнопкой мыши.

2. АКЦвет^(AKColor)

Используйте инструмент «пипетка» от AKColor , чтобы получить цветовой код с любого сайта, который вы видите в Интернете.

1. Нажмите кнопку расширения на панели инструментов.
2. Выберите пипетку^(eyedropper) слева и наведите курсор на цвет, который хотите определить.
3. Нажмите^(Click) , чтобы просмотреть цветовые коды, а также ближайший цвет и средний цвет области.

Вы увидите красивое всплывающее окно с цветовыми кодами для RGB , RGBA , HEX , HSL и HSLA . Выберите^(Choose) любой из кодов, чтобы скопировать значения цвета в буфер обмена. Затем выберите «Выбрать снова»^{(Pick Again)} или «Закрыть^{( Close)} » .

Дополнительные возможности:

• Используйте преобразователь цвета^{(Color Converter)} и генератор градиента^{(Gradient Generator)} , встроенные прямо в расширение.
• Воспользуйтесь^(Take) преимуществами сочетаний клавиш для быстрой и легкой идентификации цвета.
• Настройте^(Adjust) параметры ночного режима, интерфейса, размера лупы, уровня масштабирования и т. д.

3. Выберите цвет^{(Pick Color)}

Если вы ищете палитру цветов, которую можно использовать в других местах, а не только в Интернете, инструмент « Выбор цвета^{(Pick Color)} » — это инструмент для вас.

1. Нажмите кнопку расширения на панели инструментов.
2. Выберите Выберите свой цвет^{(Choose Your Color)} , а затем выберите пипетку^(eyedropper) .
3. Наведите курсор на цвет, который хотите идентифицировать. Это может быть веб-сайт, рабочий стол или другое приложение.
4. Нажмите^(Click) , чтобы сохранить цвет в расширении.

Затем вы увидите цветовые коды HEX , RGB и HSL в окне расширения. Вы можете скопировать HEX - код, выбрав значок копирования справа от него. Чтобы скопировать значения RGB или HSL , перейдите в раздел ниже и используйте эти значки копирования.

Бонусная функция^{(Bonus Feature)}

С помощью Pick Color вы можете быстро определить цвет на веб-странице и скопировать шестнадцатеричный^(HEX) код в буфер обмена всего за пару кликов.

1. Щелкните правой кнопкой мыши веб-страницу и выберите «Выбрать цвет на странице»^{(Pick a color on the page)} в контекстном меню.
2. Наведите курсор на цвет, и вы увидите прикрепленный HEX - код.
3. Нажмите^(Click) , чтобы скопировать шестнадцатеричный^(HEX) код цвета в буфер обмена.

4. Палитра цветов^{(Color Picker)} (от linangdata.com)

Для другого расширения Chrome с полезными дополнительными функциями^{(Chrome extension with useful extra features)} взгляните на Color Picker от linangdata.com.

1. Нажмите кнопку расширения на панели инструментов и перейдите на вкладку « Пипетка ».^(Eyedropper)
2. Выберите « Пипетка»^(Eyedropper) и наведите курсор на цвет. Вы увидите, что шестнадцатеричный^(HEX) код появляется при перемещении указателя.
3. Нажмите^(Click) , чтобы сохранить цвет в списке расширений и одновременно скопировать шестнадцатеричный^(HEX) код в буфер обмена.
4. Снова откройте расширение с помощью кнопки на панели инструментов, и вы увидите коды HEX , RGB , HSL , HSV и CMYK . Выберите значок копирования справа от любого из кодов, чтобы поместить его в буфер обмена.

Дополнительные возможности:

• Используйте вкладку « Палитра цветов^{(Color Picker)} » для отображения основных цветов с их цветовыми кодами.
• Попробуйте вкладку « Цветовая шкала^{(Color Scale )} », чтобы просмотреть различные цветовые оттенки с их цветовыми кодами.
• Перейдите на вкладку Color Blender , чтобы умножить, затемнить, осветлить и наложить цвета.

5. Пипетка для глаз^{(Eye Dropper)}

Eye Dropper — хороший вариант выбора цвета для Chrome с несколькими бонусами, которые могут вам понравиться.

1. Нажмите кнопку расширения на панели инструментов.
2. Выберите «Выбрать цвет с веб-страницы»^{(Pick color from web page)} и наведите курсор на цвет. При перемещении указателя вы увидите значения HEX и RGB в правом нижнем углу окна браузера.
3. Щелкните^(Click) цвет, чтобы сохранить его в списке расширений.
4. Когда вы снова откроете расширение, вы увидите цветовые коды HEX , HSL и RGB вместе с названием этого цвета в разделе « Выбранный^(Selected) цвет». 

Дополнительные возможности:

• Используйте вкладку «Палитра цветов», чтобы смешивать собственные цвета .^{(Color Picker)}
• Экспортируйте^(Export) свою историю цветов в виде файла CSV с цветовыми кодами.^(CSV)
• Настройте^(Adjust) параметры копирования в буфер обмена, изменения внешнего вида указателя и отключения информации о цвете при перемещении курсора.

6. Черная креветка^{(Black-shrimp)}

Если вы хотите определить цвета, а затем сгруппировать их для быстрого доступа, посмотрите Black-shrimp .

1. Нажмите кнопку расширения на панели инструментов. Откроется небольшое окно надстройки слева.
2. Наведите курсор на цвет, который хотите идентифицировать, и щелкните.
3. Вы сразу же увидите HEX - код в окне. Используйте раскрывающийся список рядом с определенным цветом, чтобы просмотреть цветовые коды RGB или HSL .
4. Чтобы сохранить цвет, выберите знак плюса^{(plus sign)} в нижней части окна.

Дополнительные возможности:

• Добавьте группу с помощью значка папки^(folder) и перетащите в нее сохраненные цвета.
• Экспортируйте^(Export) сохраненные цвета в виде файла ASE ( Adobe Swatch Exchange ).
• Используйте^(Use) сочетания клавиш, чтобы добавить цвет, создать группу, удалить или экспортировать.

7. Легкая палитра цветов^{(Easy Color Picker)}

Если модные дополнительные функции не для вас, и вы хотите простое расширение, взгляните на Easy Color Picker .

1. Нажмите кнопку расширения на панели инструментов.
2. Нажмите кнопку^(Pick) «Выбрать» в правом верхнем углу и наведите курсор на цвет. При перемещении указателя вы увидите значения HEX и RGB в правом нижнем углу окна браузера.
3. Щелкните нужный^(Click) цвет, а затем снова откройте расширение с помощью кнопки, чтобы просмотреть коды HEX , RGB и HSL .

Хотя для цветовых кодов нет простых вариантов копирования, вы можете щелкнуть правой кнопкой мыши внутри каждого поля и выбрать « Копировать^(Copy) » , если вам нужно вставить значения в другое место.

8. Палитра цветов Colorfly^{(Colorfly Color Picker)}

Подобно Easy Color Picker , это Colorfly Color Picker . Возьмите^(Grab) цвет, просмотрите код и скопируйте значения, если это необходимо.

1. Нажмите кнопку расширения на панели инструментов.
2. Нажмите кнопку «Выбрать цвет^{(Pick Color)} » и наведите курсор на цвет. При перемещении курсора вы можете просматривать значения HEX и RGB в правом нижнем углу окна браузера.
3. Щелкните нужный^(Click) цвет, и вы увидите коды HEX , RGB и HSL в окне расширения. Выберите^(Select) любой цветовой код, чтобы скопировать его в буфер обмена.

9. Палитра цветов^{(Color Picker)} (от kipelovvycheslav)

Еще одно базовое расширение для браузера Chrome^{(Chrome browser extension)} имеет то же имя, что и другое в нашем списке, Color Picker , на этот раз от kipelovvycheslav.

1. Нажмите кнопку расширения на панели инструментов.
2. Наведите курсор на цвет, который хотите идентифицировать, и щелкните.
3. Снова откройте расширение, чтобы увидеть цветовые коды HEX , HSL и RGB .

10. Умная палитра цветов^{(Smart Color Picker)}

Последнее, простое расширение Chrome без наворотов — Smart Color Picker .

1. Нажмите кнопку расширения на панели инструментов.
2. Нажмите кнопку «Выбрать цвет^{(Pick Color)} » и наведите курсор на цвет. При перемещении курсора вы увидите значения HEX и RGB в правом нижнем углу окна браузера.
3. Щелкните нужный^(Click) цвет, а затем снова откройте расширение с помощью кнопки, чтобы просмотреть коды HEX , RGB и HSL . Выберите^(Select) любой цветовой код, чтобы скопировать его в буфер обмена.

Надеемся, что хотя бы одна из этих палитр цветов расширения Chrome — это именно то, что вам нужно. Любите ли вы дополнительные функции или предпочитаете простоту, все они отличные варианты.

Чтобы получить дополнительную помощь, посмотрите, как установить или удалить расширения в 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 лучших VPN-расширения Chrome для безопасного просмотра веб-страниц

• 9 лучших расширений OpenOffice, которые вы должны установить прямо сейчас

• 6 Best Reddit Alternatives Вы можете использовать бесплатно

• 6 Best Online Paraphrasing Tools до Rewrite Text

• 7 Best Apps and Websites в часы Videos Together

• 6 лучших мобильных платежных приложений

• Apple Wallet против Google Pay — что лучше?

• 10 лучших шаблонов Evernote

• Best Free Karaoke Software для Windows

• 5 Best Apps для покупки Stocks для Free

• 9 лучших бесплатных автономных GPS-приложений для Android

• 14 лучших приложений для Android для продажи подержанных вещей на месте (2022 г.)

• 7 лучших программ для чтения PDF для Windows в 2020 году

• 5 Best Spotify Alternatives для Music Streaming

• Best Apps, чтобы сделать Video Calls Between Android and iPhone

• 9 Best Discord Voice Changer Software (2021)

• 7 Best iTunes Альтернативы для управления вашим Music Collection

• 12 Best Free Android Calculator Apps and Widgets

• 13 Best бесплатные альтернативы Microsoft Visio

• 5 Best Video Converters для Android