Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Localizador de Nome de Cor

Localizador de Nome de Cor

Encontre o nome de cor mais próximo para qualquer valor HEX ou RGB. Compare com 147 cores CSS ou mais de 1500 nomes de cores estendidos.

O que é o Localizador de Nome de Cor?

O Localizador de Nome de Cor ajuda você a identificar o nome de cor mais próximo para qualquer valor de cor HEX ou RGB. Seja você um designer buscando tornar seu código mais legível ou um desenvolvedor querendo usar nomes de cores semânticos, esta ferramenta instantaneamente corresponde sua cor ao nome de cor mais próximo de bancos de dados abrangentes.

Por que Usar Cores Nomeadas?

Usar cores nomeadas no seu código oferece vários benefícios:

Legibilidade

"Tomato" é mais fácil de entender do que "#FF6347"

Manutenibilidade

Cores nomeadas tornam revisões e atualizações de código mais simples

Comunicação

Compartilhe escolhas de cores com membros não técnicos da equipe

Compatibilidade CSS

147 cores nomeadas CSS funcionam em todos os navegadores

Dois Bancos de Dados de Cores

Escolha entre dois bancos de dados abrangentes de cores:

Cores CSS

147 Cores Padrão

Cores web padrão reconhecidas por todos os navegadores, incluindo clássicos como "Red", "Blue", "Coral" e "SkyBlue"

  • Suporte nativo do navegador
  • Pronto para produção
  • Compatibilidade universal
Cores Estendidas

Mais de 1500 Nomes Descritivos

Banco de dados abrangente com nomes descritivos como "Dusty Rose", "Ocean Blue", "Champagne" e "Terracotta"

  • Nomenclatura criativa
  • Documentação de design
  • Descrições evocativas

Correspondência Precisa de Cores

Algoritmo Padrão da Indústria: A ferramenta usa o algoritmo Delta E 2000 (CIEDE2000), o padrão da indústria para medir a diferença perceptual de cores. Isso garante que o nome de cor correspondente realmente represente como os humanos percebem a cor, não apenas similaridade matemática.

CIEDE2000 é a fórmula de diferença de cor mais precisa disponível, levando em conta as não uniformidades na percepção humana de cores. É usado em indústrias de impressão, manufatura e design digital.

— Comissão Internacional de Iluminação (CIE)

Como Usar o Localizador de Nome de Cor

1

Digite Sua Cor

Você tem três maneiras de inserir uma cor:

  • Digite HEX - Digite um código HEX como "#FF5733" ou "FF5733"
  • Digite RGB - Digite valores RGB como "255, 87, 51" ou "rgb(255, 87, 51)"
  • Use o Seletor de Cores - Clique na caixa de prévia da cor para abrir o seletor de cores visual
2

Veja a Correspondência

A ferramenta exibe instantaneamente:

  • Nome da Cor - A cor nomeada mais próxima (ex: "Tomato")
  • Pontuação de Correspondência - Porcentagem mostrando quão próxima é a correspondência (100% = correspondência exata)
  • Valor Delta E - Medição técnica de diferença de cor (0 = idêntico)
  • Valores da Cor - Valores HEX e RGB da cor nomeada correspondente
3

Explore Alternativas

Abaixo da melhor correspondência, você verá 4 cores similares. Clique em qualquer uma delas para ver seus detalhes e comparar opções.

4

Copie e Use

Clique no botão copiar ao lado de qualquer valor (nome, HEX ou RGB) para copiá-lo para sua área de transferência. Use diretamente no seu CSS, ferramentas de design ou documentação.

Dicas para Melhores Resultados:
  • Use o banco de dados Estendido para nomes de cores mais descritivos e criativos
  • Verifique a pontuação de correspondência - pontuações acima de 95% indicam correspondências muito próximas
  • Suas cores recentes são salvas automaticamente para acesso rápido

Recursos

Dois Bancos de Dados de Cores

Alterne entre cores padrão CSS (147 nomes suportados por navegadores) e um banco de dados estendido com mais de 1500 nomes de cores descritivos incluindo cores inspiradas em gemas, natureza e alimentos.

Correspondência de Cores Delta E 2000

Usa o algoritmo CIEDE2000, o padrão da indústria para diferença perceptual de cores. Isso garante que as correspondências reflitam como os humanos realmente veem as cores, não apenas distância matemática RGB.

Exibição de Pontuação de Correspondência e Delta E

Veja exatamente quão próxima sua cor está da cor nomeada com uma pontuação percentual e valor Delta E.

  • Selo verde para correspondências excelentes (95%+)
  • Amarelo para boas correspondências (80-94%)
  • Vermelho para correspondências razoáveis

Sugestões de Cores Similares

Veja 4 nomes de cores alternativos que também estão próximos da sua entrada. Clique em qualquer sugestão para explorá-la mais e encontrar o nome perfeito para sua cor.

Múltiplos Formatos de Entrada

Digite cores em formato HEX (#FF5733 ou FF5733) ou formato RGB (255, 87, 51 ou rgb(255, 87, 51)). A ferramenta detecta automaticamente o formato.

Seletor de Cores Visual

Clique na prévia da cor para abrir um seletor de cores visual. Selecione qualquer cor e veja instantaneamente sua correspondência de nome de cor mais próxima.

Copiar com Um Clique

Copie o nome da cor, valor HEX ou valor RGB com um único clique. Feedback instantâneo confirma sua ação de cópia.

Histórico de Cores

Suas pesquisas de cores recentes são salvas automaticamente (até 20 cores). Clique em qualquer cor no histórico para consultá-la rapidamente novamente.

Seus Dados Permanecem Privados

Toda a correspondência de cores acontece no seu navegador:

  • Sem uploads - Os dados de cor nunca saem do seu dispositivo
  • Sem rastreamento - Não coletamos suas pesquisas de cores

Perguntas Frequentes

O que é Delta E e por que isso importa?

Delta E (ΔE) é uma métrica para medir a diferença perceptual entre duas cores. Um Delta E de 0 significa que as cores são idênticas. Valores abaixo de 1 são imperceptíveis para a maioria das pessoas, 1-2 são quase imperceptíveis, e valores acima de 10 indicam cores claramente diferentes.

Esta ferramenta usa Delta E 2000 (CIEDE2000), o padrão mais preciso para percepção humana de cores.

ΔE 0-1: Imperceptível Perfeito
ΔE 1-2: Quase Imperceptível Excelente
ΔE 2-10: Perceptível Bom
ΔE 10+: Claramente Diferente Razoável

Qual é a diferença entre os bancos de dados CSS e Estendido?

O banco de dados CSS contém 147 cores nomeadas padrão que funcionam em todos os navegadores web (como "Red", "Coral", "SkyBlue"). O banco de dados Estendido inclui mais de 1500 cores com nomes mais descritivos como "Dusty Rose", "Ocean Blue", "Champagne" e "Terracotta" - perfeito para documentação de design e projetos criativos.

Recurso Cores CSS Cores Estendidas
Total de Cores 147 1500+
Suporte do Navegador Nativo Apenas Referência
Uso em CSS Uso direto Use valores HEX/RGB
Melhor Para Código de produção Documentação de design

Por que minha cor não mostra correspondência de 100%?

Uma correspondência de 100% só ocorre quando sua cor corresponde exatamente a uma cor nomeada no banco de dados. A maioria das cores personalizadas mostrará uma porcentagem alta (90-99%) indicando uma correspondência muito próxima. A seção de cores similares ajuda você a encontrar alternativas que podem estar mais próximas.

Entendendo as Pontuações de Correspondência: Uma correspondência de 95%+ significa que a diferença de cor é quase imperceptível ao olho humano. Até correspondências de 85-94% são consideradas excelentes para a maioria dos propósitos de design.

Posso usar os nomes de cores em CSS?

Sim, todas as 147 cores no banco de dados CSS são palavras-chave de cores CSS válidas. Você pode usá-las diretamente nas suas folhas de estilo (ex: color: tomato;). Nomes do banco de dados Estendido são para referência e documentação - use seus valores HEX ou RGB no código.

Exemplo de Cores Nomeadas CSS
/* CSS Named Colors - Direct Use */
.button {
    background-color: tomato;
    color: white;
    border: 2px solid coral;
}

/* Extended Colors - Use HEX/RGB */
.card {
    background-color: #F5E6D3; /* Champagne */
    color: #2C5F7C; /* Ocean Blue */
}

Quão precisa é a correspondência de cores?

A ferramenta usa o algoritmo CIEDE2000, que é o padrão da indústria para correspondência de cores usado em impressão, manufatura e design. Ele leva em conta como os olhos humanos percebem diferenças de cores, tornando-o mais preciso do que cálculos simples de distância RGB.

Distância RGB Simples

Abordagem Matemática

  • Distância euclidiana básica
  • Ignora percepção humana
  • Resultados menos precisos
CIEDE2000

Abordagem Perceptual

  • Algoritmo padrão da indústria
  • Corresponde à percepção humana
  • Resultados altamente precisos

Meus dados de cor são salvos ou compartilhados?

Não. Toda a correspondência de cores acontece inteiramente no seu navegador. Suas cores nunca são enviadas para nenhum servidor. O histórico é armazenado localmente no seu dispositivo usando armazenamento do navegador.

100% de Privacidade Garantida:
  • Todo o processamento acontece no lado do cliente no seu navegador
  • Nenhuma transmissão de dados para servidores externos
  • Histórico armazenado apenas no armazenamento local do navegador
  • Sem rastreamento ou análises nas pesquisas de cores
  • Limpe o histórico a qualquer momento para remover todos os dados

Por que algumas cores têm nomes incomuns?

O banco de dados Estendido inclui nomes criativos e descritivos de várias fontes incluindo cores X11, nomes inspirados em Pantone e termos descritivos. Esses nomes são feitos para serem evocativos e memoráveis, ajudando designers a comunicar cores de forma mais eficaz.

Inspiradas em Gemas

Ruby, Sapphire, Emerald, Amethyst

Inspiradas na Natureza

Ocean Blue, Forest Green, Desert Sand

Inspiradas em Alimentos

Champagne, Chocolate, Peach, Lavender
Sua Cor
-
Digite uma cor para encontrar seu nome
-
HEX -
RGB -
Nome -
Cores Semelhantes
Digite um valor HEX (#FF5733) ou RGB (255, 87, 51)
Clique na prévia da cor para escolher uma cor visualmente
Mude para o banco de dados Estendido para mais de 1500 nomes de cores
Clique em Cores Similares para explorar alternativas
Toda a correspondência acontece no seu navegador
Quer saber mais? Leia a documentação →
1/6
Comece a digitar para pesquisar...
Pesquisando...
Nenhum resultado encontrado
Tente pesquisar com palavras-chave diferentes