Início >
Blog > Novidade: nome de cor aproximado por baixo do HEX
Novidade no Conversor de cor: o nome mais próximo aparece automaticamente por baixo do HEX
Escolhes uma cor no seletor e, além do código HEX gigante, agora aparece logo por baixo uma pequena etiqueta com o nome de cor mais parecido — sem clicar em nada. Este artigo explica exatamente o que foi adicionado à ferramenta, onde encontrar a novidade e como tirar partido dela no dia a dia.
A novidade: um nome de cor mostrado em tempo real
Resposta rápidaO Conversor de cor passou a calcular e mostrar, em tempo real, o nome de cor de referência mais próximo da cor selecionada — por exemplo "Violeta-azulado (blueviolet)" — logo abaixo do código HEX grande, sem qualquer ação extra do utilizador.
Até agora, a ferramenta já convertia entre HEX, RGB, HSL, HSV/HSB e CMYK, verificava o contraste WCAG e gerava paletas — mas o resultado principal era sempre numérico: códigos, percentagens, graus. A pergunta "mas isto é que cor, ao certo?" ainda exigia olhar para a amostra e adivinhar.
A atualização resolve exatamente esse ponto: assim que uma cor é escolhida ou introduzida, o motor da ferramenta compara-a com uma lista de referência de nomes de cor conhecidos e apresenta o nome mais próximo instantaneamente, junto da amostra visual e do HEX.
Como funciona por dentro: a comparação usa a distância entre os três canais RGB da cor escolhida e os de cada cor da lista de referência; a entrada com a menor distância é apresentada. Quando a cor não corresponde exatamente a nenhuma entrada — o que é o caso mais comum — o nome aparece precedido do símbolo "≈", deixando claro que é uma aproximação e não uma igualdade exata.
Onde encontrar a novidade na página do conversor
Resposta rápidaA etiqueta com o nome de cor aparece na secção principal "Converter", mesmo por baixo do código HEX em destaque, junto da grande amostra quadrada à esquerda.
No topo da ferramenta, à esquerda, está a amostra de cor — o quadrado que também funciona como seletor de cor nativo. Do lado direito, o HEX aparece em letras grandes (por exemplo #7C3AED). Diretamente por baixo desse código está agora o nome aproximado: nesta cor específica, aparece "≈ Violeta-azulado (blueviolet)".
Não é preciso mudar de secção nem abrir nenhum painel adicional — a etiqueta atualiza-se sozinha sempre que a cor muda, seja porque arrastaste o seletor visual, escreveste um novo código no campo HEX, ajustaste os campos RGB, ou moveste os campos de Tom/Saturação em HSL ou HSV.
Exemplos práticos de utilização
Um cenário hipotético para ilustrar a utilidade: imagina que estás a rever um protótipo e encontras um botão com a cor #0D9488. Antes, para descrever essa cor numa mensagem rápida à equipa, terias de copiar o código ou tentar adivinhar um nome de cabeça. Agora, basta colar o HEX no campo correspondente do conversor e ler diretamente a etiqueta gerada — por exemplo algo como "≈ Verde-azulado (teal)" — e usar essa palavra na conversa, sabendo que o HEX exato continua disponível ao lado para quem precisar de precisão.
Outro exemplo: ao explorares tons diferentes com o seletor de cor para escolher a paleta de um projeto pessoal, o nome que aparece por baixo do HEX muda em tempo real à medida que arrastas — o que ajuda a perceber, de forma quase instantânea, se ainda estás dentro da mesma "família" de cor (por exemplo, vários tons de "Rosa" ou "Azul-real") ou se já passaste para outra completamente diferente, sem teres de decorar intervalos de HSL.
Exemplos ilustrativos de HEX de entrada e o tipo de etiqueta que a funcionalidade pode mostrar (valores meramente exemplificativos)
| HEX de entrada | Etiqueta exibida (exemplo) |
|---|
| #7C3AED | ≈ Violeta-azulado (blueviolet) |
| #000000 | Preto (black) |
| #FF69B4 | ≈ Rosa intenso (hotpink) |
Nota: a coluna da direita depende da cor exata escolhida a cada momento; os valores acima servem apenas para ilustrar o formato do texto apresentado.
O que esta novidade não faz (e continua igual)
Vale a pena ser claro sobre os limites: o nome apresentado é sempre uma aproximação baseada na cor de referência mais próxima disponível, nunca uma correspondência garantida com um sistema de marca, Pantone ou catálogo de tintas. Serve como atalho de comunicação rápida — não substitui o código HEX exato para especificações técnicas, ficheiros de produção ou aprovação final de cor de marca.
Todas as restantes funcionalidades da ferramenta continuam a funcionar exatamente como antes: a conversão entre formatos, a verificação de contraste WCAG, a simulação de daltonismo e os geradores de paleta e de gradiente não foram alterados — o nome de cor é puramente um acrescento informativo junto da amostra principal.
Perguntas frequentes
O que é exatamente a nova funcionalidade de nome de cor?
É uma etiqueta que aparece automaticamente por baixo da amostra de cor e do código HEX grande, no topo do Conversor de cor. Assim que escolhes ou introduzes uma cor, a ferramenta calcula qual dos nomes de referência conhecidos (por exemplo "Violeta", "Turquesa" ou "Rosa intenso") está mais próximo dessa cor e mostra-o de imediato, sem qualquer clique adicional.
Preciso de ativar esta novidade ou fazer alguma configuração?
Não. A funcionalidade está sempre ativa na secção principal do conversor: assim que a página carrega, já aparece um nome por baixo do HEX (com a cor roxa predefinida da ferramenta), e atualiza-se automaticamente sempre que mudas a cor através do seletor visual, do campo HEX, ou dos campos RGB, HSL ou HSV.
Como sei se o nome apresentado é uma correspondência exata ou apenas aproximada?
A ferramenta distingue os dois casos no próprio texto. Quando o HEX escolhido corresponde exatamente a uma das cores de referência, o nome aparece sozinho, por exemplo "Preto (black)". Quando é apenas a correspondência mais próxima disponível, aparece com o símbolo de aproximação à frente, por exemplo "≈ Violeta-azulado (blueviolet)", para deixar claro que se trata de uma estimativa e não de uma igualdade perfeita.
Esta novidade substitui alguma das funcionalidades já existentes no conversor?
Não, é apenas um complemento. Todos os campos e conversões que já existiam — HEX, RGB, HSL, HSV/HSB, CMYK, alfa, contraste WCAG, simulação de daltonismo, geração de paletas — continuam a funcionar exatamente como antes. O nome de cor aparece apenas como informação extra junto da amostra, sem alterar nenhum dos outros resultados.
O nome de cor aparece também para cores com transparência (alfa)?
Sim. O nome é calculado a partir dos três canais RGB da cor selecionada, independentemente do valor de opacidade definido no controlo de alfa. Se reduzires a opacidade, o código HEX grande passa a mostrar o formato de 8 dígitos com o canal alfa, mas o nome aproximado continua a refletir apenas a componente de cor (vermelho, verde, azul), sem ser afetado pela transparência.
Vê a novidade em ação
Escolhe uma cor no Conversor de cor e vê o nome mais próximo aparecer instantaneamente por baixo do HEX — grátis, sem registo, tudo no navegador.
Experimentar o Conversor de cor →
Nota sobre metodologia: os exemplos de HEX e as etiquetas de nome de cor mostrados neste artigo servem apenas para ilustrar o formato e o comportamento da funcionalidade. Não representam nenhuma marca em particular nem qualquer estatística real de utilização. O nome apresentado pela ferramenta é sempre uma aproximação por distância de cor, nunca uma correspondência oficial com um sistema de tinta ou catálogo de marca.