Sabe quando você precisa saber a cor específica de uma imagem na internet? Com a extensão ColorZilla é super fácil e gratuito. Você pode instalá-lo no Google Chrome e no Mozilla Firefox e com ele consegue descobrir o código de uma cor específica em um site.
Instalando o Colorzilla no Chrome:
- Abra uma página do Google e clique nos 3 pontinhos à direita (1)
- Clique em Mais ferramentas (2)
- Clique em Extensões (3)
A página de extensões do Chrome irá abrir e agora é só clicar em: Abrir a Chrome Web Store.
- Na caixa de diálogo Extensões de pesquisa, digite colorzilla
- Dê um clique no ColorZilla
- Clique em Usar no Chrome
- Clique em Adicionar Extensão
Como fixar o ColorZilla em seu painel de extensões
- Abra uma nova guia no Google Chrome e clique no ícone Extensões (1)
- Clique no pino do ColorZilla para que ele fique fixo (2). Ele vai ficar da cor azul quando estiver fixo.
Instalando o Colorzilla no Firefox
- Abra uma página do Google e clique nas 3 linhas à direita (1)
- Clique em Extensões e temas (2)
Quando a página de Extensões e temas abrir, digite colorzilla na caixa de busca (1)
Aqui nesse vídeo, mostro o passo a passo para instalar o ColorZilla. Diferente do Chrome, no Firefox o ícone do ColorZilla é fixado automaticamente (observe o ícone em forma de conta gotas no final do vídeo).
Extraindo a cor de uma imagem
- Clique no ícone do ColorZilla (conta gotas)
- Clique em Pick color from page (Escolher cor da página)
- No vídeo, mostro as diversas cores que existem nessa imagem (observe como a cor muda no quadradinho colorido que está à esquerda, em cima da imagem)
- Posicione o cursor na cor que você deseja e solte. Agora a cor já está arquivada no ColorZilla. Você também consegue ver o histórico de cores que extraiu.
Aqui você pode ver que a cor escolhida, foi a #e3548d. Assim, sei a cor exata daquele pedacinho da imagem.
Cada cor possui um RGB. Esse sistema de cores é formado pelas iniciais das cores em inglês Red, Green e Blue, que significam respectivamente em português, Vermelho, Verde e Azul.
Caso você queira pesquisar mais sobre essas siglas de cores, dê uma olhadinha aqui link.
Deixe um comentário