Ferramentas para desenvolvedores
Nomes de Cores CSS
Consulte a lista de cores com nome em CSS, pesquise por termo ou código hexadecimal e descubra a cor mais próxima para qualquer tom.
Executar ferramenta
Esta ferramenta permite consultar a coleção integrada de cores com nome em CSS e encontrar equivalências cromáticas de forma rápida. Ao introduzir um termo de pesquisa, o sistema filtra a lista por nome ou por código hexadecimal exato. Se deixar o campo de pesquisa vazio, obtém a listagem completa ordenada alfabeticamente pelo nome de cada cor. Quando indica um código hexadecimal de seis dígitos (com ou sem o prefixo #) que não corresponde a nenhum nome oficial, a ferramenta calcula e apresenta a cor com nome mais próxima, avaliando a distância euclidiana quadrática entre os canais RGB. Cada registo devolvido exibe o nome CSS reconhecido, a representação hexadecimal em minúsculas com cardinal (#) e os respetivos valores inteiros para os três canais RGB (vermelho, verde e azul). Esta funcionalidade é útil para programadores web, designers e equipas de front-end que precisam de uniformizar folhas de estilo ou identificar nomes padronizados para valores arbitrários.
Instruções
- Introduza um nome de cor ou um código hexadecimal no campo de pesquisa, ou deixe o campo vazio para ver todas as opções.
- Execute a consulta para filtrar a lista integrada de cores CSS.
- Examine a tabela de resultados para consultar o nome oficial, o código hexadecimal e os valores RGB correspondentes.
- Se introduzir um código hexadecimal sem correspondência nominal direta, verifique a sugestão de cor com nome mais próxima calculada pelo sistema.
Exemplos
- Pesquisar por 'blue' para obter todas as cores CSS que contêm esse termo no nome, como aliceblue, cadetblue ou royalblue.
- Inserir '#3b82f6' para localizar a cor CSS com nome mais próxima de um tom específico de azul que não possui designação direta.
- Deixar o campo de pesquisa em branco para explorar a coleção completa de nomes de cores CSS ordenada por ordem alfabética.
Perguntas frequentes
A pesquisa de cores distingue maiúsculas de minúsculas?
Não. O termo de pesquisa é convertido automaticamente para minúsculas e os espaços em redor são removidos antes da comparação.
O que acontece se pesquisar um código hexadecimal sem correspondência exata?
Se introduzir um código hexadecimal válido com seis dígitos, o sistema calcula e devolve a cor com nome mais próxima através da distância entre canais RGB.
É obrigatório colocar o símbolo de cardinal (#) na pesquisa hexadecimal?
Não. O cardinal inicial é opcional; pode pesquisar 'ff5733' ou '#ff5733' indistintamente.
Como são apresentados os valores de cada cor no resultado?
Cada entrada apresenta o nome CSS formal, o código hexadecimal de seis dígitos em minúsculas e os valores inteiros dos canais vermelho, verde e azul (RGB).