Ajuda para o ColorZilla para Chrome

Conteúdos

• Conta-gotas
• Seletor de Cores
• Analisador de Cores de Página Web
• Paleta de Histórico
• Ferramentas de Inspeção DOM
• Opções e Configuração

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