Estilizando Texto e Cores

Anteriormente, adicionamos cores ao texto de forma bastante intuitiva e direta. No entanto, vamos explorar os detalhes da aplicação de cores.

Cor

A cor do texto pode ser aplicada a um elemento de texto utilizando a propriedade CSS color, que pode receber um valor em vários formatos.

Os valores de cor mais utilizados são RGB, hexadecimal e nomes de cores. Considere o exemplo a seguir, onde aplicamos azul ao texto.

Formatos para Especificar Cor

Análise detalhada de cada formato.

Nome da Cor

É possível utilizar palavras reservadas para cores. A lista de cores reservadas pode ser encontrada em https://htmlcolorcodes.com.

O CSS fornece nomes de cores predefinidos como blue, red, green, purple e outros. São de fácil leitura, porém limitados em variedade.

Formato Hexadecimal

Hex representa cores como um código de seis dígitos composto por três pares de valores de dois dígitos após o símbolo #. Cada par representa a intensidade de red, green e blue (nessa ordem).

Os valores no formato hexadecimal variam de 00 (sem intensidade) a FF (intensidade máxima).

Formato RGB

RGB representa cores como uma série de três números que correspondem à intensidade de vermelho, verde e azul (nesta ordem)

Os valores no formato RGB variam de 0 (sem intensidade) a 255 (intensidade máxima).

Transparência com RGBA

Transparência em cores rgb pode ser obtida utilizando a notação rgba (vermelho, verde, azul, alfa), onde alfa é o nível de opacidade ou transparência da cor.

O valor alfa pode variar de 0 (completamente transparente) até 1 (completamente opaco). Por exemplo, o valor RGBA rgba(0, 255, 0, 0.5) representa uma cor verde com 50% de opacidade.