6 melhores extensões do Chrome do seletor de cores

Publicados: 2022-03-24

Se você é um designer que usa o Google Chrome como navegador principal, com certeza precisa de uma extensão de seletor de cores para o Chrome. Você não pode prever onde encontraria designs e paletas de cores impressionantes, certo? Portanto, uma extensão do Chrome para esse fim será útil. Você pode simplesmente se concentrar na cor e copiar seu código, não importa onde esteja.

Como existem milhares de designers e desenvolvedores, não há escassez de extensões do Chrome para escolher cores. Mas uma extensão aleatória não vai ajudar. É por isso que compilamos uma lista das melhores extensões de seletor de cores para o Chrome. Neste artigo, você pode encontrar seis ferramentas de extensão do seletor de cores para designers. Antes de fazermos isso, precisamos falar sobre o seletor de cores embutido no Google Chrome.

Índice
  • Como usar o seletor de cores integrado no Google Chrome?
  • Lista de extensão do seletor de cores para Chrome
  • perguntas frequentes
  • Conclusão

Como usar o seletor de cores integrado no Google Chrome?

Muitas pessoas não sabem, mas o Google Chrome possui uma ferramenta de seleção de cores integrada. Se você não quiser usar uma extensão de terceiros, recomendamos esta ferramenta. No entanto, devemos avisá-lo que não é a opção mais fácil de usar. De qualquer forma, aqui está como você pode usar o seletor de cores integrado no Chrome.

  1. Clique com o botão direito do mouse na página da Web onde você encontrou a cor que deseja escolher
  2. Escolha a opção 'Inspecionar' no menu de contexto. Inspect Page
  3. Agora, você poderá ver as opções do desenvolvedor no Chrome. Developer Options
  4. Na guia Estilos, role para baixo até encontrar uma caixa de cores. Styles Tab
  5. Você pode clicar na caixa de cores e a interface do seletor de cores aparecerá
  6. Agora, você pode mover o seletor de cores para a cor que deseja saber Color Picker
  7. Clique duas vezes na cor e a cor incorporada mostrará o valor HEX e outros detalhes

Você pode copiar este código de cores ou escolher diferentes gradientes no menu. Se você estiver procurando por valores RGB da cor, também poderá encontrá-los. Aqui está o problema: não há atalho para esta ferramenta de seleção de cores. Isso significa que você terá que iniciar as Ferramentas do Desenvolvedor toda vez que quiser escolher uma cor. Acreditamos que não será uma opção conveniente para a maioria das pessoas. É também por isso que recomendamos escolher uma extensão dedicada do Chrome para essa finalidade.

Então, escolhemos uma variedade de extensões de seletor de cores para esta compilação. Alguns desses artigos oferecem alguns recursos adicionais, enquanto outros são mínimos. Com base no designer que você é, você pode fazer a escolha certa.

Lista de extensões do seletor de cores para o Chrome

#1 ColorZilla

Colorzilla
Obter ColorZilla
Avaliação geral: 9/10
Interface de usuário 9/10
Recursos 9/10
atuação 9,5 /10
Apoio, suporte 8,5 /10
Preços 9/10

ColorZilla é provavelmente a melhor extensão do seletor de cores para o Chrome que você pode obter hoje. Com mais de 3 milhões de usuários e 4,4 de 5 classificações, esta extensão do Chrome traz o melhor dos dois mundos. Uma vez instalado, você pode encontrar o botão ColorZilla na barra de extensão. Você pode encontrar várias opções clicando no botão — e a primeira opção se chama Escolher cor na página. Esta opção converte seu cursor em um seletor de cores e você pode clicar na cor que deseja capturar. Em um segundo, o ColorZilla mostrará o valor hexadecimal da cor e os valores RGB.

Há também recursos adicionais no pacote. Por exemplo, o seletor de cores avançado funciona de maneira semelhante ao Adobe Photoshop. Você também pode usar o melhor gerador de gradiente CSS se precisar de novas ideias de cores para o seu design. Também adoramos o recurso Webpage Color Analyzer no ColorZilla. Esse recurso fornecerá uma paleta de cores completa do site em um único clique. ColorZilla mantém o controle de todas as cores que você escolhe também. Assim, você sempre pode verificar o histórico para fins de referência.

Ao todo, o ColorZilla é rico em recursos e estável. Você pode usá-lo para escolher uma cor de quase todos os elementos de uma página da Web, incluindo players Flash e HTML5.

#2 Color by Fardos

Color By Fardos
Obter Color by Fardos
Avaliação geral: 8,8 /10
Interface de usuário 8,5 /10
Recursos 9/10
atuação 9/10
Apoio, suporte 8,5 /10
Preços 9/10

Color by Fardos é outra extensão do Chrome em que você pode confiar quando se trata de escolher cores de um site. Ele inclui todos os recursos padrão que você espera de uma extensão do seletor de cores. No entanto, ao contrário do ColorZilla, a extensão Color by Fardos não ocupa muito espaço ou recursos. Por outro lado, você pode desfrutar de alguns recursos úteis, como a sincronização do navegador multi-Chrome. Isso significa que as cores que você escolheu usando um navegador Chrome também estarão disponíveis em outros dispositivos.

A extensão Color by Fardos automatiza algumas coisas também. Por exemplo, você não precisa copiar o HEX da cor selecionada. Sempre que você clicar em uma cor, seu HEX estará na sua área de transferência. Graças ao painel de cores completo, é fácil encontrar gradientes de cores e combinações complementares com facilidade. Você também pode gerar gradientes lineares ou radiais usando a entrada de uma página da web. Por último, mas não menos importante, como a ferramenta usa tecnologia de zoom, você pode ser muito exigente com as cores.

Recomendamos Color by Fardos se você precisar de uma alternativa mais simples ao ColorZilla. Ao mesmo tempo, ele possui muito mais recursos do que o seletor de cores integrado do Chrome.

#3 Conta-gotas Color Pick

Colorpick Eyedropper
Obtenha o conta-gotas ColorPick
Avaliação geral: 8,6 /10
Interface de usuário 8,5 /10
Recursos 9/10
atuação 9,5 /10
Apoio, suporte 8/10
Preços 8/10

O ColorPick Eyedropper deve ser a próxima melhor solução para escolher cores do Google Chrome. Quando se trata de recursos e usabilidade, a extensão fica no meio termo. Embora não tenha tantos recursos quanto o ColorZilla, também não é tão simples quanto o Color by Fardos. Esta extensão é usada por mais de 1.000.000 de usuários e tem uma classificação coletiva de 4,3 de 5. Usar esta extensão também é extremamente simples. Você pode clicar no botão de extensão para ativar o conta-gotas.

Em seguida, você só precisa selecionar a cor que deseja escolher. O ColorPick Eyedropper mostrará os valores RGB e HEX da cor instantaneamente. Além de sua precisão pontual, o ColorPick Eyedropper também possui uma função de zoom ajustável. Como vimos com os outros aplicativos, ele pode escolher cores de elementos de páginas da Web, além de players Flash e HTML5. A extensão se expande para uma paleta de cores completa quando você clica em uma cor específica também.

Portanto, se você precisar de uma boa combinação de recursos e outras opções, confira o ColorPick Eyedropper. Ele não mostra nenhum anúncio e é totalmente gratuito.

#4 Conta-gotas

Eye Dropper
Obter conta-gotas
Avaliação geral: 8,6 /10
Interface de usuário 8,5 /10
Recursos 9/10
atuação 9,5 /10
Apoio, suporte 8/10
Preços 8/10

Eye Dropper é uma extensão seletora de cores ultra-simples para o Google Chrome. Ao contrário das outras extensões que listamos aqui, o Eye Dropper não oferece recursos avançados. Você pode habilitar a extensão, clicar na cor que deseja capturar e obter os valores HEX e RGB. Você também pode conferir o histórico de cores se precisar de algumas referências. Apesar de simples, a extensão Eye Dropper também oferece opções de personalização. Por exemplo, você pode alterar o comportamento de seleção da página da Web e a interface do usuário.

#5 Seletor de cores elegante

Slick Color Picker
Obtenha o seletor de cores liso
Avaliação geral: 8,6 /10
Interface de usuário 8,5 /10
Recursos 9/10
atuação 8,5 /10
Apoio, suporte 8,5 /10
Preços 8,5 /10

O Slick Color Picker é uma das extensões de seletor de cores mais bonitas que você pode encontrar para o Google Chrome. Ao contrário das outras extensões, esta possui uma interface de usuário moderna. Você também pode selecionar cores usando métodos diferentes. Por exemplo, você pode clicar na cor que deseja escolher ou usar o controle deslizante de gradiente. Depois de selecionar um pixel, a ferramenta copiará as informações para sua área de transferência automaticamente. Ele também possui alguns recursos automatizados – como a capacidade de detectar padrões de cores da página da web.

Nº 6 Seletor de cores definitivo

Ultimate Color Picker
Obtenha o melhor seletor de cores
Avaliação geral: 8,6 /10
Interface de usuário 8,5 /10
Recursos 9/10
atuação 8,5 /10
Apoio, suporte 8,5 /10
Preços 8,5 /10

Terminamos esta lista com Ultimate Color Picker, uma extensão que se mantém fiel ao seu nome. No Chrome, essa extensão simples cria uma maneira eficaz de escolher cores e encontrar seus valores RGB. Você também pode encontrar uma lista de todas as cores que escolheu dentro de um período. A função de zoom e os recursos de cópia automática também são ótimos para a maioria dos designers. O seletor de cores no estilo do Photoshop também será útil para profissionais. Por último, mas não menos importante, a extensão Ultimate Color Picker vem com um atalho embutido para iniciar.

Veja também
Corrigir o cursor ou ponteiro do mouse desaparece no navegador da Web Chrome

perguntas frequentes

Frequently Asked Questions

Como adiciono um seletor de cores ao Chrome?

Você pode adicionar um seletor de cores ao Chrome instalando uma das extensões do seletor de cores do Chrome que mencionamos acima. Essa é a maneira mais eficaz de selecionar cores de diferentes partes de uma página da web.

O Chrome tem um seletor de cores?

Sim, o Google Chrome tem um seletor de cores integrado. Você pode acessá-lo nas Opções do desenvolvedor e encontrar um guia detalhado para acessar a ferramenta. Você pode usar esta ferramenta se não gostar de fornecer acesso a dados de extensões de terceiros.

Como usar o seletor de cores oculto do Chrome?

Para usar o seletor de cores oculto no Google Chrome, você precisa clicar com o botão direito do mouse na página da Web, escolher Inspecionar, encontrar uma caixa de cores no menu Estilo e clicar na caixa de cores. Em seguida, o seletor de cores será ativado e você poderá escolher qualquer cor na página da web.

Por que o ColorZilla precisa de permissão para “acessar dados em todos os sites?”

O ColorZilla precisa dessas permissões para poder escolher cores em qualquer lugar do site. No entanto, os desenvolvedores prometem que não vendem ou compartilham os dados coletados.

A linha inferior

Você não acha que as extensões de seleção de cores de terceiros para o Chrome são melhores do que a ferramenta de seleção de cores oculta? Bem, temos motivos para acreditar nisso. Também gostamos de acrescentar que todas as ferramentas que mencionamos aqui são 100% seguras e amigas da privacidade. Assim, você pode usá-los sem preocupações.