Softonic

Descobridor de nome de cor

Etapa 1 / 3

Informe uma cor

Aceita #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba() com inteiros e hsl()/hsla() com porcentagens.

Próximo

Informe uma cor HEX, RGB ou HSL para encontrar a cor nomeada padronizada do CSS mais próxima. Veja também HEX, RGB, HSL e CIELAB normalizados e a diferença CIEDE2000. Todo o cálculo ocorre no navegador. No modo em etapas, a cor informada aparece no URL da página e é enviada ao servidor com a solicitação; o cálculo de correspondência continua a ser feito apenas no navegador.

Como encontrar o nome CSS de uma cor

  1. 1

    Informe uma cor

    Use o campo de texto ou o seletor. São aceitos HEX estrito, RGB inteiro e HSL em porcentagem.

  2. 2

    Valide e normalize

    O valor é validado e convertido em sRGB, HSL e CIELAB com ponto branco D65.

  3. 3

    Compare nomes CSS

    CIEDE2000 compara a cor RGB opaca com todas as cores nomeadas padronizadas do CSS.

  4. 4

    Confira ou copie

    Compare as amostras, veja os valores e copie o resultado.

Entenda o resultado

O CSS define uma lista fixa de cores nomeadas, como tomato, cornflowerblue e rebeccapurple. Quando não há correspondência exata, o buscador retorna o nome mais próximo e seu HEX canônico. Apelidos equivalentes, como aqua e cyan, aparecem juntos.

A comparação converte sRGB em CIELAB com ponto branco D65 e aplica CIEDE2000. O valor 0 indica correspondência RGB exata. São aceitos HEX curto e longo, rgb()/rgba() com inteiros e hsl()/hsla() com porcentagens.

O alfa permanece no HEX de oito dígitos, mas não participa do nome. A ferramenta não consulta Pantone, tintas, lápis de cera ou dicionários colaborativos e não lê imagens. Para acessibilidade, verifique separadamente o contraste WCAG.

Perguntas frequentes

Somente quando a diferença CIEDE2000 é 0. Caso contrário, é a cor nomeada padronizada do CSS mais próxima.

O CSS tem apelidos com o mesmo RGB, como aqua e cyan. Empates aparecem juntos.

Não. O alfa é mantido no HEX normalizado, mas excluído da comparação.

Não. Use o verificador de contraste para testar texto e fundo conforme os limites WCAG.

Ferramentas relacionadas

Gerador de cards CSS

Crie um card com seu título, texto e link opcional. Ajuste cores, borda, espaçamento, sombra e efeito ao passar o mouse. Depois copie ou baixe o HTML e o CSS.

Gerador de textura de ruído

Gere uma textura de ruído em SVG que se repete sem emendas, com opacidade, frequência do grão, tipo de ruído e cor de fundo ajustáveis, e copie o CSS já pronto.

Gerador de Docker Compose

Gere um docker-compose.yml a partir de definições de serviços com imagem, portas e volumes, com padrões de boas práticas.

Conversor de base numérica

Converta números entre binário, octal, decimal, hexadecimal e qualquer base personalizada de 2 a 36, com o detalhamento posicional.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Gerador de Imagem Markdown

Gere a sintaxe de imagem do Markdown com texto alternativo, atributo de título e link opcional. Saída inline e em estilo de referência.

Ferramenta disponível em outros idiomas