Ferramenta de cor gratuita no navegador
Calculadora de diferença de cor Delta E
Insira duas cores HEX para calcular o Delta E CIEDE2000, comparar amostras lado a lado e ver as diferenças de matiz, saturação e brilho. O resultado atualiza no navegador sem exigir conta.
Atualizado em 17 de julho de 2026
Como funciona o cálculo CIEDE2000
Um código HEX descreve quantidades de vermelho, verde e azul para uma tela, mas mudanças numéricas RGB iguais nem sempre parecem ter o mesmo tamanho. CIEDE2000 parte de valores CIELAB, cujos eixos buscam se relacionar melhor com a percepção humana, e aplica correções ao comportamento de luminosidade, croma e matiz. Isso oferece mais contexto que uma distância simples entre três canais RGB quando a pergunta é quanto duas amostras visíveis parecem diferentes.
A calculadora interpreta cada HEX válido, converte com a mesma biblioteca de cor usada pelo Toon Tone e avalia o par pela função CIEDE2000. Trocar A e B não altera Delta E. O painel HSB é um diagnóstico separado: mostra dimensões familiares de edição, mas não é somado nem substitui o resultado perceptual. Assim, você entende de forma independente a magnitude modelada e a direção provável da correção.
Por que Delta E menor geralmente significa maior semelhança
Zero significa que as duas amostras interpretadas são iguais no cálculo. À medida que o número cresce, aumenta a separação perceptual modelada. Essa direção é simples, porém o ponto exato em que alguém percebe ou aceita a diferença depende do contexto. Um designer comparando tokens em monitor calibrado, uma gráfica conferindo tinta sobre papel texturizado e um jogador lembrando um personagem em celular não calibrado enfrentam problemas diferentes.
Use Delta E como medição que apoia a decisão, não como a decisão completa. Compare as amostras no tamanho, fundo e meio finais. Registre o nome da fórmula, porque Delta E 76, Delta E 94 e CIEDE2000 podem gerar números diferentes para o mesmo par. Se contrato, guia de marca, laboratório ou especificação produtiva definir uma tolerância, siga essa condição em vez de importar uma faixa genérica desta página.
Diagnostique a edição com as diferenças HSB
Matiz localiza a cor no círculo cromático, saturação descreve a intensidade e brilho mostra quão clara ou escura ela aparece. Dois pares com Delta E semelhante podem exigir correções distintas. Um pode divergir principalmente no brilho; outro pode cruzar uma fronteira de matiz mantendo saturação parecida. As diferenças HSB absolutas revelam a direção. O matiz usa a menor distância circular, por isso sair de 359 para 1 grau significa dois graus, não um salto aparente de 358.
Esses dados ajudam ao ajustar um token ou treinar memória de cores. Se o matiz estiver próximo e o brilho distante, preserve a família e corrija o valor primeiro. Se brilho e saturação estiverem próximos, mova somente o matiz. HSB não é perceptualmente uniforme, então deslocamentos iguais podem gerar Delta E diferentes. Leia os canais como pistas de edição e CIEDE2000 como a comparação modelada.
Tela, luz e cores ao redor continuam importantes
Uma ferramenta de navegador não controla a tela que apresenta as amostras. Calibração, perfil de cor, brilho, ângulo de visão, luz ambiente e até película colorida alteram a aparência. Cores vizinhas também influenciam a percepção: o mesmo cinza pode parecer quente ao lado do azul e frio junto do laranja. A prévia dividida oferece contexto neutro e conveniente, mas não reproduz todo material, processo de impressão, dispositivo ou quadro de animação onde as cores serão usadas.
Em design de tela, teste o componente real em dispositivos representativos e nos temas claro e escuro. Para impressão ou produto físico, compare provas controladas sob a iluminação e o processo de medição exigidos. Guarde os HEX originais e a fórmula para que outra pessoa reproduza o cálculo. Quando a decisão envolve custo, segurança, marca ou fabricação, use instrumentos calibrados e a tolerância oficial, não uma captura de tela sem calibração.
Delta E não é um teste de taxa de contraste
Delta E pergunta quanto duas cores diferem em um modelo perceptual. A taxa de contraste compara a luminância relativa entre primeiro plano e fundo, normalmente para avaliar se texto ou interface tem separação visual suficiente conforme uma norma de acessibilidade. Duas cores podem ter matizes claramente diferentes e ainda oferecer contraste ruim para leitura. Por outro lado, dois neutros quase sem mudança de matiz podem ter contraste útil por causa da diferença de luminância. As métricas respondem a perguntas diferentes.
Ao escolher texto, ícones, foco ou controles, execute também o teste de contraste exigido. Não use o Delta E desta página para afirmar conformidade WCAG. Ele ainda ajuda a comparar tokens de marca, detectar uma alteração involuntária de paleta ou quantificar o desvio de uma cor lembrada. O processo correto define primeiro a decisão e depois escolhe a métrica que mede essa decisão, em vez de aplicar um número atraente a qualquer problema de cor.
Fluxos para designers, desenvolvedores e jogadores
Designers podem comparar um token aprovado com uma alternativa, documentar o valor e verificar se a mudança veio de matiz, saturação ou brilho. Desenvolvedores podem revisar variáveis CSS, migrações de tema, capturas e refatorações de paleta. Equipes de conteúdo podem organizar duas amostras de campanha antes de consultar a marca. Quando os valores originais estiverem disponíveis, cole-os diretamente; extrair de imagem comprimida pode introduzir outra transformação antes mesmo da comparação.
Jogadores de Toon Tone podem comparar a cor reconstruída de memória com o alvo revelado. Delta E explica a proximidade geral e as diferenças HSB apontam o controle que desviou. Uma rotina produtiva registra um viés recorrente, como escolher tudo claro demais, e testa apenas essa correção na rodada seguinte. A calculadora não cria um percentil universal de memória nem substitui a pontuação do jogo; ela oferece uma medição transparente entre duas amostras para estudar melhor o resultado.