Como criar um RGBA branco em HTML

RGBA () é uma função CSS integrada e seu nome é abreviado para vermelho, verde, azul e alfa. É uma extensão da função rgb () que oferece um canal alfa para definir a opacidade da cor. Ele também nos permite criar cores diferentes usando a função CSS RGBA ().

Neste artigo, aprenderemos a criar um RGBA branco em HTML com a ajuda da função rGBA ().

Crie um RGBA branco em HTML

RGBA () especifica uma sequência de valores que podem alterar a cor de um elemento como sua cor de fundo, cor da imagem, cor da caixa e assim por diante. Além disso, também pode ser utilizado para criar uma cor branca usando um conjunto específico de valores de RGBA.

Sintaxe

No CSS, você pode usar a seguinte sintaxe para criar uma cor com os valores RGBA:

RGBA (vermelho, verde, azul, alfa)

Aqui, a intensidade da cor é definida por cada parâmetro (vermelho, verde, azul, alfa). Usando esta fórmula, podemos exibir RGBA branco definindo todos os parâmetros de cores para “255”, E Alpha para“0”. Em geral, as faixas de alfa começam de 0.0 e termina em 1.0, onde 0.0 indica transparência completa e 1.0 indica nenhuma transparência.

Para esclarecer os pontos acima mencionados, vamos para o exemplo.

Exemplo: Criando RGBA branco em HTML usando a função rGBA ()

Para criar um RGBA branco, primeiro adicionaremos um contêiner usando o “”Tag em nosso arquivo HTML:

Na próxima etapa, atribuiremos valores à largura e altura como “50%" e "200px”. Em seguida, adicione qualquer cor de fundo do div usando a função rGBA () no CSS. Depois disso, defina a cor da borda “Preto sólido”Para criar uma diferença entre toda a página da web e a div:

.Rgba
largura: 50%;
Altura: 200px;
Antecedentes: RGBA (23, 1, 36, 0.7);

.Rgba
borda: 5px preto sólido;

Atualmente, nossa página da web é assim:

Agora, definiremos o RGBA branco como fundo de nosso recipiente passando “255, 255, 255, 0”Como um argumento para a função rGBA ():

.Rgba
largura: 50%;
Altura: 200px;
Antecedentes: RGBA (255, 255, 255, 0);

.Rgba
borda: 5px preto sólido;

Depois de implementar o código fornecido, consulte seus resultados:

Observação: Você também pode criar cores RGBA brancas usando a função rGBA () definindo o valor de vermelho, verde azul e alfa para “0”.

Conclusão

Para criar uma cor branca, passe os três primeiros parâmetros da função rGBA () como “255”E o parâmetro alfa como“0”. Você também pode gerar RGBA branco, passando os valores de todos os parâmetros como “0”. Além disso, a função rGBA () nos permite definir as diferentes cores nos elementos HTML. Este artigo demonstrou o método de criar RGBA branco em HTML.