Ajuda do ColorZilla para Chrome

Conta-gotas

  • Clique no ícone da barra de ferramentas ColorZilla
  • No Windows, o conta-gotas é ativado automaticamente - passe sobre o pixel que você deseja amostrar e clique nele. No Mac e outras plataformas, selecione "Selecionar Cor da Página".
  • O monitoramento para e o último valor de cor amostrado é lembrado.
  • Se a cor amostrada for de um elemento dinâmico (como um link em hover) e você quiser a cor original, clique novamente no ícone principal do ColorZilla e escolha "Reamostrar último local".

voltar ao Conteúdo

Seletor de Cores

  • Selecione Seletor de Cores no menu principal do ColorZilla para abrir o Seletor de Cores com a cor atualmente selecionada.
  • Manipule a cor diretamente modificando seus componentes nas caixas de edição, ou clicando nas paletas de cores.
  • Escolha os botões de rádio próximos aos componentes de cor (R/G/B ou H/S/B) para obter uma paleta baseada nesse componente.
  • Use a paleta estreita para alterar o valor do componente selecionado, e a paleta principal para alterar os outros dois.
  • Você pode copiar os valores de cor atuais diretamente das caixas de entrada em vários formatos e colá-los em outro lugar.
  • Pressione "OK" no Seletor de Cores para aceitar a cor selecionada.

voltar ao Conteúdo

Analisador de Cores da Página Web

  • Inicie-o a partir do menu principal do ColorZilla.
  • Permite que você analise as cores dos elementos DOM em qualquer página da Web.
  • Você pode localizar elementos na página que correspondem a uma determinada cor, passando o mouse sobre qualquer cor.
  • Selecione qualquer cor como a cor atual do ColorZilla clicando nela e depois no botão 'Ok'.

voltar ao Conteúdo

Paleta de Histórico

  • Todas as cores amostradas e selecionadas manualmente são automaticamente salvas na Paleta de Histórico.
  • A Paleta de Histórico faz parte atualmente do painel do Seletor de Cores.

voltar ao Conteúdo

Ferramentas de Inspeção DOM

  • ColorZilla pode exibir as seguintes informações DOM sobre o elemento sob o cursor:
    • tag do elemento, classe e id
    • dimensões do elemento em hover
  • ColorZilla pode destacar os elementos atuais ao passar o mouse sobre eles. Certifique-se de que Opções > Destacar Elementos em Hover está habilitado para ativar isso.

voltar ao Conteúdo

Opções e Configuração

  • Auto-copiar - você pode configurar o ColorZilla para copiar automaticamente o valor da cor amostrada para a área de transferência. Selecione Opções > Auto Copiar > Habilitado e escolha o formato de cor preferido.
  • Você pode usar "Copiar Especial..." no menu principal para copiar a cor amostrada para a área de transferência usando vários formatos.
  • O destaque do elemento atual pode ser habilitado e desabilitado usando Opções > Destacar Elementos em Hover.
  • Você pode desativar o início automático do conta-gotas quando o ícone principal do ColorZilla é pressionado.

voltar ao Conteúdo

Instalar ColorZilla

Ferramentas online

Gerador de Gradiente CSS

Patrocinador

Documentação

Recursos

Ajuda

Capturas de tela

Histórico de versões

Traduzir

Veja também

Flickriver

iosart.com

Compartilhe e siga

Feedback

Por favor, envie-nos seus comentários, sugestões, perguntas ou relatórios de bugs.