# 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. > Página canônica: https://elysiatools.com/pt/tools/css-color-name-resolver - **Categoria:** Design - **Palavras-chave:** nome de cor css, cor mais próxima, delta e, ciede2000, família de cores, hex para nome ## Visão geral 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. ## Entradas - **Cor (hex ou nome CSS)** (text): #3366ff or cornflowerblue - **Métrica de distância** (select) - **Modo de resultado** (select) - **Quantidade de correspondências** (number) ## Quando usar - Ao mapear cores hexadecimais de protótipos para palavras-chave nativas do CSS. - Ao precisar quantificar a diferença perceptual entre duas tonalidades usando a métrica Delta E (ΔE). - Ao explorar paletas e variantes dentro da mesma família cromática do padrão CSS. ## Como funciona - Informe um código hexadecimal (ex: #f4a460) ou um nome de cor CSS válido no campo principal. - Selecione a fórmula de distância perceptual desejada, como CIEDE2000, CIE94, CIE76 ou distância euclidiana RGB. - Escolha o modo de resultado entre 'Cores nomeadas mais próximas' ou 'Explorar família de cores' e defina a quantidade de correspondências. - Analise os resultados ordenados com os valores de ΔE, identificando correspondências exatas ou alternativas visualmente próximas. ## Casos de uso - Substituição de valores hexadecimais por nomes CSS semânticos em folhas de estilo e design tokens. - Auditoria de acessibilidade e contraste visual comparando o desvio ΔE entre cores de marca e padrões web. - Descoberta de todas as opções de tons de uma família de cores específica suportadas nativamente pelos navegadores. ## Perguntas frequentes ### 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. ## Ferramentas relacionadas - [Conversor de cores CMYK](https://elysiatools.com/pt/tools/cmyk-converter): Converte cores entre HEX, RGB, HSL e CMYK. - [Tonedor Sépia](https://elysiatools.com/pt/tools/color-sepia-toner): Aplicar efeitos de tons sépia nas cores com estilos clássico, quente, frio e personalizado - [Conversor de espacos de cor](https://elysiatools.com/pt/tools/color-space-converter): Converte uma cor entre HEX, RGB, HSL, CIELAB e Display-P3 com saida CSS e verificacao de gamut. - [Ferramenta de Cores Complementares Divididas](https://elysiatools.com/pt/tools/color-split-complement): Criar contraste harmonioso com esquemas de cores complementares divididas usando uma cor base e duas cores adjacentes ao seu complemento - [Conversor de Cores OKLCH](https://elysiatools.com/pt/tools/oklch-color-converter): Converte entre HEX, RGB, HSL, OKLCH e Display-P3 com a matemática do CSS Color 4, com leitura de luminosidade/croma/matiz, verificação de gamut sRGB e Display-P3, e sugestão de recorte fora do gamut - [Conversor Adobe RGB para CMYK](https://elysiatools.com/pt/tools/adobe-rgb-to-cmyk-converter): Converter valores de cor Adobe RGB para formato CMYK para impressão com suporte de canal alfa - [Conversor Adobe RGB para HEX](https://elysiatools.com/pt/tools/adobe-rgb-to-hex-converter): Converter valores de cor Adobe RGB para formato HEX para design web - [Conversor Adobe RGB para HSL](https://elysiatools.com/pt/tools/adobe-rgb-to-hsl-converter): Converter valores de cor Adobe RGB para formato HSL para trabalho de design ## Exemplos - [Exemplos de códigos de cor](https://elysiatools.com/pt/samples/color-code): Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos do Framework CSS Bulma](https://elysiatools.com/pt/samples/bulma): Exemplos do framework CSS Bulma incluindo colunas, componentes, controles de formulário, sistema de layout e padrões de design modernos baseados em CSS - [Exemplos de Seletores CSS](https://elysiatools.com/pt/samples/css-selectors): Coleção de exemplos de seletores CSS para testes de extração e análise ## Conteúdo relacionado - [Ferramentas de conversao de espacos de cor para web e impressao](https://elysiatools.com/pt/hubs/design-convert): Ferramentas reunidas para conversao de espacos de cor entre web e impressao em um unico hub. - [Geradores de efeitos CSS, paletas e tokens de design](https://elysiatools.com/pt/hubs/design-generate): Ferramentas reunidas para efeitos visuais em CSS, construcao de paletas e geracao de tokens de design em um unico hub. - [Ferramentas de auditoria de acessibilidade web e cores acessiveis](https://elysiatools.com/pt/hubs/web-accessibility-audits): Revise problemas WCAG, ordem de leitor de tela, falhas de contraste, risco para deficiencia de visao de cores e escolhas de cor acessivel em um unico hub para fluxos de acessibilidade web. - [Ferramentas de Design de Cor e Conversão de Espaços de Cor](https://elysiatools.com/pt/hubs/color-design-tools): Comparar conversores de cor, geradores de paletas, ferramentas de harmonia, verificadores de acessibilidade e utilitários de ajuste de cor em um só lugar para designers e desenvolvedores.