As melhores extensões do Chrome Picker para obter códigos de cores HEX, RGB e HSL

As melhores extensões do Chrome Picker para obter códigos de cores HEX, RGB e HSL

Seja você um web designer, artista ou somente uma pessoa que quer combinar cores, o Google Chrome fornece muitos complementos na Chrome Web Store que podem auxiliar.

Usando uma extensão do seletor de cores do Chrome, você pode ter os valores HEX, RGB ou HSL para quaisquer cor que quiser na web. Basta apontar o cursor para a cor e ter o código preciso para corresponder à cor.

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

1. Ferramenta de seleção de cores - Geco

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

  1. Selecione o botão de extensão em sua barra de ferramentas.
  2. Aponte o cursor para a cor que quer identificar.
  3. Clique para salvar a cor na lista de extensões.

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

Características adicionais:

  • Copie de forma automatica o código de cores HEX para a área de transferência para facilitar a colagem onde preciso.
  • Baixe um arquivo CSV de sua paleta de cores com códigos HEX, RGB e HSL.
  • Ajuste as configurações para copiar para a área de transferência, habilitar uma notificação e tocar com o botão direito.

2. AKColor

Use a ferramenta conta-gotas do AKColor para pegar o código de cores de quaisquer website que você confira na web.

  1. Selecione o botão de extensão em sua barra de ferramentas.
  2. Escolha o conta- gotas à esquerda e aponte o cursor para a cor que quer identificar.
  3. Clique para visualizar os códigos de cores junto com a cor mais seguinte e a cor média da área.

Você vai ver uma bela janela pop-up com os códigos de cores para RGB, RGBA, HEX, HSL e HSLA. Escolha quaisquer um dos códigos para copiar os valores de cores para a área de transferência. Em seguida, escolha Escolher novamente ou Fechar.

Características adicionais:

  • Use o Color Converter e o Gradient Generator embutidos na extensão.
  • Aproveite os atalhos de teclado para uma identificação de cor rápida e simples.
  • Ajuste 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

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

  1. Selecione o botão de extensão em sua barra de ferramentas.
  2. Escolha Escolha sua cor e escolha o conta- gotas.
  3. Aponte o cursor para a cor que quer identificar. Isso pode ser em um website, na sua área de trabalho ou em outro app.
  4. Clique para salvar a cor na extensão.

Você vai 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, desça até a seção em baixo e utilize os ícones de cópia.

Recurso de bônus

Com Pick Color, você pode identificar de forma rápida uma cor em uma página da web e copiar o código HEX para a área de transferência com poucos cliques.

  1. Clique com o botão direito do mouse na página da Web e escolha Escolha uma cor na página no menu de atalho.
  2. Mova o cursor para a cor e você vai ver o código HEX anexado.
  3. Clique para copiar o código HEX da cor para a área de transferência.

4. Seletor de cores (por linangdata. com)

Para outra extensão do Chrome com funcionalidades extras úteis, dê uma olhada no Color Picker de linangdata. com.

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

Características adicionais:

  • Use a guia Color Picker para mostrar cores primárias com seus códigos de cores.
  • Experimente a guia Escala de cores para ver diferentes tonalidades de cores com seus códigos de cores.
  • Confira a guia Color Blender para multiplicar, escurecer, clarear e sobrepor cores.

5. Conta-gotas

O conta-gotas é uma boa opção de seleção de cores para o Chrome com poucos bônus que você pode gostar.

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

Características adicionais:

  • Use a guia Color Picker para misturar suas próprias cores.
  • Exporte seu histórico de cores como um arquivo CSV com os códigos de cores.
  • Ajuste as configurações para copiar para a área de transferência, alterando a aparência do ponteiro e desativando as dados de cores como foi você move o cursor.

6. Camarão preto

Se você quer identificar as cores e agrupá-las para entrada breve, verifique Black-shrimp.

  1. Selecione o botão de extensão em sua barra de ferramentas. Isso abre a pequena janela do complemento à esquerda.
  2. Aponte o cursor para a cor que quer identificar e toque.
  3. Você vai ver imediatamente o código HEX na janela. Use a caixa suspensa ao lado da cor identificada para ver os códigos de cores RGB ou HSL.
  4. Para salvar a cor, escolha o sinal de mais na parte inferior da janela.

Características adicionais:

  • Adicione um grupo utilizando o ícone de pasta e arraste as cores salvas para ele.
  • Exporte suas cores salvas como um arquivo ASE (Adobe Swatch Exchange).
  • Use atalhos de teclado para acrescentar uma cor, desenvolver um grupo, retirar ou exportar.

7. Seletor de cores fácil

Se funcionalidades extras sofisticados não são para você e você quer uma extensão fácil, dê uma olhada no Easy Color Picker.

  1. Selecione o botão de extensão em sua barra de ferramentas.
  2. Escolha o botão escolher no canto poderoso direito e aponte o cursor para a cor . Ao mover o ponteiro, você vai ver os valores HEX e RGB no canto inferior direito da janela do navegador.
  3. Clique na cor desejada e reabra a extensão com o botão para ver os códigos HEX, RGB e HSL.

Embora não haja opções de cópia fácil para os códigos de cores, você pode tocar com o botão direito dentro de cada caixa e escolher Copiar se precisar colar os valores em outro lugar.

8. Seletor de cores Colorfly

Semelhante ao Easy Color Picker é o Colorfly Color Picker. Pegue a cor, visualize o código e copie os valores, se preciso.

  1. Selecione o botão de extensão em sua barra de ferramentas.
  2. Escolha o botão Escolher cor e aponte o cursor para a cor. Ao mover o cursor, você pode ver os valores HEX e RGB no canto inferior direito da janela do navegador.
  3. Clique na cor desejada e você vai ver os códigos HEX, RGB e HSL na janela da extensão. Selecione quaisquer código de cor para copiá-lo para a área de transferência.

9. Seletor de cores (por kipelovvycheslav)

Outra extensão básica do navegador Chrome tem o mesmo nome de outra em nossa lista, Color Picker, esta de kipelovvycheslav.

  1. Selecione o botão de extensão em sua barra de ferramentas.
  2. Aponte o cursor para a cor que quer identificar e toque.
  3. Reabra a extensão para visualizar os códigos de cores HEX, HSL e RGB.

10. Seletor de Cores Inteligente

Uma extensão final e fácil do Chrome sem sinos e assobios é o Smart Color Picker.

  1. Selecione o botão de extensão em sua barra de ferramentas.
  2. Escolha o botão Escolher cor e aponte o cursor para a cor. Ao mover o cursor, você vai ver os valores HEX e RGB no canto inferior direito da janela do navegador.
  3. Clique na cor desejada e reabra a extensão com o botão para ver os códigos HEX, RGB e HSL. Selecione quaisquer 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ê necessita. Quer você goste de funcionalidades extras ou prefira mantê-los fácil, todos são ótimas opções.

Para ter ajuda adicional, confira como instalar ou retirar extensões no Chrome.