Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno Conte

Cor em RGBA

Recommended Posts

[inline]rgba( 0, 0, 0, 1.0 );[/inline]

 

Lembre-se, cada componente equivale à um canal: [inline]rgba( red, green, blue, alpha );[/inline]

 

Preto é ausência de cor, logo 0 em cada componente, menos no alpha, que é o fator de transparência que será aplicado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como o JCMais falou

o rgba é mesma coisa que os codigos de cores em hexadecimal, #123456 (r = 12, g = 34, b = 56)

porem o A do rgbA é a alpha, que é o nivel de transparencia, 0 como totalmente transparence e 1 como nada transparente

Compartilhar este post


Link para o post
Compartilhar em outros sites

rgba é mesma coisa que os codigos de cores em hexadecimal, #123456 (r = 12, g = 34, b = 56)

Hm, você provavelmente se confundiu nesse ponto.

 

Lembre-se, a base é hexadecimal, não decimal, logo os valores corretos seriam: r = 18, g = 52 e b = 86 ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Hm, você provavelmente se confundiu nesse ponto.

 

Lembre-se, a base é hexadecimal, não decimal, logo os valores corretos seriam: r = 18, g = 52 e b = 86 ;)

 

 

Muito obrigado pela correção e novos conhecimentos :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom dia, tenho uma div principal com 900px e agora quero criar uma div onde coloco espaçamento entre as bordas principal.

 

por exemplo dando um espaçamento de 20px entre cada lado da div.

 

att.

Compartilhar este post


Link para o post
Compartilhar em outros sites

voce pode tentar assim....

 

#div_principal {
     width: 900px;
}

#div_filho {
     width: 860px;
     margin: 0 auto;
     /* 'margin: 0 auto' ira centralizar esse div, dentro do div_principal
     consequentemente, deixando 20px de cada lado */
}

 

ou voce tambem pode fazer de outro jeito, usando padding

 

#div_principal {
    width: 900px;
    padding-left: 20px;
}

#div_filho {
    width: 860px;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Preto é ausência de cor, logo 0 em cada componente, menos no alpha, que é o fator de transparência que será aplicado.

 

Nunca se esqueça de que isso não é uma regra geral, pois isso condiz com cores geradas pelo monitor no formato RGB, pois usando o Padrão CMYK que é o padrão de impressão os níveis C=0 M=0 Y=0 K=0, correspondem a cor branca!

--

Compartilhar este post


Link para o post
Compartilhar em outros sites

pois usando o Padrão CMYK

Nós não estamos falando do padrão CMYK, que aliás, nem pode ser representado diretamente via CSS. (:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nós não estamos falando do padrão CMYK, que aliás, nem pode ser representado diretamente via CSS. (:

Pode sim. Veja!

h3 { color: cmyk(0.8, 0.5, 0.0, 0.3) }

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.