TOOLADEX
light
← Back to Blog

Localizador de Nome de Cor: Obtenha o Nome de Cor Mais Próximo a partir de Hex, RGB ou HSL

By Tooladex Team •
Busca nome de corNomes de coresHexRGBHSLFerramentas de design
Localizador de Nome de Cor: Obtenha o Nome de Cor Mais Próximo a partir de Hex, RGB ou HSL

Já teve um código hex como #FF5500 e se perguntou como chamá-lo? Ou precisou de um nome legível por humanos para uma cor na sua paleta? O Color Name Finder fornece o nome de cor mais próximo de várias listas — Básico, HTML, X11 e NTC (1500+ nomes) — para que você possa documentar, discutir ou rotular cores pelo nome em vez de pelo código.

Cenário de design: O hex da sua marca é #E07C24. É "tangerina", "laranja" ou algo mais? A ferramenta mostra o nome mais próximo de cada lista, além de uma distância perceptual para que você possa escolher a melhor opção.

O que é um Color Name Finder?

Um color name finder pega um código de cor (hex, RGB ou HSL) e retorna o nome de cor mais próximo de uma ou mais listas predefinidas. Como a maioria dos códigos hex não tem um nome exato, a ferramenta usa distância de cor perceptual (Delta-E no espaço de cor Lab) para que o nome sugerido corresponda ao que o olho vê.

O Tooladex Color Name Finder suporta hex (por exemplo, #FF5500 ou FF5500), RGB (por exemplo, rgb(255,85,0)) e HSL (por exemplo, hsl(24,100%,50%)). Você obtém a correspondência mais próxima das listas Básico, HTML, X11 e NTC, além de alternativas NTC extras para que você possa escolher um nome mais específico ou criativo.

Por que usar um Color Name Finder?

Design e documentação — Nomeie cores a partir de um seletor ou hex da marca para guias de estilo, paletas ou especificações de design.

Acessibilidade e especificações — Refira-se a cores pelo nome em discussões ou requisitos (por exemplo, "use coral para destaques").

Código e CSS — Decida entre uma cor nomeada (por exemplo, coral) e um valor hex ao escrever ou refatorar CSS.

Conteúdo e UI — Rotule cores em catálogos, filtros ou descrições de produtos (por exemplo, "Tangerina" em vez de #FF9966).

Branding — Dê nomes consistentes e memoráveis às cores da marca em equipes e ferramentas.

Como o Color Name Finder Funciona

  1. Insira uma cor — Digite um código hex (#FF5500 ou FF5500), RGB (rgb(255,85,0)) ou HSL (hsl(24,100%,50%)). Ou use o seletor de cores embutido para escolher uma cor; a ferramenta atualiza os resultados do nome à medida que você escolhe.
  2. Veja a prévia — Uma grande amostra de pré-visualização de cor mostra a cor exata que você inseriu para que você possa confirmar que está correta.
  3. Obtenha os nomes mais próximos — Para cada lista (Básico, HTML, X11, NTC), a ferramenta mostra o nome mais próximo, seu hex e um valor de distância. Distância menor = correspondência perceptual mais próxima.
  4. Navegue por mais nomes NTC — Até 8 correspondências NTC adicionais são listadas para que você possa escolher um nome mais específico ou alternativo.

Todo o processamento ocorre no seu navegador; nenhum dado de cor é enviado para um servidor.

Explicação das Listas de Nomes

Básico — Um pequeno conjunto de nomes simples (por exemplo, vermelho, azul, verde). Melhor quando você quer uma categoria ampla.

HTML — Nomes de cores padrão HTML/CSS (por exemplo, coral, tomate, carmesim). Familiar para desenvolvedores web.

X11 — Nomes de cores X11, a base para muitos nomes de cores da web. Conjunto ligeiramente maior que o HTML.

NTC (Name That Color) — Um grande conjunto de 1500+ nomes. Melhor quando você quer um nome específico ou criativo (por exemplo, "Tangerina", "Amargo").

O que significa Distância?

Distância é quão longe sua cor está da cor nomeada no espaço de cor Lab (perceptual).

  • 0 = correspondência exata
  • Valores menores = correspondência mais próxima
  • Valores maiores = o nome é apenas uma correspondência aproximada

Use a distância para avaliar quão bem um nome se encaixa. Por exemplo, uma distância de 2 pode ser "muito próxima", enquanto 15 pode ser "na mesma faixa, mas não precisa".

Exemplos

Entrada Hex: #FF5500

  • Básico: Laranja
  • HTML: Laranja Vermelho
  • X11: Laranja Vermelho
  • NTC: (nome mais próximo + alternativas extras)

Entrada RGB: rgb(59, 130, 246)

  • Nomes mais próximos de cada lista (por exemplo, Básico: Azul, HTML: Azul Royal) mais hex e distância.

Usando o seletor — Clique no seletor de cores, escolha um tom e a entrada de texto é atualizada para hex; os resultados do nome são atualizados automaticamente.

Perguntas Frequentes

Quais formatos de cor são suportados?
Hex (por exemplo, #FF5500 ou FF5500), RGB (por exemplo, rgb(255,85,0)), RGBA e HSL (por exemplo, hsl(24,100%,50%)). A ferramenta normaliza hex de 6 dígitos sem # automaticamente.

Por que listas diferentes dão nomes diferentes?
Cada lista tem um conjunto diferente de cores nomeadas. Básico tem poucos nomes; NTC tem 1500+. O nome mais próximo em cada lista pode diferir (por exemplo, "vermelho" em Básico vs "coral" em HTML) porque as listas não contêm as mesmas cores.

Posso usar um seletor de cores?
Sim. O Tooladex Color Name Finder inclui um seletor de cores; ao escolher uma cor, a entrada é atualizada para hex e os resultados do nome são atualizados automaticamente.

Privacidade

Todo o processamento ocorre no seu navegador. Não enviamos ou armazenamos seus códigos de cor ou resultados.

Experimente o Color Name Finder

Color Name Finder

Find the closest color name for any hex, RGB, or HSL code. Uses perceptual color matching (Delta-E) with HTML, X11, NTC, and other name lists. Free online color name finder.

Try Tool Now

The Color Name Finder is free, works in your browser, and requires no sign-up. Enter a color (hex, RGB, or HSL) or use the picker, and get the closest color names from Basic, HTML, X11, and NTC — with a live preview and perceptual distance so you can name any color with confidence.

Related Tools