0

Resultado da Codificação

Cor RGB (Hex)
Notação
Cor RGB
Espaço de cor
Notação

Sobre a cor RGB

A cor RGB é um modelo de cor que representa cores combinando três componentes de luz: vermelho, verde e azul. É amplamente usada para cores em telas, como displays, páginas web e dados de imagem.

Em RGB, a intensidade de cada componente é especificada com um valor numérico. Geralmente é representada como um inteiro de 0 a 255 ou como uma porcentagem de 0% a 100%. Quando todos os componentes são 0, a cor é preta; quando todos estão no máximo, a cor é branca.

CorNotação RGBNotação hexadecimal
Vermelhorgb(255 0 0)#ff0000
Verdergb(0 128 0)#008000
Azulrgb(0 0 255)#0000ff
Brancorgb(255 255 255)#ffffff
Pretorgb(0 0 0)#000000

Cores RGB podem ser escritas em forma de função ou em notação hexadecimal. Por exemplo, o vermelho pode ser representado como rgb(255 0 0), rgb(100% 0% 0%), #ff0000 ou #f00.

Para incluir transparência, adicione um valor alfa. Por exemplo, o vermelho semitransparente pode ser representado como rgb(255 0 0 / 50%) ou #ff000080.

A conversão de cor RGB do DenCode oferece suporte às seguintes opções de notação.

Cor RGB (hexadecimal)
Opção de notaçãoFormatoExemplo
#RRGGBB(AA)#RRGGBB
#RRGGBBAA
#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
Cor RGB
Opção de notaçãoFormatoExemplo
Númerorgb(R G B)
rgb(R G B / A)
rgb(255 0 0)
rgb(255 0 0 / 0.5)
Porcentagemrgb(R% G% B%)
rgb(R% G% B% / A)
rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB não é uma notação hexadecimal padrão de CSS, mas um formato ARGB às vezes usado em programas e configurações de aplicativos. O AA inicial representa alfa, seguido de RR, GG e BB para vermelho, verde e azul.

sRGB e outros espaços de cor RGB

RGB é um modelo de cor que representa cores com três componentes: vermelho, verde e azul. No entanto, mesmo com os mesmos valores RGB, a cor real muda conforme o espaço de cor usado para interpretação. Valores comuns na web, como rgb() e #RRGGBB, normalmente são tratados como cores sRGB.

CSS Color Module Level 4 também define espaços RGB com gamas diferentes de sRGB, como Display P3 e ProPhoto RGB. O DenCode também oferece suporte à conversão desses espaços.

Espaço de corFormatoExemploCaracterísticas
sRGBrgb(...)
color(srgb ...)
rgb(255 0 0)
color(srgb 1 0 0)
O espaço RGB comum para web e CSS. Códigos hexadecimais e valores rgb() comuns são basicamente tratados como sRGB. color(srgb ...) é um formato do CSS Color Module Level 4.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)Um espaço de cor que usa a mesma gama de sRGB, mas representa valores com componentes linearizados. É usado em cálculos e composições de cor.
Display P3color(display-p3 ...)color(display-p3 1 0 0)Um espaço de gama mais ampla que sRGB, usado em telas wide gamut e alguns dispositivos móveis.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)Um espaço mais amplo que sRGB, às vezes usado em edição de fotos e fluxos voltados à impressão.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Um espaço RGB com gama ainda mais ampla que Adobe RGB, usado como espaço de trabalho na edição de fotos.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)Um espaço RGB com gama muito ampla, usado em padrões de vídeo UHDTV e HDR.

Cores especificadas em espaços RGB de gama ampla podem não ser representadas com precisão em telas sRGB ou com códigos hexadecimais comuns. Quando o DenCode converte para #RRGGBB ou rgb(R G B) numérico, componentes fora do intervalo sRGB são tratados para caber entre 0 e 255. Ao escolher color(display-p3 ...) ou color(a98-rgb ...), elas podem ser exibidas como valores do espaço selecionado.