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

Publicados: 2022-03-24

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

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

Índice

    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

    Você pode obter um código de cor 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 barra de ferramentas.
    2. Aponte o cursor para a cor que você deseja identificar.
    3. Clique para salvar a cor na lista da extensão.

    Você 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 verá esses códigos na seção Novo .

    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 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, ativar uma notificação e clicar com o botão direito do mouse.

    2. AKCor

    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 barra de ferramentas.
    2. Escolha o conta- gotas à esquerda e aponte o cursor para a cor que deseja identificar.
    3. Clique 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 qualquer um dos códigos para copiar os valores de cor para a área de transferência. Em seguida, selecione 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 cores rápida e fácil.
    • 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 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 barra de ferramentas.
    2. Escolha Choose Your Color e, em seguida, selecione o conta- gotas .
    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 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

    Com o Pick Color, você pode identificar rapidamente uma cor em uma página da Web e copiar o código HEX para a á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 no menu de atalho.
    2. Mova o cursor para a cor e você 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 recursos extras úteis, dê uma olhada no Color Picker de linangdata.com.

    1. Selecione o botão de extensão na barra de ferramentas e vá para a guia Conta -gotas.
    2. Escolha Conta -gotas e aponte o cursor para a cor. Você verá o código HEX aparecer conforme 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ê 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 na á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 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

    O 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 barra de ferramentas.
    2. Escolha Escolher cor da página da web 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 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 .

    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, alterar a aparência do ponteiro e desativar as informações de cor à medida que você move o cursor.

    6. Camarão preto

    Se você deseja identificar cores e agrupá-las para acesso rápido, confira Camarão preto.

    1. Selecione o botão de extensão na 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 na parte inferior da janela.

    Características adicionais:

    • Adicione um grupo usando 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 adicionar uma cor, criar um grupo, excluir ou exportar.

    7. Selecionador de cores fácil

    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 barra de ferramentas.
    2. Escolha o botão Escolher 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 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 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 necessário.

    1. Selecione o botão de extensão na barra de ferramentas.
    2. Escolha o botão Escolher cor 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 na cor desejada e você verá os códigos HEX, RGB e HSL na janela da extensão. Selecione qualquer 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 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

    Uma extensão final e simples do Chrome, sem sinos e assobios, é o Smart Color Picker.

    1. Selecione o botão de extensão na sua barra de ferramentas.
    2. Escolha o botão Escolher cor 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 na cor desejada e reabra a extensão com o botão para visualizar os códigos HEX, RGB e HSL. Selecione 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.