Seja você um web designer , artista ou apenas uma pessoa que deseja combinar cores, o Google Chrome^{(Google Chrome)} oferece vários complementos na Chrome Web Store que podem ajudar.

Usando uma extensão do Chrome^(Chrome) do seletor de cores , você pode obter os valores HEX , RGB ou HSL para qualquer cor que desejar na web. Basta^(Simply) apontar o cursor para a cor e obter o código necessário para corresponder à cor.

Aqui estão 10 extensões do seletor de cores do Chrome , começando com aquelas que possuem recursos e funcionalidades extras que você pode gostar.

1. Ferramenta Seletor de Cores – Geco^{(Color Picker Tool – Geco)}

Você pode obter um código de cores para qualquer cor que você vê em uma página da web com a Color Picker Tool – Geco .

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Aponte o cursor para a cor que você deseja identificar.
3. Clique^(Click) para salvar a cor na lista da extensão.

Você verá os códigos HEX , RGB e HSL nas seções ^(HSL)Novo^(New) e Selecionado^(Picked) da janela da extensão. Selecione uma cor anterior que você identificou e verá esses códigos na seção Novo^(New) .

Características adicionais:

• Copie automaticamente o código de cores HEX para a área de transferência para colar facilmente onde for necessário.
• Baixe^(Download) um arquivo CSV de sua paleta de cores com códigos HEX , RGB e HSL .
• Ajuste^(Adjust) as configurações para copiar para a área de transferência, ativar uma notificação e clicar com o botão direito do mouse.

2. AKCor^(AKColor)

Use a ferramenta conta-gotas do AKColor para pegar o código de cores de qualquer site que você veja na web.

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Escolha o conta- gotas^(eyedropper) à esquerda e aponte o cursor para a cor que deseja identificar.
3. Clique^(Click) para ver os códigos de cores junto com a cor mais próxima e a cor média da área.

Você verá uma bela janela pop-up com os códigos de cores para RGB , RGBA , HEX , HSL e HSLA . Escolha^(Choose) qualquer um dos códigos para copiar os valores de cor para a área de transferência. Em seguida, selecione Escolher novamente^{(Pick Again)} ou Fechar^{( Close)} .

Características adicionais:

• Use o Color Converter e o Gradient Generator embutidos na extensão.
• Aproveite^(Take) os atalhos de teclado para uma identificação de cores rápida e fácil.
• Ajuste^(Adjust) as configurações para o modo noturno, a interface, o tamanho da lupa de pixel, o nível de zoom e muito mais.

3. Escolha a cor^{(Pick Color)}

Se você estiver procurando por um seletor de cores que possa ser usado em outros locais, e não apenas na Web, o Pick Color é a ferramenta para você.

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Escolha Choose Your Color e, em seguida, selecione o conta- gotas^(eyedropper) .
3. Aponte o cursor para a cor que você deseja identificar. Isso pode ser em um site, sua área de trabalho ou em outro aplicativo.
4. Clique^(Click) para salvar a cor na extensão.

Você verá os códigos de cores HEX , RGB e HSL na janela da extensão. Você pode copiar o código HEX selecionando o ícone de cópia à direita dele. Para copiar os valores RGB ou HSL , vá para a seção abaixo e use esses ícones de cópia.

Recurso de bônus^{(Bonus Feature)}

Com Pick Color , você pode identificar rapidamente uma cor em uma página da Web e copiar o código HEX para sua área de transferência com apenas alguns cliques.

1. Clique com o botão direito do mouse na página da Web e selecione Escolher uma cor na página^{(Pick a color on the page)} no menu de atalho.
2. Mova o cursor para a cor e você verá o código HEX anexado.
3. Clique^(Click) para copiar o código HEX da cor para a área de transferência.

4. Seletor de cores^{(Color Picker)} (por linangdata.com)

Para outra extensão do Chrome com recursos extras úteis^{(Chrome extension with useful extra features)} , dê uma olhada no Color Picker em linangdata.com.

1. Selecione o botão de extensão na barra de ferramentas e vá para a guia Conta -gotas.^(Eyedropper)
2. Escolha Conta^(Eyedropper) -gotas e aponte o cursor para a cor. Você verá o código HEX aparecer conforme você move o ponteiro.
3. Clique^(Click) para salvar a cor na lista de extensões e copie o código HEX para sua área de transferência ao mesmo tempo.
4. Reabra a extensão com o botão da barra de ferramentas e você verá os códigos HEX , RGB , HSL , HSV e CMYK . Selecione o ícone de cópia à direita de qualquer um dos códigos para colocá-lo em sua área de transferência.

Características adicionais:

• Use a guia Color Picker para exibir cores primárias com seus códigos de cores.
• Experimente a guia Escala de cores^{(Color Scale )} para visualizar diferentes tons de cores com seus códigos de cores.
• Confira a guia Color Blender para multiplicar, escurecer, clarear e sobrepor cores.

5. Conta-gotas^{(Eye Dropper)}

O Eye Dropper^{(Eye Dropper)} é uma boa opção de escolha de cores para o Chrome com alguns bônus que você pode gostar.

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Escolha Escolher cor da página da web^{(Pick color from web page)} e mova o cursor para a cor. Ao mover o ponteiro, você verá os valores HEX e RGB no canto inferior direito da janela do navegador.
3. Clique^(Click) na cor para salvá-la na lista da extensão.
4. Ao reabrir a extensão, você verá os códigos de cores HEX , HSL e RGB junto com o nome dessa cor na seção Cor selecionada^(Selected) . 

Características adicionais:

• Use a guia Color Picker para misturar suas próprias cores.
• Exporte^(Export) seu histórico de cores como um arquivo CSV com os códigos de cores.
• Ajuste^(Adjust) as configurações para copiar para a área de transferência, alterar a aparência do ponteiro e desativar as informações de cor à medida que você move o cursor.

6. Camarão preto^{(Black-shrimp)}

Se você deseja identificar cores e agrupá-las para acesso rápido, confira o Black-shrimp .

1. Selecione o botão de extensão na sua barra de ferramentas. Isso abre a pequena janela do complemento à esquerda.
2. Aponte o cursor para a cor que deseja identificar e clique.
3. Você verá imediatamente o código HEX na janela. Use a caixa suspensa ao lado da cor identificada para visualizar os códigos de cores RGB ou HSL .
4. Para salvar a cor, selecione o sinal de mais^{(plus sign)} na parte inferior da janela.

Características adicionais:

• Adicione um grupo usando o ícone de pasta e arraste as cores salvas para ele.^(folder)
• Exporte^(Export) suas cores salvas como um arquivo ASE ( Adobe Swatch Exchange ).
• Use atalhos de teclado para adicionar uma cor, criar um grupo, excluir ou exportar.

7. Selecionador de cores fácil^{(Easy Color Picker)}

Se recursos extras sofisticados não são para você e você deseja uma extensão simples, dê uma olhada no Easy Color Picker .

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Escolha o botão Escolher^(Pick) no canto superior direito e aponte o cursor para a cor. Ao mover o ponteiro, você verá os valores HEX e RGB no canto inferior direito da janela do navegador.
3. Clique^(Click) na cor desejada e reabra a extensão com o botão para visualizar os códigos HEX , RGB e HSL .

Embora não haja opções de cópia simples para os códigos de cores, você pode clicar com o botão direito do mouse em cada caixa e selecionar Copiar^(Copy) se precisar colar os valores em outro lugar.

8. Seletor de cores Colorfly^{(Colorfly Color Picker)}

Semelhante ao Easy Color Picker é o Colorfly Color Picker^{(Colorfly Color Picker)} . Pegue^(Grab) a cor, visualize o código e copie os valores, se necessário.

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Escolha o botão Escolher cor^{(Pick Color)} e aponte o cursor para a cor. Conforme move o cursor, você pode visualizar os valores HEX e RGB no canto inferior direito da janela do navegador.
3. Clique^(Click) na cor desejada e você verá os códigos HEX , RGB e HSL na janela da extensão. Selecione^(Select) qualquer código de cor para copiá-lo para a área de transferência.

9. Seletor de cores^{(Color Picker)} (por kipelovvycheslav)

Outra extensão básica do navegador Chrome^{(Chrome browser extension)} tem o mesmo nome de outra em nossa lista, Color Picker , esta de kipelovvycheslav.

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Aponte o cursor para a cor que deseja identificar e clique.
3. Reabra a extensão para ver os códigos de cores HEX , HSL e RGB .

10. Seletor de cores inteligente^{(Smart Color Picker)}

Uma extensão final e simples do Chrome , sem sinos e assobios, é o Smart Color Picker^{(Smart Color Picker)} .

1. Selecione o botão de extensão na sua barra de ferramentas.
2. Escolha o botão Escolher cor^{(Pick Color)} e aponte o cursor para a cor. Ao mover o cursor, você verá os valores HEX e RGB no canto inferior direito da janela do navegador.
3. Clique^(Click) na cor desejada e reabra a extensão com o botão para visualizar os códigos HEX , RGB e HSL . Selecione^(Select) qualquer código de cor para copiá-lo para a área de transferência.

Espero que pelo menos um desses seletores de cores de extensão do Chrome seja exatamente o que você precisa. Se você gosta de recursos extras ou prefere simplificar, todos eles são ótimas opções.

Para obter ajuda adicional, veja como instalar ou remover extensões no 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 melhores extensões de VPN do Chrome para navegação segura na Web

• 9 melhores extensões do OpenOffice que você deve instalar agora

• 6 Best Reddit Alternatives Você pode usar gratuitamente

• A 6 Best Online Paraphrasing Tools para Rewrite Text

• 7 Best Apps and Websites para assistir Videos Together

• 6 melhores aplicativos de pagamento móvel

• Melhores ferramentas para copiar um grande número de arquivos no Windows

• 10 melhores bots de discórdia que todo proprietário de servidor deve experimentar

• A 5 Best Cash Advance Apps para iPhone and Android

• 15 melhores aplicativos Amazon Fire Stick que você deve instalar primeiro

• 7 Best iTunes alternativas para gerenciar o seu Music Collection

• Os 6 Best Pregnancy Apps de 2021

• Qual é o melhor gerenciador de arquivos para Android? Nós olhamos para 5

• 7 Best Apps para ajudá-lo a estudar melhor

• A 6 Best PDF Editors para Windows 10 em 2021

• O 4 Best Android Office Suites Besides Google and Microsoft

• 10 Best Apps para medir sua produtividade

• 4 Best Apps para Remotely View um Webcam em iOS and Android

• Os melhores scanners de vírus e malware GARANTIDOS para eliminar qualquer vírus

• Melhor software de streaming do Twitch para Windows e Mac