quinta-feira, 5 de março de 2020

Cores na Web - Hexadecimal (HTML E CSS)

As cores da web são formadas por três pares de números hexadecimais, ou seja, números de 0 a 9 e letras de A a F.
As cores na web usam o conceito de RGB, portanto, cada par representa um nivelamento de cor. Esses hexadecimais são definidos por tralha inicial (ou em inglês, sharp - #). A fusão das cores compõe outras cores, indo do mais escuro (0) ao mais claro (F).

Tabela Referencial
 RGB
VermelhoVerdeAzul
#000000

Sabendo que podemos fazer qualquer combinação, usar 6 hexadecimais nos dá uma gama de mais de 16 milhões de cores.

Além dos hexadecimais, podemos usar cores já pré-definidas utilizando seus nomes. Veja a tabela:

CorNomeHexadecimalCorNomeHexadecimal
 Black#000000 Green#008000
 Silver#C0C0C0 Lime#00FF00
 Gray#808080 Olive#808000
 White#FFFFFF Yellow#FFFF00
 Maroon#800000 Navy#000080
 Red#FF0000 Blue#0000FF
 Purple#800080 Teal#008080
 Fuchsia#FF00FF Aqua#00FFFF

Considerações importantes


Desde o surgimento de folhas de estilo, o uso de cores especificadas por atributos HTML como bgcolor ou color é extremamente desencorajado pelo W3C.

Outra recomendação do W3C é que não podemos usar combinações que causem problemas à pessoas com dificuldades em distingüir cores.

Se for usar uma imagem ou cor de fundo, certifique-se de modificar as cores do texto também.

Cores especificadas em tags têm aparência diferente em plataformas diferentes (exemplo: Windows, Mac, Monitor LCD e CRT). Portanto, não podemos confiar inteiramente neste efeito. No futuro, suporte a modelos de cores SRGB juntamente com perfis de cores ICC deverão acabar com este problema.

Um comentário:

  1. Your Affiliate Profit Machine is waiting -

    And earning money online using it is as easy as 1---2---3!

    Here's how it works...

    STEP 1. Choose affiliate products the system will advertise
    STEP 2. Add some push button traffic (this ONLY takes 2 minutes)
    STEP 3. Watch the system explode your list and sell your affiliate products all by itself!

    Are you ready to start making money?

    You can test-drive the system for yourself risk free...

    ResponderExcluir