Guia

Como procurar nomes de cores por nome ou código hexadecimal

Pode procurar uma cor pelo nome ou pelo seu valor hexadecimal de seis dígitos. Uma pesquisa hexadecimal válida sem correspondência direta pode devolver uma cor nomeada próxima.

Ferramenta Nomes de Cores CSS

O que pode consultar

Esta ferramenta permite procurar cores pelo nome ou pelo respetivo valor hexadecimal de seis dígitos. Quando uma pesquisa hexadecimal válida não encontra uma correspondência direta, pode apresentar a cor nomeada mais próxima, o que é útil para explorar alternativas visuais a partir de um valor específico.

Como fazer a pesquisa

  1. Introduza uma pesquisa no campo disponível. Pode escrever parte ou a totalidade do nome de uma cor, ou indicar um valor hexadecimal de seis algarismos, com ou sem o prefixo #.

  2. Confirme a pesquisa. O texto fornecido é convertido para minúsculas e os espaços no início e no fim são removidos antes da correspondência.

  3. Para uma pesquisa por nome, a ferramenta encontra cores cujo nome contém o texto pesquisado. Para uma pesquisa hexadecimal, a correspondência direta ocorre quando o valor coincide exatamente com a representação hexadecimal gerada para a cor.

  4. Se deixar a pesquisa vazia, não é aplicado qualquer filtro por nome ou por hexadecimal; a coleção é processada por ordem alfabética do nome da cor.

  5. Leia cada resultado pelos três elementos apresentados: nome da cor, valor hexadecimal de seis dígitos em minúsculas com # e três valores inteiros dos canais RGB.

  6. Se uma pesquisa não tiver correspondência direta, verifique se, depois de retirar um # inicial opcional, contém exatamente seis caracteres hexadecimais válidos. Nesse caso, é selecionada uma cor próxima através da distância quadrática entre os canais RGB. Se o valor não cumprir esse formato, não é acrescentada uma correspondência aproximada.

Como interpretar os resultados

Uma correspondência direta indica que o texto foi encontrado no nome da cor ou que o valor hexadecimal coincide com a representação gerada. A informação hexadecimal aparece em minúsculas e é acompanhada pelos valores inteiros dos canais vermelho, verde e azul, permitindo comparar a identificação textual com a composição RGB.

Uma pesquisa hexadecimal válida sem correspondência direta deve ser lida como uma procura de proximidade, não como uma correspondência exata. A cor devolvida é escolhida pela distância calculada entre os canais RGB. Já uma entrada com outro formato, como um valor que não tenha seis caracteres hexadecimais válidos após o # opcional, não recebe essa alternativa aproximada.

Se não introduzir texto, a ordenação alfabética pode ser útil para consultar a coleção sem restringir os resultados. A ferramenta trabalha com nomes e com as formas hexadecimais descritas; outros formatos de cor não ficam abrangidos por estas regras.

Exemplo prático

Uma pessoa pretende encontrar uma cor nomeada próxima de #1a2b3c para comparar uma alternativa visual.

Introduza #1a2b3c como pesquisa e consulte o resultado devolvido.

Se não existir correspondência direta para #1a2b3c, o resultado inclui uma cor nomeada selecionada pela distância entre os canais RGB, com nome, hexadecimal em minúsculas e três valores RGB inteiros.

Limitações

  • A aproximação está limitada a pesquisas hexadecimais válidas com seis caracteres após o # opcional. Formatos de cor diferentes e valores hexadecimais com outro comprimento não recebem essa correspondência aproximada.

Erros comuns

  • Introduzir um formato diferente de um nome ou de um hexadecimal de seis caracteres, como rgb(26, 43, 60), não produz a correspondência aproximada. Para corrigir, use um nome ou um valor hexadecimal com seis caracteres válidos, opcionalmente precedido de #.

Perguntas frequentes

Posso procurar uma cor através de um código hexadecimal?

Sim, desde que o valor tenha seis caracteres hexadecimais válidos, com ou sem um # inicial. Se não houver correspondência direta, a ferramenta pode selecionar uma cor nomeada próxima.

O que acontece se eu não introduzir uma pesquisa?

Não. Quando a pesquisa fica vazia, não é aplicado filtro por nome ou por hexadecimal, e a coleção é processada por ordem alfabética do nome.

As maiúsculas e os espaços no início ou no fim afetam a pesquisa?

A pesquisa ignora maiúsculas e minúsculas e remove os espaços exteriores antes de procurar. No entanto, o valor deve seguir as formas de pesquisa suportadas: nome ou hexadecimal de seis dígitos.

Ferramenta

Nomes de Cores CSS