Skip to main content
FreeToolkit .ai

Conversor de Nome de Cor CSS para HEX Pesquise códigos HEX para todos os 140+ nomes de cores CSS com busca e visualização.

Nome da Cor para HEX illustration
🎨

Nome da Cor para HEX

Pesquise códigos HEX para todos os 140+ nomes de cores CSS com busca e visualização.

1

Pesquisar por Nome

Digite o nome de uma cor, como "coral" ou "azul", para filtrar a lista.

2

Navegar pelas Cores

Role pela lista de mais de 140 cores nomeadas em CSS com amostras visuais.

3

Copiar Código HEX

Clique em Copiar para obter o código HEX de qualquer cor nomeada.

Loading tool...

What Is Nome da Cor para HEX?

A pesquisa de nome de cor CSS para HEX oferece acesso instantâneo a todas as 140+ cores definidas na especificação CSS por seus nomes legíveis por humanos. Em vez de memorizar códigos hex, o CSS permite usar nomes como "coral", "tomate", "steelblue" ou "rebeccapurple" diretamente em suas folhas de estilo. Essa ferramenta exibe cada cor nomeada com sua amostra visual, o código HEX exato e funcionalidade de copiar com um clique. É uma referência inestimável para desenvolvedores que desejam usar nomes de cores semânticos em protótipos, encontrar o valor hex de uma cor que conhecem pelo nome ou descobrir novas cores que não sabiam que existiam na especificação CSS. A interface pesquisável torna rápido encontrar cores específicas ou navegar por famílias de cores inteiras. As cores nomeadas em CSS variam desde primárias básicas até nuances como "lemonchiffon", "papayawhip" e "mintcream".

Why Use Nome da Cor para HEX?

  • Referência completa para todas as 140+ cores nomeadas em CSS
  • Amostras visuais facilitam a comparação de cores à primeira vista
  • Filtragem de pesquisa instantânea para encontrar cores por nome parcial
  • Copia com um clique para cada código HEX de cor
  • Útil para prototipagem rápida e aprendizado de nomes de cores em CSS

Common Use Cases

Prototipagem Rápida

Use cores nomeadas para prototipar rapidamente sem procurar códigos hex.

Referência CSS

Encontre o valor HEX exato para as cores nomeadas em CSS para garantir a consistência entre navegadores.

Ferramenta de Aprendizado

Explore a gama completa de cores nomeadas em CSS e seus equivalentes hex.

Revisões de Código

Verifique se as cores nomeadas no código correspondem à aparência visual pretendida.

Technical Guide

As cores nomeadas em CSS são um conjunto predefinido de 148 palavras-chave de cor (incluindo duplicatas como "aqua"/"cyan" e "fuchsia"/"magenta") especificadas no Módulo de Cor do CSS Nível 4. Cada nome mapeia uma cor sRGB específica definida como um triplet HEX. Esses nomes originaram-se do conjunto de cores X11 usado em sistemas de janelas Unix, com acréscimos ao longo do tempo. O nome "rebeccapurple" (#663399) foi adicionado em 2014 como uma homenagem à filha de Eric Meyer. As cores nomeadas são insensíveis a letras maiúsculas e minúsculas no CSS: "DarkSlateGray" e "darkslategray" são idênticas. Embora sejam convenientes para o desenvolvimento, as cores nomeadas têm limitações: oferecem apenas 148 das 16,7 milhões de cores RGB possíveis, e os nomes podem ser subjetivos (por exemplo, "cinza" é #808080 enquanto "darkgray" é #A9A9A9, que é mais claro do que "cinza"). Para código de produção, a maioria das equipes prefere HEX ou HSL para controle preciso de cores e consistência com as especificações de design.

Tips & Best Practices

  • 1
    As cores nomeadas em CSS são insensíveis a letras maiúsculas e minúsculas - "DarkBlue" e "darkblue" são idênticas
  • 2
    Contraintuitivamente, "darkgray" (#A9A9A9) é mais claro do que "gray" (#808080)
  • 3
    As cores nomeadas são ótimas para prototipagem, mas normalmente substituídas por valores HEX exatos em produção
  • 4
    A palavra-chave "transparente" também é uma cor CSS válida equivalente a rgba(0,0,0,0)
  • 5
    rebeccapurple (#663399) foi a última cor nomeada adicionada, em homenagem à Rebecca Meyer

Related Tools

Conversor HEX para RGB - free online tool

Conversor HEX para RGB

Converta códigos de cor HEX em valores RGB instantaneamente com uma pré-visualização ao vivo.

🎨 Color Tools
Conversor HEX para HSL - free online tool

Conversor HEX para HSL

Converta códigos de cor HEX para valores HSL (Matiz, Saturação, Luminosidade).

🎨 Color Tools
Seletor de Cores - free online tool

Seletor de Cores

Seletor de cores interativo com saídas em HEX, RGB, HSL e CMYK.

🎨 Color Tools
Encontrador de Cores Tailwind - free online tool

Encontrador de Cores Tailwind

Encontre a classe de cor CSS do Tailwind mais próxima para qualquer código HEX.

🎨 Color Tools
Referência de Cores Nomeadas CSS - free online tool

Referência de Cores Nomeadas CSS

Navegue por todas as 140+ cores nomeadas CSS com busca, classifique por tom ou claridade.

🎨 Color Tools

Frequently Asked Questions

Q Quantas cores nomeadas em CSS existem?
Existem 148 cores nomeadas na especificação CSS, incluindo alguns pares duplicados (aqua/cyan, fuchsia/magenta). Isso resulta em 145 cores únicas.
Q As cores nomeadas são suportadas em todos os navegadores?
Sim, todos os navegadores modernos suportam todas as cores nomeadas em CSS. Elas fazem parte da especificação CSS desde o CSS1 (cores básicas) e CSS3 (cores estendidas).
Q Posso usar cores nomeadas em JavaScript?
Sim, você pode usar cores nomeadas no Canvas, bibliotecas de CSS-in-JS e qualquer propriedade CSS definida via JavaScript. Por exemplo: element.style.color = "tomato".
Q Por que darkgray é mais claro do que gray?
Isso é um erro histórico do sistema de nomenclatura de cores X11. "gray" é #808080 (cinza médio), enquanto "darkgray" é #A9A9A9 (uma tonalidade mais clara). A nomenclatura foi inconsistente na especificação original.

About This Tool

Nome da Cor para HEX is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.