Cores da web

As cores da Web são cores usadas na exibição de páginas da web e os métodos para descrever e especificar essas cores. As cores podem ser especificadas como um tripleto RGB ou em formato hexadecimal (um tripleto hexadecimal) ou de acordo com seus nomes comuns de inglês em alguns casos. Uma ferramenta de cor ou outro software de gráficos geralmente é usado para gerar valores de cor. Em alguns usos, os códigos de cores hexadecimais são especificados com notação usando um sinal de número de liderança (#). Uma cor é especificada de acordo com a intensidade de seus componentes vermelho, verde e azul, cada uma representada por oito bits. Assim, existem 24 bits usados ​​para especificar uma cor da web dentro da gama sRGB e 16.777.216 cores que podem ser especificadas.

Cores fora da gama sRGB podem ser especificadas em folhas de estilo em cascata, fazendo com que um ou mais dos componentes vermelho, verde e azul sejam negativos ou superiores a 100%, de modo que o espaço de cores é, teoricamente, uma extrapolação ilimitada de sRGB semelhante ao scRGB. Especificar uma cor não-sRGB dessa maneira requer a chamada de função RGB (); é impossível com a sintaxe hexadecimal (e, portanto, impossível em documentos HTML legados que não usam CSS).

As primeiras versões do Mosaic e do Netscape Navigator usaram os nomes das cores X11 como base para suas listas de cores, pois ambos começaram como aplicativos do sistema X Window. As cores da Web têm uma definição colorimétrica inequívoca, sRGB, que relaciona as cromatografias de um determinado conjunto de fósforo, uma curva de transferência dada, ponto branco adaptativo e condições de visualização. Estes foram escolhidos para serem semelhantes a muitos monitores do mundo real e condições de visualização, para permitir que a renderização seja bastante próxima dos valores especificados mesmo sem gerenciamento de cores. Os agentes de usuário variam na fidelidade com a qual representam as cores especificadas. Agentes de usuário mais avançados usam gerenciamento de cores para fornecer melhor fidelidade de cores; Isso é particularmente importante para aplicações de impressão na Web.

Tripleto Hex
Um tripleto hexadecimal é um número hexadecimal de seis dígitos e três bytes usado em HTML, CSS, SVG e outras aplicações de computação para representar cores. Os bytes representam os componentes vermelho, verde e azul da cor. Um byte representa um número no intervalo de 00 a FF (em notação hexadecimal), ou 0 a 255 em notação decimal. Isso representa a intensidade mínima (0) para a maioria (255) de cada um dos componentes de cores. Assim, as cores da web especificam cores no esquema de cores True Color (24-bit RGB). O tripleto hexadecimal é formado por concatenar três bytes em notação hexadecimal, na seguinte ordem:

Byte 1: valor vermelho (tipo de cor vermelho)
Byte 2: valor verde (tipo de cor verde)
Byte 3: valor azul (tipo de cor azul)
Por exemplo, considere a cor onde os valores vermelho / verde / azul são números decimais: vermelho = 36, verde = 104, azul = 160 (uma cor azul-acinzentada). Os números decimais 36, 104 e 160 são equivalentes aos números hexadecimais 24, 68 e A0, respectivamente. O tripleto hexagonal é obtido concatenando os 6 dígitos hexadecimais em conjunto, 2468A0 neste exemplo.

Se qualquer um dos três valores de cores for inferior a 10 hexadecimal (16 decimais), ele deve ser representado com um zero inicial para que a triplete tenha sempre exatamente seis dígitos. Por exemplo, o tripleto decimal 4, 8, 16 seria representado pelos dígitos hexadecimais 04, 08, 10, formando o triplete hexagonal 040810.

O número de cores que pode ser representado por este sistema é 166 ou 2563 ou 224 = 16,777,216.

Forma esquelética hexadecimal
É utilizada uma forma abreviada, três (hexadecimal) de um dígito. Expandir esse formulário para o formulário de seis dígitos é tão simples quanto duplicar cada dígito: 09C torna-se 0099CC como apresentado no seguinte exemplo CSS:

.thredigit {cor: # 09C; }
.sixdigit {cor: # 0099CC; } / * mesma cor como acima * /
O formulário de três dígitos é descrito na especificação CSS, não em HTML. Como resultado, o formulário de três dígitos em um atributo diferente de “estilo” não é interpretado como uma cor válida em alguns navegadores.

Essa forma abreviada reduz a paleta para 4.096 cores, equivalente a cor de 12 bits em oposição à cor de 24 bits usando a forma inteira de seis dígitos (16.777.216 cores), essa limitação é suficiente para muitos documentos baseados em texto.

Convertendo RGB para hexadecimal
Veja também: Hexadecimal § Conversão
Os valores de RGB geralmente são fornecidos na faixa 0-255; se eles estiverem no intervalo 0-1, os valores são multiplicados por 255 antes da conversão. Este número dividido por dezesseis (divisão inteira, ignorando qualquer restante) nos dá o primeiro dígito hexadecimal (entre 0 e F, onde as letras A a F representam os números dez a quinze. Veja hexadecimal para mais detalhes). O restante nos dá o segundo dígito hexadecimal. Por exemplo, o valor RGB 201 divide em doze grupos de dezesseis, portanto o primeiro dígito é C. Um restante de nove nos dá o número hexadecimal C9. Esse processo é repetido para cada um dos três valores de cor.

A conversão entre bases numéricas é uma característica comum das calculadoras, incluindo modelos manuais e as calculadoras de software empacotadas com a maioria dos sistemas operacionais modernos. Ferramentas baseadas na Web especificamente para converter valores de cores também estão disponíveis.

Nomes de cores X11

Uma série de cores são definidas pelos navegadores da web. Um navegador específico pode não reconhecer todas essas cores, mas a partir de 2005, todos os navegadores gráficos modernos e de uso geral suportam a lista completa de cores. Muitas dessas cores são da lista de nomes de cores X11 distribuídos com o X Window System. Essas cores foram padronizadas pelo SVG 1.0 e são aceitas pelos agentes de usuário completo SVG. Eles não fazem parte do SVG Tiny.

A lista de cores fornecida com o produto X11 varia entre implementações e choques com certos nomes HTML, como verde. As cores X11 são definidas como RGB simples (portanto, nenhum espaço de cores específico), em vez de sRGB. Isso significa que a lista de cores encontradas no X11 (por exemplo, em /usr/lib/X11/rgb.txt) não deve ser usada diretamente para escolher cores para a web.

A lista de “cores X11” da web da especificação CSS3, juntamente com seus equivalentes hexadecimais e decimais, é mostrada abaixo. Compare as listas alfabéticas nos padrões do W3C. Isso inclui os sinônimos comuns: aqua (nome padrão HTML4 / CSS 1.0) e ciano (nome comum sRGB), magenta (nome comum sRGB) e fúcsia (nome padrão HTML4 / CSS 1.0), cinza (nome padrão HTML4 / CSS 1.0) e cinzento.

Cores seguras para a Web
Nos primeiros dias da computação, muitas telas só podiam exibir 256 cores. Estes podem ser ditados pelo hardware ou alteráveis ​​por uma “tabela de cores”. Quando uma cor é encontrada (por exemplo, em uma imagem) que não é disponível, uma outra precisava ser usada. Isso pode ser feito usando a cor mais próxima, acelerando o tempo de carregamento ou usando dithering, o que resulta em resultados mais precisos, mas leva mais tempo para carregar devido aos cálculos complexos.

Houve várias tentativas para fazer uma paleta de cores “padrão”. Era necessário um conjunto de cores que pudesse ser mostrado sem interferir em exibições de 256 cores; o número 216 foi escolhido em parte porque os sistemas operacionais de computadores costumavam reservar dezesseis a vinte cores para seu próprio uso; Também foi selecionado porque permite exatamente seis tons iguais de vermelho, verde e azul (6 × 6 × 6 = 216), cada um de 00 a FF (incluindo ambos os limites).

A lista de cores é apresentada como se tivesse propriedades especiais que as tornassem imunes ao dithering. Na verdade, no entanto, em aplicativos de 256 cores, os aplicativos podem definir uma paleta de qualquer seleção de cores que eles escolherem, definhando o resto. Essas cores foram escolhidas especificamente porque combinavam com as paletas selecionadas por várias aplicações do navegador. Não havia paletas muito diferentes em uso em navegadores diferentes.

As cores “Web-safe” tiveram uma falha em que, em sistemas como X11 onde a paleta é compartilhada entre aplicativos, cubos de cores menores (5 × 5 × 5 ou 4 × 4 × 4) foram alocados pelos navegadores – o “web safe “As cores dither em tais sistemas. Resultados diferentes foram obtidos fornecendo uma imagem com uma gama maior de cores e permitindo que o navegador quantize o espaço de cores, se necessário, em vez de sofrer a perda de qualidade de uma dupla quantização.

A partir de 2011, os computadores pessoais normalmente possuem 24 bits (TrueColor) eo uso de cores “web-safe” caiu em desuso prática.

As cores “web-safe” não têm todos nomes padrão, mas cada um pode ser especificado por um tripleto RGB: cada componente (vermelho, verde e azul) leva um dos seis valores da tabela a seguir (dos 256 possíveis valores disponíveis para cada componente em cores completas de 24 bits).

Cores mais seguras da web
Os designers foram encorajados a manter essas 216 cores “web-safe” em seus sites porque havia muitos ecrãs a cores de 8 bits quando a paleta de cores 216 foi desenvolvida. David Lehn e Hadley Stern descobriram que apenas 22 das 216 cores da paleta segura na web são exibidas de forma confiável sem um remapeamento inconsistente em monitores de computador de 16 bits.

Cores CSS
A especificação Cascading Style Sheets define o mesmo número de cores com nome que a especificação HTML 4, ou seja, as cores de 16 html e 124 cores da lista de cores Netscape X11 para um total de 140 nomes reconhecidos pelo Internet Explorer (IE) 3.0 e Netscape Navigator 3.0. O Blooberry.com observa que o Opera 2.1 e o Safari 1 também incluíam a lista expandida da Netscape de 140 nomes de cores, mas depois descobriram 14 nomes não incluídos no Opera 3.5 no Windows 98.

No CSS 2.1, a cor ‘laranja’ (um dos 140) foi adicionada à seção com as 16 cores HTML4 como uma 17ª cor. A especificação CSS3.0 não incluiu laranja na seção “palavras-chave de cores HTML4”, que foi renomeada como “palavras-chave de cores básicas”. Na mesma referência, a seção “palavras-chave de cores SVG” foi renomeada como “palavras-chave de cores estendidas”, depois de iniciar como “palavras-chave de cores X11” em um rascunho de trabalho anterior.

CSS 2, SVG e CSS 2.1 permitem que os autores da Web usem cores do sistema, que são nomes de cores cujos valores são tirados do sistema operacional, escolhendo a cor de texto destacada do sistema operacional ou a cor de fundo para controles de dicas de ferramentas. Isso permite que os autores da Web modelem seu conteúdo de acordo com o sistema operacional do agente do usuário. O módulo de cores CSS3 depreciou o uso de cores do sistema em favor da propriedade CSS3 UI System Appearance, que em si foi subsequentemente abandonada da CSS3.

Em 21 de junho de 2014, o CSS WG adicionou a cor RebeccaPurple ao Rascunho do Editor do módulo CSS4 Colors, para comemorar a filha de Eric Meyer, Rebecca, que morreu em 7 de junho de 2014, seu sexto aniversário.

Acessibilidade
Alguns navegadores e dispositivos não suportam cores. Para esses monitores, ou para usuários cegos e colorblind, o conteúdo da Web dependendo de cores pode ser inutilizável ou difícil de usar.

Nenhuma das cores deve ser especificada (para invocar as cores padrão do navegador), ou o fundo e todas as cores do primeiro plano (como as cores do texto simples, links não visitados, links suspensos, links ativos e links visitados) devem ser especificados para evitar preto em preto ou branco em efeitos brancos.