Cores Hexadecimais

Índice

• O que é o Código de Cores Hexadecimal?
• Transparência em Cores Hexadecimais
• Tabela de Cores Básicas com Transparência
• Usos do Código Hexadecimal em CSS

O que é o Código de Cores Hexadecimal?

O código de cores hexadecimal é uma representação compacta e amplamente utilizada para definir cores em páginas da web e outros ambientes digitais. Ele é composto por seis caracteres que correspondem aos valores das cores vermelho, verde e azul (RGB), usando o sistema de numeração hexadecimal. As cores são representadas no formato #RRGGBB, onde cada par de caracteres indica a intensidade de um dos três componentes da cor.

Por exemplo:

• #FF0000 representa o vermelho puro.
• #00FF00 representa o verde puro.
• #0000FF representa o azul puro.

Transparência em Cores Hexadecimais

Além das cores opacas definidas pelo formato #RRGGBB, existe uma extensão que permite definir a transparência usando o formato RGBA hexadecimal. Este formato é #RRGGBBAA, onde os dois últimos caracteres (AA) indicam o nível de opacidade ou transparência da cor.

• 00 representa completamente transparente.
• FF representa completamente opaco.

Por exemplo:

• #FF000080 define uma cor vermelha com 50% de transparência.
• #0000FF33 define um azul com 20% de opacidade.

Este formato é especialmente útil ao definir cores com diferentes níveis de opacidade em elementos da web, melhorando o controle visual em sobreposições e efeitos de transparência.

Tabela de Cores Básicas com Transparência

Abaixo estão alguns exemplos de cores no formato hexadecimal, tanto opacas quanto com diferentes níveis de transparência:

Usos do Código Hexadecimal em CSS

O código de cores hexadecimal é amplamente utilizado em CSS para definir cores de fundo, bordas e textos. Você pode usar tanto o formato #RRGGBB para cores opacas quanto o formato #RRGGBBAA para definir a opacidade diretamente. Isso é ideal para melhorar a estética de sites, especialmente ao trabalhar com elementos que requerem camadas ou transparência ajustável.