Ajuda para o ColorZilla para Firefox

Conta-gotas

  • Clique no ícone da barra de ferramentas ColorZilla
  • No Windows, o conta-gotas é ativado automaticamente - passe sobre o pixel que deseja amostrar e clique nele. No Mac e outras plataformas, selecione "Selecionar Cor da Página".
  • A monitorização para e o último valor de cor amostrado é memorizado.
  • 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 última localização".

voltar aos Conteúdos

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, modificando diretamente seus componentes nas caixas de edição, ou clicando nas paletas de cores.
  • Escolha os botões de rádio perto dos 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 aos Conteúdos

Analisador de Cores de Página Web

  • Inicie-o a partir do menu principal do ColorZilla.
  • Permite-lhe analisar as cores dos elementos DOM em qualquer página 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 aos Conteúdos

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 atualmente parte do painel do Seletor de Cores.

voltar aos Conteúdos

Ferramentas de Inspeção DOM

  • O 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
  • O ColorZilla pode delinear os elementos atuais quando passa o mouse sobre eles. Certifique-se de que Opções > Destacar Elementos em Hover está ativado para ligar isto.

voltar aos Conteúdos

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 > Ativado e escolha o seu 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 contorno do elemento atual pode ser ativado e desativado 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 aos Conteúdos

Instalar o ColorZilla

Ferramentas online

Gerador de Gradiente CSS

Patrocinador

Documentação

Características

Ajuda

Capturas de ecrã

Histórico de versões

Traduzir

Ver também

Flickriver

iosart.com

Partilhar e seguir

Feedback

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