Skip to main content
FreeToolkit .ai

Referência de Cores Nomeadas CSS Navegue por todas as 140+ cores nomeadas CSS com busca, classifique por tom ou claridade.

Referência de Cores Nomeadas CSS illustration
🎨

Referência de Cores Nomeadas CSS

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

1

Pesquisar Cores

Filtrar cores digitando um fragmento de nome.

2

Opções de Ordenação

Ordenar por nome alfabético, ângulo de tom ou claridade.

3

Copiar HEX

Copiar o código HEX de qualquer cor.

Loading tool...

What Is Referência de Cores Nomeadas CSS?

A Referência de Cores Nomeadas CSS é um catálogo visual abrangente de todas as 140+ cores nomeadas CSS definidas na especificação W3C. Ao contrário de uma simples ferramenta de pesquisa, essa referência oferece várias opções de ordenação - alfabética, por matiz (agrupando cores semelhantes), e por claridade (da mais clara para a mais escura) - tornando-a uma ferramenta poderosa para exploração e descoberta de cores. Cada entrada de cor exibe um visor visual, o nome semântico e o código HEX. A função de busca filtra as correspondências parciais de nomes, então digitar "azul" mostra todas as cores relacionadas a azul (aliceblue, blue, cadetblue, cornflowerblue, etc.). Essa referência é essencial para desenvolvedores que desejam encontrar rapidamente cores nomeadas, explorar quais nomes de cor CSS estão disponíveis ou escolher nomes de cor semanticamente significativos para prototipagem.

Why Use Referência de Cores Nomeadas CSS?

  • Catálogo completo de todas as cores nominais CSS (140+)
  • Três opções de ordenação: nome, tom e claridade
  • Filtragem de pesquisa por correspondência parcial de nome
  • Amostras visuais para comparação instantânea de cores
  • Copia com um clique para cada código HEX

Common Use Cases

Descoberta de Cores

Navegar pelas cores nominais ordenadas por tom para descobrir novas cores que você não sabia que existiam no CSS.

Referência Rápida

Encontrar o valor HEX exato para qualquer cor nominal do CSS.

Prototipagem

Escolher nomes de cores semânticos para prototipagem rápida sem procurar códigos hexadecimais.

Educação

Aprender a gama completa de cores nominais do CSS e sua aparência visual.

Technical Guide

As cores nomeadas CSS são palavras-chave definidas no módulo de cor CSS Nível 4. Existem 148 cores nomeadas (incluindo alias como aqua/cyan). Cada nome é mapeado para uma cor sRGB específica. A ordenação por matiz usa o ângulo de matiz HSL (0-360°) extraído do valor hex de cada cor, que agrupa vermelhos, laranjas, amarelos, verdes, azuis e roxos juntos. A ordenação por claridade usa o valor de claridade HSL (0-100%). As cores acromáticas (preto, branco, cinzas) têm um matiz de 0°, mas uma saturação muito baixa, então elas se agrupam em uma extremidade da ordenação por matiz. Algumas inconsistências de nomenclatura existem do legado do sistema de cores X11 - notadamente, "darkgray" (A9A9A9) é mais claro que "gray" (808080).

Tips & Best Practices

  • 1
    Ordenar por tom para encontrar todos os azuis, verdes, vermelhos, etc. agrupados juntos
  • 2
    Ordenar por claridade para encontrar rapidamente cores claras para fundos ou cores escuras para texto
  • 3
    A pesquisa aceita correspondências parciais - "mar" encontra marine, marinho, azul-marinho, etc.
  • 4
    Cores nominais são ótimas para estilizar console.log, preenchimentos de SVG e protótipos rápidos
  • 5
    Para produção, substitua cores nominais por valores HEX exatos para garantir a previsibilidade

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
Nome da Cor para HEX - free online tool

Nome da Cor para HEX

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

🎨 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

Frequently Asked Questions

Q Quantas cores nominais do CSS existem?
148 cores nominais na especificação do CSS, com 145 cores únicas (3 são alias: aqua=cyan, fuchsia=magenta, darkgrey=darkgray).
Q O que significa ordenar por tom?
A ordenação por tom organiza as cores pela sua posição na roda de cores (0-360°). Os vermelhos vêm primeiro (0°), seguidos pelos laranjas, amarelos, verdes, azuis, roxos e voltando aos vermelhos. Os cinzas têm um tom indefinido e aparecem em uma das extremidades.
Q Posso usar cores nominais no CSS moderno?
Sim, as cores nominais funcionam em todas as propriedades do CSS que aceitam valores de cor. Elas são definidas no padrão do CSS e têm suporte universal.

About This Tool

Referência de Cores Nomeadas CSS 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.