Seja no design da web e de aplicativos, na transmissão de emoções, na promoção da marca ou na melhoria das experiências do usuário, as cores certamente desempenham um papel vital. No entanto, encontrar a cor ou combinação de cores certa é mais fácil de falar do que fazer. Felizmente, existem algumas ferramentas à nossa disposição para identificar cores específicas em um aplicativo ou site, para que possamos escolher e salvar as cores que nos chamaram a atenção.
Imagine navegar por um site e encontrar a cor perfeita, o tom exato que você precisa para o seu próximo projeto. Bem, então deixe-nos ajudá-lo a encontrar a cor exata dos planos de fundo ou de quaisquer outros elementos em um site ou aplicativo.
Uma das maneiras mais fáceis de obter o código de cores de um site é usar ferramentas da web dedicadas e sites de seleção de cores. Não importa qual navegador você usa, seja baseado em Chromium , com compatibilidade deep web ou o Safari padrão da Apple, este método é aplicável.
Além disso, quer você esteja usando um dispositivo Mac, laptop Windows, iPhone, iPad ou Android, essas ferramentas da web de identificação de cores serão uma adição útil ao seu arsenal. Testamos algumas opções e aqui está a que melhor nos convém.
Passo 1 : Abra seu navegador e vá para ImageColorPicker.com
Etapa 2 : Clique/toque em Usar sua imagem para fornecer o URL do site/imagem ou fazer upload da imagem.
Etapa 3 : agora você pode,
Passo 4 : Depois que a imagem for processada, você pode mover o cursor para escolher a cor.
Etapa 5 : Da mesma forma, você verá o código HEX ou RGB, copie/cole e use-os conforme necessário.
Se você não gosta do ImageColorPicker.com ou deseja mais opções, pode tentar os seguintes sites.
No entanto, ao contrário do ImageColorPicker, esses sites não oferecem suporte a URLs de sites ou imagens. Eles confiam em você para fazer upload de imagens. Então, você terá que fazer capturas de tela, carregá-las e encontrar a cor.
Se você usa uma ferramenta de edição de fotos, não precisa procurar mais. Seja um software avançado de edição de fotos como o Photoshop ou ferramentas online como o Canva, a maioria dos softwares de edição de fotos está equipada com uma ferramenta útil de seletor de cores/conta-gotas, incluindo o Quick Look do Mac e o editor de captura de tela do iPhone .
No entanto, nem todos podem ajudá-lo a obter o código de cores de um site ou aplicativo. Eles permitirão que você escolha e use a cor em sua janela. Se for legal para você, vá em frente e use uma ferramenta de edição de fotos de sua preferência para identificar cores específicas, tomamos o Canva como exemplo.
Passo 1 : Faça uma captura de tela do site ou aplicativo.
Passo 2 : Abra o Canva em um navegador (ou aplicativo no seu dispositivo móvel).
Etapa 3 : Selecione uma tela e carregue a imagem.
Passo 4 : Em seguida, abra qualquer ferramenta relacionada a cores, texto, desenho, elementos, etc.
Etapa 5 : Selecione a caixa de cores e clique no ícone ‘+ Adicionar uma nova cor’.
Etapa 6 : Vá até a cor e clique/toque para selecionar a cor desejada.
Além do software de edição de fotos, o navegador Firefox também possui uma ferramenta conta-gotas integrada. Embora esteja um pouco oculto, vamos descobrir o hack.
Passo 1 : Inicie o Firefox e abra o site do qual deseja escolher uma cor.
Passo 2 : Toque no ícone de três linhas no canto superior direito
Etapa 3 : Selecione Mais ferramentas e depois Conta-gotas.
Passo 4 : Agora, basta mover o cursor até a cor que deseja identificar, o Firefox encontrará instantaneamente o código hexadecimal da cor e o apresentará a você.
Etapa 5 : Notavelmente, o conta-gotas continuará inspecionando e entregando códigos de cores até você sair. Para fechar a ferramenta, basta clicar em qualquer lugar da tela.
Assim como o Firefox, até o Chrome possui algumas ferramentas de desenvolvedor que podem ajudá-lo a identificar cores específicas em um site. No entanto, há um problema; vamos descobrir.
A ferramenta de seleção de cores do Google Chrome é bastante limitada. Esse truque só consegue informar as cores dos elementos codificados no site, ou seja, as cores mencionadas nos códigos. Portanto, você não pode obter nenhuma informação relacionada a cores sobre elementos importados, como logotipos, imagens, etc.
Passo 1 : Inicie o Chrome e abra o site do qual deseja escolher uma cor.
Passo 2 : Em seguida, clique no ícone de três pontos no canto superior direito.
Etapa 3 : selecione Mais ferramentas e depois Ferramentas do desenvolvedor.
Nota : Sua tela será dividida visualmente em duas páginas. Você verá o site à esquerda e o código do site à direita.
Passo 4 : Para escolher uma cor no site, digite Ctrl + Shift + C e mova o cursor até a cor que deseja selecionar.
Etapa 5 : agora você pode visualizar o código de fundo, texto ou cor do elemento.
As extensões do navegador podem não apenas aumentar sua produtividade, mas também tornar a identificação de cores ainda mais conveniente. Felizmente, os navegadores mais comuns, incluindo suporte para Chrome e Firefox, têm essas extensões em seu arsenal.
Depois de adicionar a extensão desejada ao seu navegador, o resto é brincadeira de criança. Abra o site → selecione a extensão na barra de menu → leve o cursor até a cor → obtenha o código da cor.
Quer você seja um designer, desenvolvedor ou alguém curioso sobre uma cor que encontrou, identificar cores específicas em um aplicativo ou site é uma habilidade útil. Portanto, cobrimos vários métodos e ferramentas para ajudá-lo a encontrar aquele código ou nome de cor indescritível.
Espero que possamos ser úteis para você. Se você precisar de mais hacks ou sugestões ou precisar de respostas para algumas perguntas intrigantes relacionadas à tecnologia, a seção de comentários estará sempre aberta.
Aprenda como limpar um moedor de café com segurança, desde a escovação a seco das lâminas até a lavagem das peças removíveis, remontagem, testes e cuidados com o moedor.
Aprenda como remover cola de unha das roupas com segurança, desde raspar a cola seca até o uso cuidadoso de acetona, lavagem e verificação do tecido antes da secagem.
Aprenda como remover resíduos de adesivos das roupas com segurança, desde o tratamento a frio e pré-tratamento até o uso cuidadoso de solventes, lavagem e secagem ao ar livre.
Aprenda como limpar um teclado mecânico com segurança, incluindo teclas removíveis, poeira, sujeira, secagem, remontagem e quando parar e consultar o manual.
Aprenda primeiro como remover cola de roupas usando métodos suaves, quando recorrer à cola quente ou supercola e como verificar o tecido antes de secar.
Aprenda como limpar o dispensador de água da geladeira, remover o acúmulo de minerais, limpar o bico e saber quando a troca do filtro ou a manutenção preventiva são as melhores soluções.
Aprenda como limpar o interior de uma bolsa sem deixá-la de molho, incluindo migalhas, manchas no forro de tecido, interiores de couro ou camurça, secagem, odores e verificações finais.
Limpe sua Nespresso Vertuo com segurança seguindo uma rotina prática para peças removíveis, o ciclo de enxágue, as diferenças entre modelos e quando a descalcificação é realmente necessária.
Aprenda como limpar um quadro branco manchado com segurança, compare produtos de limpeza por tipo de superfície e mancha, remova marcas residuais e evite danificar o acabamento.
Saiba quando um bicho de pelúcia pode ser lavado na máquina, qual o ciclo mais seguro, a temperatura da água, o detergente, as opções de secagem e quando uma lavagem mais delicada é melhor.
