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
Manutenibilidade
Comunicação
Compatibilidade CSS
Dois Bancos de Dados de Cores
Escolha entre dois bancos de dados abrangentes de cores:
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
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
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)
- 1. O que é o Localizador de Nome de Cor?
- 2. Como Usar o Localizador de Nome de Cor
- 3. Recursos
- 3.1. Dois Bancos de Dados de Cores
- 3.2. Correspondência de Cores Delta E 2000
- 3.3. Exibição de Pontuação de Correspondência e Delta E
- 3.4. Sugestões de Cores Similares
- 3.5. Múltiplos Formatos de Entrada
- 3.6. Seletor de Cores Visual
- 3.7. Copiar com Um Clique
- 3.8. Histórico de Cores
- 3.9. Seus Dados Permanecem Privados
- 4. Perguntas Frequentes
- 4.1. O que é Delta E e por que isso importa?
- 4.2. Qual é a diferença entre os bancos de dados CSS e Estendido?
- 4.3. Por que minha cor não mostra correspondência de 100%?
- 4.4. Posso usar os nomes de cores em CSS?
- 4.5. Quão precisa é a correspondência de cores?
- 4.6. Meus dados de cor são salvos ou compartilhados?
- 4.7. Por que algumas cores têm nomes incomuns?
Como Usar o Localizador de Nome de Cor
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
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
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.
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.
- 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.
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.
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.
/* 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.
Abordagem Matemática
- Distância euclidiana básica
- Ignora percepção humana
- Resultados menos precisos
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.
- 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.
Ainda não há comentários. Seja o primeiro a comentar!