Paleta de Cores Web-Safe

Todas as ferramentas

Explore as clássicas 216 cores web-safe numa grelha de amostras clicável — ordene por matiz ou por ordem de cubo, filtre por hex e copie qualquer valor HEX ou rgb() instantaneamente.

As 216 cores web-safe são todas as combinações dos níveis 00, 33, 66, 99, CC e FF em cada canal RGB. Tudo corre no seu browser — sem envios, sem registo, totalmente gratuito.

Sobre Paleta de Cores Web-Safe

A paleta de cores web-safe é o conjunto clássico de 216 cores construído a partir dos seis níveis de canal RGB 00, 33, 66, 99, CC e FF — o cubo de cor 6×6×6 que os primeiros ecrãs conseguiam representar sem dithering. Esta ferramenta apresenta as 216 amostras numa única grelha clicável, para que possa examinar, comparar e obter qualquer valor em segundos.

Pode ver a paleta na sua ordem original de cubo ou reordená-la por matiz, o que agrupa primeiro os cinzentos e depois percorre o espectro. Uma caixa de filtro hexadecimal reduz a grelha à medida que escreve, pelo que introduzir 33CC salta diretamente para as amostras que começam por esses dígitos.

Clicar numa amostra copia imediatamente o seu código HEX e abre um painel de detalhes com o valor rgb() correspondente e a cor CSS nomeada mais próxima, cada uma com o seu próprio botão de cópia. Tudo é calculado no seu navegador, o que a torna uma referência rápida para paletas retro, cores seguras para email e sistemas de design com restrições.

Como usar Paleta de Cores Web-Safe

  1. Abra a ferramenta para ver as 216 cores web-safe como uma grelha de amostras, ordenadas por defeito pela ordem do cubo.
  2. Mude a ordem de ordenação para "Por matiz" se preferir navegar primeiro pelos cinzentos e depois pelas cores agrupadas ao longo do espectro.
  3. Escreva na caixa de filtro hexadecimal (por exemplo 33CC99) para reduzir a grelha às amostras cujo código HEX começa por esses caracteres.
  4. Clique em qualquer amostra — o seu valor HEX é copiado de imediato para a área de transferência e abre-se um painel de detalhes abaixo da grelha.
  5. Use os botões de cópia no painel de detalhes para obter o código HEX, o valor rgb() ou a cor CSS nomeada mais próxima.

Perguntas frequentes

São as 216 cores formadas ao combinar os valores 00, 33, 66, 99, CC e FF nos canais vermelho, verde e azul. Este cubo 6×6×6 era a paleta que os ecrãs de 8 bits conseguiam mostrar de forma consistente sem dithering.

Os ecrãs modernos mostram milhões de cores, pelo que a restrição é histórica. A paleta continua a ser útil como um conjunto de cores compacto e uniformemente espaçado para designs retro, pixel art, protótipos rápidos e paletas de marca ou email com restrições.

Cada amostra selecionada oferece três valores copiáveis: o código HEX (como #33CC99), a notação rgb() equivalente, e a cor CSS nomeada mais próxima calculada por distância RGB. Clicar numa amostra na grelha também copia o seu HEX instantaneamente.

A ferramenta compara a amostra selecionada com uma lista incorporada de nomes de cores CSS padrão e devolve a correspondência mais próxima por distância RGB. Quando a correspondência não é exata, é marcada como aproximada com um sinal ≈.

Sim. A grelha completa de 216 cores, a ordenação por matiz, o filtro hexadecimal e cada ação de cópia são gratuitos, sem necessidade de registo. A paleta é gerada e ordenada inteiramente no seu navegador, sem qualquer pedido ao servidor.
Partilhar
Ferramentas Relacionadas
Gerador de Paletas de Cor Construa paletas de cores harmoniosas a partir de uma roda de cores interativa — aplique regras de harmonia como análoga, complementar ou tríade, e copie qualquer valor instantaneamente. Gratuito
Misturador de Cores Misture uma cor inicial com uma cor final em até 10 passos — pré-visualize o gradiente, obtenha cada tom e copie qualquer formato instantaneamente. Gratuito
Gerador de Tons de Cor Gere uma gama completa de tintes e tons a partir de uma única cor — escolha o passo de escurecimento/clareamento e o número de tons, depois copie qualquer valor instantaneamente. Gratuito
Extrator de Cores de Imagem Extraia uma paleta refinada e pronta a copiar de qualquer imagem. Gratuito
Emparelhamento de Tipos de Letra e Diretório Google Fonts Explore um diretório selecionado de Google Fonts populares com pré-visualizações em direto, filtre por categoria e pesquise por nome, depois copie CSS pronto a colar e explore emparelhamentos de tipos de letra sugeridos — tudo no seu browser. Gratuito
Ecrã totalmente preto Preencha todo o ecrã com preto puro — perfeito para detetar pixels presos brilhantes, verificar fugas de luz da retroiluminação ou como fundo escuro sem distrações. Grátis. Gratuito
Precisa de ajuda?
Encontrou um problema com esta ferramenta? Avise a nossa equipa.
Relatar um problema

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.