Cor Web-Safe Mais Próxima

A paleta web-safe de 216 cores: história e uso atual

A paleta web-safe é um conjunto fixo de 216 cores codificado por Lynda Weinman e Bob Stein na metade dos anos 1990. Na época, a maioria dos monitores rodava em modo 8-bit — só 256 cores simultâneas na tela — e Windows e Macintosh reservavam subconjuntos diferentes para a própria UI. Uma paleta que funcionasse igual nos dois sistemas precisava viver na interseção. O resultado foi 216 cores garantidamente renderizadas sem dithering em qualquer navegador, qualquer SO, qualquer display de 256 cores.

A matemática: 6 × 6 × 6

A paleta nasce de seis valores por canal RGB: 0, 51, 102, 153, 204, 255 — em hexadecimal, 00, 33, 66, 99, CC, FF. Multiplicando os três canais dá 6 × 6 × 6 = 216 combinações. As 40 entradas restantes de uma paleta de 256 ficavam para o sistema operacional desenhar bordas de janela, ícones e cursor. A assinatura visual de uma cor web-safe é que cada par hexa é dobrado: #33CC66 é web-safe; #345678 não é. Foi para isso que o shorthand hexa de 3 caracteres do CSS existe: #36C expande para #3366CC, que é naturalmente web-safe.

Contexto histórico

De 1995 a 1999, designers literalmente conferiam cada cor contra a cartela web-safe antes de publicar uma página — caso contrário, o navegador fazia dithering da cor faltante, produzindo um quadriculado ruidoso. Essa restrição moldou o visual da web pré-2000: blocos de cor chapados, gradientes da homepage da AOL, fundos do GeoCities. A paleta VGA anterior tinha 16 cores, a EGA, 64; o Macintosh System 7 trazia uma paleta de sistema de 256 — a web-safe foi um raro consenso multiplataforma.

Ainda faz sentido em 2025?

Para fidelidade de cor, não — monitores modernos são 24-bit (16,7 milhões de cores) ou 10-bit HDR (mais de um bilhão). Mas a paleta segue útil como:

• Estética retrô e vaporwave — o visual da web de 1996 é hoje um estilo deliberado.
• Desafios de paleta restrita — ferramentas de pixel art como PICO-8 e homebrew de Game Boy Advance vivem de paletas pequenas por design.
• GIF e PNG indexado — quando se precisa de imagem indexada de 8 bits, uma rampa web-safe é um bom ponto de partida.
• E-readers e e-ink — dispositivos com reprodução cromática reduzida se beneficiam de encaixar em uma paleta pequena.
• Sistemas legados — quiosques, caixas eletrônicos e UIs embarcadas ainda usam framebuffers de 8 bits aqui e ali.

Usando a paleta em CSS hoje

Valores web-safe mapeiam perfeitamente no shorthand hexa do CSS: color: #36C, background: #FC9. Todo navegador renderiza igual — não há mais hexadecimal "mais seguro" que outro, mas o shorthand é conciso e equivalente confiável à forma de 6 dígitos. A paleta também é uma forma rápida de quantizar uma cor de marca arbitrária num visual nostálgico e em bloco: arredonde cada canal para o múltiplo de 51 (ou 0x33) mais próximo e pronto.

Perguntas frequentes

Ainda preciso usar cores web-safe hoje? Não — praticamente todo aparelho exibe 24 bits de cor, então qualquer hexadecimal renderiza certo.

Posso usar em CSS moderno? Pode — e o shorthand de 3 caracteres (#36C) é essencialmente uma cor web-safe escrita de forma compacta.

Tem relação com jogos 8-bit? Compartilham a filosofia de paleta restrita, embora sistemas específicos (NES, GB, PICO-8) definam seus próprios subconjuntos.

Dá para fazer um gradient suave com web-safe? Não muito — 216 cores são poucas para uma rampa perfeitamente suave; vai aparecer banding. Use para designs em bloco e retrô, não para gradients.