Firefox: como identificar uma cor específica em uma página da web

Se você é um designer, provavelmente presta atenção ao design das coisas que usa, procurando inspiração ou ideias que gostaria de adotar. Os sites não são diferentes e uma das partes principais do design de sites é o uso de cores. Se você localizar um site com a cor perfeita para um projeto no qual está trabalhando ou no qual está pensando, provavelmente desejará descobrir exatamente de que cor é. Embora você possa fazer uma captura de tela, abri-la em um editor de imagens e, em seguida, olhar para os valores RGB, esse processo é lento. O Firefox, na verdade, possui uma ferramenta de seleção de cores embutida para que você possa economizar tempo e obter o valor exato no formato de cor HTML hexadecimal usado na web.

Como usar o seletor de cores

O seletor de cores do Firefox pode ser encontrado na barra de ferramentas do desenvolvedor. Para acessá-lo, clique no ícone do menu de hambúrguer no canto superior direito e, em seguida, clique em “Web Developer” que pode ser encontrado em quarto lugar na parte inferior.

Firefox: como identificar uma cor específica em uma página da web

Clique no ícone do menu de hambúrguer no canto superior direito e clique em “Desenvolvedor da Web”.

Na lista de ferramentas do desenvolvedor web, clique em “Conta-gotas” e a ferramenta conta-gotas será aberta.

Dica: a ferramenta conta-gotas não pode ser movida entre as guias ou janelas, portanto, certifique-se de abri-la na guia em que deseja usá-la. Você também não conseguirá rolar a página, então certifique-se de estar dentro o lugar certo na página. Embora você possa tecnicamente aumentar e diminuir o zoom, isso fará com que a centralização do seletor de cores seja interrompida, tornando-o muito mais difícil de usar com precisão.

Firefox: como identificar uma cor específica em uma página da web

Na lista de ferramentas de desenvolvedor web, selecione “Conta-gotas”.

A ferramenta conta-gotas seguirá o mouse pela janela, então mova o quadrado realçado central sobre a cor que deseja selecionar. O nível de zoom é preciso o suficiente para permitir que você veja e escolha facilmente a cor de um pixel específico.

O código de cor HTML do pixel é exibido na pequena caixa abaixo da ferramenta de zoom, mas também será copiado para a área de transferência se você clicar na cor desejada. Esteja ciente de que clicar irá fechar o seletor de cores, forçando você a reabri-lo se quiser escolher várias cores.

Firefox: como identificar uma cor específica em uma página da web

Mova o mouse sobre o pixel específico que você gosta da cor e, em seguida, anote o código de cor HTML ou clique para copiá-lo para a área de transferência.



Leave a Comment

Como forçar o Google Chrome a sempre mostrar URLs completos

Como forçar o Google Chrome a sempre mostrar URLs completos

O Chrome, por padrão, não mostra o URL completo. Você pode não se importar muito com esse detalhe, mas se por algum motivo precisar que o URL completo seja exibido, instruções detalhadas sobre como fazer o Google Chrome exibir o URL completo na barra de endereço.

Como recuperar o Reddit antigo

Como recuperar o Reddit antigo

O Reddit mudou seu design mais uma vez em janeiro de 2024. O redesenho pode ser visto por usuários de navegadores de desktop e restringe o feed principal ao mesmo tempo que fornece links

Como copiar conteúdo de livros didáticos com o Google Lens

Como copiar conteúdo de livros didáticos com o Google Lens

Digitar sua frase favorita do seu livro no Facebook é demorado e cheio de erros. Aprenda a usar o Google Lens para copiar texto de livros para seus dispositivos.

Corrigir endereço DNS do servidor não encontrado no Chrome

Corrigir endereço DNS do servidor não encontrado no Chrome

Às vezes, quando você está trabalhando no Chrome, você não consegue acessar determinados sites e recebe um erro “O endereço DNS do servidor de correção não foi encontrado no Chrome”. Veja como você pode resolver o problema.

Guia rápido sobre como criar lembretes no Google Home

Guia rápido sobre como criar lembretes no Google Home

Os lembretes sempre foram o grande destaque do Google Home. Eles certamente tornam nossa vida mais fácil. Vamos fazer um tour rápido sobre como criar lembretes no Google Home para que você nunca deixe de cuidar de tarefas importantes.

Netflix: alterar senha

Netflix: alterar senha

Como alterar sua senha no serviço de streaming de vídeo Netflix usando seu navegador preferido ou aplicativo Android.

Como desativar o prompt de restauração de páginas no Microsoft Edge

Como desativar o prompt de restauração de páginas no Microsoft Edge

Se você quiser se livrar da mensagem Restaurar páginas no Microsoft Edge, simplesmente feche o navegador ou pressione a tecla Escape.

Bitwarden: Como alterar sua dica de senha mestra

Bitwarden: Como alterar sua dica de senha mestra

Se a dica de senha do Bitwarden puder ser melhorada, estas são as etapas para alterá-la em menos de um minuto.

Imagens que não aparecem no Google Doc: por que e como corrigir

Imagens que não aparecem no Google Doc: por que e como corrigir

Se suas imagens não aparecerem em um Documento Google, o problema pode ocorrer por vários motivos. Aqui estão algumas soluções potenciais

Ocultar e exibir linhas e colunas no Planilhas Google

Ocultar e exibir linhas e colunas no Planilhas Google

Domine o aplicativo Planilhas Google aprendendo como ocultar e exibir colunas. Você pode fazer isso em computadores e dispositivos móveis.