Encontre a cor CSS nomeada mais próxima e o tom Tailwind mais próximo de qualquer cor — correspondência percetual, com valores prontos a copiar.

A sua cor
#3B82F6
Cor CSS mais próxima
Diferença:
Correspondência exata
Tom Tailwind mais próximo
Diferença:
Correspondência exata

Escreva ou escolha qualquer cor e veja instantaneamente a cor CSS nomeada mais próxima e o tom Tailwind — correspondência percetual no seu browser.


Sobre Localizador de Cores com Nome

O Named Color Finder responde a uma pergunta simples: como se chama esta cor? Introduza ou escolha qualquer cor e ele devolve instantaneamente a cor CSS nomeada mais próxima — da lista padrão que os navegadores reconhecem, como "steelblue" ou "coral" — juntamente com o tom mais próximo da paleta Tailwind, como "sky-600".

A correspondência é percetual, e não puramente numérica, pelo que os nomes sugeridos realmente se parecem com a cor introduzida, em vez de estarem apenas próximos em termos de RGB puro. Um indicador de diferença informa se a correspondência é exata, muito próxima ou apenas aproximada, para que saiba quanta fidelidade está a trocar por um nome memorável.

A pesquisa é executada inteiramente no seu navegador, com botões de cópia em cada resultado. É útil para escrever CSS mais legível, alinhar cores de marca arbitrárias com uma escala Tailwind, ou simplesmente para descobrir como se chamaria uma cor recolhida de uma fotografia.

Como usar Localizador de Cores com Nome

  1. Digite um valor de cor ou escolha um com o seletor; clique em "Aleatório" para explorar.
  2. Leia a cor CSS nomeada mais próxima e o tom Tailwind mais próximo, mostrados lado a lado com a sua entrada.
  3. Verifique o indicador de diferença para ver quão próxima está cada correspondência.
  4. Clique em "Copiar" no valor que quiser usar.

Perguntas frequentes

Sim. A correspondência é calculada localmente no seu navegador com base em listas de cores incluídas, pelo que as consultas são gratuitas, instantâneas e ilimitadas.

O CSS define cerca de 148 cores nomeadas (147 valores únicos, já que algumas são sinónimos, como gray/grey), desde básicas como "red" até entradas obscuras como "papayawhip". Todos os navegadores as reconhecem, e esta ferramenta encontra a mais próxima de qualquer cor que introduzir.

A ferramenta usa uma métrica percetual de distância de cor, em vez de uma simples comparação RGB, pelo que o nome sugerido reflete o quão parecidas as cores realmente parecem ao olho humano — algo particularmente importante para tons suaves e quase-cinzentos.

O tom mais próximo da paleta de cores padrão do Tailwind, nomeado no formato familiar de matiz mais número, como "emerald-500". É útil para encaixar cores de design arbitrárias na escala do Tailwind, mantendo as suas classes utilitárias consistentes.

A sua cor de entrada é idêntica à cor nomeada — pode substituir o nome pelo valor HEX sem qualquer alteração visual. Graus inferiores ("Muito próxima", "Próxima", "Aproximada") indicam uma diferença crescente, embora muitas vezes impercetível.


Pesquisas populares
localizador de nome de cor nome de cor css mais próximo encontrar nome de cor cor tailwind mais próxima hex para nome de cor identificar nome de cor
Precisa de ajuda?
Encontrou um problema com esta ferramenta? Avise a nossa equipa.
Relatar um problema

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.