Quantas cores nomeadas CSS a ferramenta suporta?

Ela suporta as 148 palavras-chave do CSS Color Module Level 4, que representam 139 cores únicas com sinônimos unificados.

Por que o CIEDE2000 é a métrica recomendada?

O CIEDE2000 reflete com precisão a percepção do olho humano através do espaço CIELab, evitando distorções comuns no espaço RGB.

Como interpretar o valor de Delta E (ΔE)?

Valores abaixo de 1 são imperceptíveis, entre 1 e 2 são quase imperceptíveis, de 2 a 10 são evidentes e acima de 50 indicam tons opostos.

O que faz o modo 'Explorar família de cores'?

Ele agrupa as cores CSS em 12 famílias cromáticas (como azul, marrom e roxo/violeta) e classifica todas as opções da família em relação à cor informada.

A ferramenta diferencia sinônimos como gray e grey?

Não, aliases idênticos como gray/grey, aqua/cyan e fuchsia/magenta são consolidados para evitar duplicidades na listagem.

Elysia Tools

Navegação

Design

Resolvedor de nomes de cores CSS

Resolve qualquer cor hex para a cor nomeada CSS mais próxima com distância CIEDE2000 real e explora toda a sua família de cores.

Detalhes

O que esta ferramenta ajuda você a fazer

Construído sobre a lista completa do CSS Color Module Level 4 (148 palavras-chave, 139 cores distintas; os aliases gray/grey, aqua/cyan e fuchsia/magenta estão unificados). A distância segue o CIEDE2000 (formulação Sharma/Wu/Dalal 2005 com os casos especiais de envolvimento de matiz de 180°) via sRGB → RGB linear → XYZ(D65) → CIELab; os sites clássicos usam distância RGB pura, que classifica mal os azuis escuros — troque a métrica para ver o ranking mudar. A visão de família divide as 139 cores em 12 famílias por limiares HSL. Referência de ΔE: <1 imperceptível, 1–2 quase imperceptível, 2–10 evidente, ≥50 cores opostas.

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Execuções de exemplo preparadas

Clique em um exemplo para preencher o formulário automaticamente. Arquivos ainda precisam ser enviados.

2 exemplos

Sandy brown, exata

Resolver #f4a460 acerta a cor nomeada sandybrown com ΔE 0; a lista de candidatas mostra o quão distante ficam as demais.

<section class="cnr">exact match banner for sandybrown (#f4a460) · ranked list of 8 nearest colors with ΔE00 values and quality chips</section>

Um violeta de marca, modo família

No modo família, #8842d4 mostra as 16 cores nomeadas da família purple-violet ordenadas por ΔE00; blueviolet (3.68) é a mais próxima para design tokens.

<section class="cnr">family browse card: purple-violet family of 16 named colors, each with ΔE00 distance from #8842d4</section>

Entradas

Preencha os campos necessários e execute a ferramenta.

4 opções

ConteúdoCole ou digite os valores principais.1

Cor (hex ou nome CSS)textObrigatório

ConfiguraçõesAjuste formatos, intervalos, números e modos.3

Métrica de distânciaselectOpcionalModo de resultadoselectOpcionalQuantidade de correspondênciasnumberOpcional

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Resolvedor de nomes de cores CSS

O que esta ferramenta ajuda você a fazer

Executar esta ferramenta

Execuções de exemplo preparadas

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Execuções de exemplo preparadas

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Identificação de cor exata para CSS

2. Mapeamento de cor de marca para família CSS

Perguntas frequentes

Exemplos de códigos de cor

Exemplos de Processamento de Imagem Web Python

Exemplos do Framework CSS Bulma

Exemplos de Seletores CSS

Conversor de cores CMYK

Tonedor Sépia

Conversor de espacos de cor

Ferramenta de Cores Complementares Divididas

Ferramentas de conversao de espacos de cor para web e impressao

Geradores de efeitos CSS, paletas e tokens de design

Ferramentas de auditoria de acessibilidade web e cores acessiveis

Ferramentas de Design de Cor e Conversão de Espaços de Cor