HEX · IMAGEM · NOMES CSS · CIEDE2000

Identificador de nomes de cores por HEX ou imagem

Use o identificador de nomes de cores para reconhecer uma cor por HEX, valores RGB, controles HSB ou um pixel de sua imagem. O identificador de nomes de cores ordena os cinco nomes CSS padronizados mais próximos pela distância CIEDE2000, mantém os valores originais visíveis e liga a amostra ao alvo de personagem mais próximo do Toon Tone. A imagem fica apenas nesta aba.

Atualizado em 30 de julho de 2026

identificador de nomes de cores

Que cor é esta?

O identificador de nomes de cores transforma a cor sRGB selecionada em uma comparação reproduzível. Ele verifica as 148 palavras-chave de cores nomeadas do CSS, agrupa apelidos com o mesmo HEX e ordena valores únicos por distância CIEDE2000. A primeira linha é o nome padronizado mais próximo, não uma afirmação de que todas as pessoas usariam essa palavra. O identificador de nomes de cores também compara a amostra com os 46 tons-alvo do Toon Tone para levar a identificação direto à prática.

identificador de nomes de cores

Uma resposta de cor com distância visível

O identificador de nomes de cores mostra origem, alternativas, apelidos e comparação de prática em vez de devolver um rótulo sem explicação.

  • identificador de nomes de cores

    Comece com quatro entradas

    Cole um HEX de três ou seis dígitos, edite os canais RGB, mova os controles HSB ou escolha um pixel de imagem local. Cada entrada do identificador de nomes de cores atualiza o mesmo HEX canônico de seis dígitos, portanto trocar de método não cria respostas concorrentes.

  • identificador de nomes de cores

    Compare cinco nomes medidos

    O identificador de nomes de cores lista cinco cores CSS únicas próximas e o ΔE00 de cada uma. Apelidos exatos como aqua e cyan permanecem juntos. Um número menor indica correspondência CIEDE2000 mais próxima; trata-se de distância, não de porcentagem de acerto.

  • identificador de nomes de cores

    Transforme identificação em treino

    Depois do resultado CSS, o identificador de nomes de cores procura o alvo mais próximo na biblioteca do Toon Tone. Personagem, parte-alvo, HEX e distância ficam visíveis, e o link abre a página exata no idioma atual.

Identificação local de cor

Usar o identificador de nomes de cores

Insira uma cor ou selecione um pixel. O identificador de nomes de cores atualiza valores, resultados CSS e alvo de personagem juntos.

Sem envio · imagem local
Canais RGB
Controles HSB
Correspondência CSS mais próximadodgerblue#3B82F6
Distância CIEDE20005.69
RGB59, 130, 246
HSB217° 76% 96%

Palavra-chave CSS

Cinco cores CSS mais próximas

  1. dodgerblue#1E90FFDistância CIEDE20005.69
  2. cornflowerblue#6495EDDistância CIEDE20006.25
  3. steelblue#4682B4Distância CIEDE20007.06
  4. royalblue#4169E1Distância CIEDE20009.34
  5. lightslategray#778899lightslategray / lightslategreyDistância CIEDE200013.33

Alvo Toon Tone mais próximo

Stitch

A mesma amostra é comparada com todos os alvos de partes de personagens.

Parte-alvopelagem azul#5078a7
Distância CIEDE20008.72
Praticar esta cor

identificador de nomes de cores

Como identificar uma cor sem esconder o julgamento

Um identificador de nomes de cores útil separa amostragem, medição, nome e decisão para que o resultado continue explicável.

identificador de nomes de cores

1. Escolha uma amostra confiável

Use um HEX conhecido quando existir. Em imagem, clique em um pixel plano e bem iluminado, não em borda suavizada, sombra, brilho ou artefato de compressão. O identificador de nomes de cores lê um pixel sRGB renderizado e não recupera a tinta original nem o token de marca do criador.

identificador de nomes de cores

2. Confira a cor numérica

Confirme HEX, RGB e HSB do identificador de nomes de cores antes de aceitar o rótulo. RGB preserva canais de tela, HSB descreve matiz e intensidade, e a amostra permite uma verificação visual. Se o pixel estiver errado, selecione novamente antes de interpretar nomes.

identificador de nomes de cores

3. Leia a lista, não só o primeiro

As palavras de cor CSS não estão distribuídas igualmente no sRGB. Por isso o identificador de nomes de cores expõe cinco candidatos e suas distâncias. Quando dois valores são próximos, as alternativas explicam a ambiguidade melhor do que uma confiança percentual inventada.

identificador de nomes de cores

4. Teste no contexto real

Copie o resultado do identificador de nomes de cores para o design e verifique contraste, cores vizinhas, área e tela. Use a coincidência Toon Tone para praticar, mas conserve o HEX original quando a implementação exigir precisão.

identificador de nomes de cores

O que cada resultado significa

O identificador de nomes de cores separa nome padrão, valor numérico, distância perceptiva e personagem porque respondem a perguntas diferentes.

Resultados do identificador de nomes de cores, métodos, usos e limites
ResultadoMétodoMelhor usoLimite
Nome CSS mais próximoMenor CIEDE2000 entre cores nomeadas únicasRótulos legíveis, protótipos CSS e comunicaçãoNomes CSS são esparsos e irregulares
Cinco nomes próximosLista ΔE00 com apelidos de mesmo HEX agrupadosVer rótulos vizinhos ou ambíguosA ordem não cria um nome cotidiano universal
HEX, RGB e HSBRepresentações equivalentes do sRGB escolhidoImplementar, inspecionar e ajustarCapturas podem incluir perfil ou compressão
Alvo Toon ToneMenor distância entre 46 alvos do jogoPassar da identificação à memóriaÉ treino próximo, não afirmação canônica

identificador de nomes de cores

Por que uma cor pode ter vários nomes razoáveis

A linguagem natural não possui uma grade única que dê uma palavra cotidiana exclusiva a toda cor de tela. Pessoas aprendem categorias por idioma, cultura, objetos, materiais e contexto. CSS resolve um problema técnico mais estreito ao padronizar uma tabela finita que navegadores entendem. O identificador de nomes de cores usa essa tabela porque os valores são públicos, reproduzíveis e úteis em código. Ele não substitui um token de marca, catálogo de tintas, amostra científica nem a descrição preferida de alguém.

A tabela também contém apelidos históricos e espaçamento irregular. Aqua e cyan resultam na mesma cor numérica, assim como fuchsia e magenta; grafias gray e grey aparecem em vários pares. Grandes áreas do sRGB, porém, não têm uma palavra simples próxima. O identificador de nomes de cores agrupa apelidos exatos, mantém cinco valores únicos e mostra a distância medida. Assim, a conversa pode usar o nome CSS mais próximo enquanto o HEX preciso fica guardado para implementar.

identificador de nomes de cores

Seis verificações antes de usar o nome

Faça esta revisão do identificador de nomes de cores antes de compartilhar, implementar ou justificar um rótulo.

  1. identificador de nomes de coresConfirme que o pixel não seja borda, sombra, reflexo nem camada translúcida.
  2. identificador de nomes de coresMantenha o HEX de seis dígitos junto do nome CSS próximo.
  3. identificador de nomes de coresLeia ao menos três candidatos quando os ΔE00 forem parecidos.
  4. identificador de nomes de coresTrate apelidos com o mesmo HEX como valores de código equivalentes.
  5. identificador de nomes de coresTeste textos e controles essenciais no verificador de contraste.
  6. identificador de nomes de coresRegistre fonte, data e função quando a escolha for importante.

identificador de nomes de cores

Padrões e cobertura medida

O identificador de nomes de cores publica tamanho do conjunto, fórmula e data para que seu alcance possa ser conferido.

  • identificador de nomes de coresSão verificadas 148 palavras-chave de cores nomeadas CSS; apelidos com o mesmo HEX são agrupados.
  • identificador de nomes de coresCinco valores CSS únicos aparecem com ΔE00 por CIEDE2000, definida em ISO/CIE 11664-6:2022.
  • identificador de nomes de coresForam comparados 46 alvos de partes de personagens do conjunto Toon Tone revisado em 30 de julho de 2026.

O W3C explica a finalidade de sua tabela: CSS defines a large set of named colors, so that common colors can be written and read more easily.

identificador de nomes de cores

Perguntas sobre o identificador de nomes de cores

identificador de nomes de cores

É possível identificar uma cor de imagem?

Sim. Escolha uma imagem e clique em um pixel; o identificador de nomes de cores converte o sRGB em HEX antes de ordenar nomes CSS. A imagem fica na aba e não é enviada.

identificador de nomes de cores

Quantos nomes são verificados?

O identificador de nomes de cores verifica 148 palavras-chave CSS padronizadas. Como algumas são apelidos exatos, a lista visível agrupa nomes que resolvem ao mesmo HEX.

identificador de nomes de cores

O primeiro resultado é o nome oficial?

É o nome mais próximo dentro do conjunto CSS por CIEDE2000. O identificador de nomes de cores não define um nome universal, de marca, tinta ou ciência, por isso mantém HEX e alternativas.

identificador de nomes de cores

O que significa ΔE00?

É a distância CIEDE2000 usada pelo identificador de nomes de cores. Zero indica valores codificados iguais e números menores ficam mais próximos. Não é porcentagem de precisão.

identificador de nomes de cores

As imagens são armazenadas?

Não. O identificador de nomes de cores decodifica a imagem na aba atual. O link compartilhado inclui somente o HEX escolhido, nunca a imagem ou o nome do arquivo.