Transparent black color and Opacity Color Codes

Today, We want to share with you transparent black color code.In this post we will show you 100 transparent color code android, hear for Decimal Red, Green, Blue, and Opacity Color Codes we will give you demo and example for implement.In this post, we will learn about Black Transparent Rgba Color with an example.

Black transparent rgba color code

there are main two hexadecimal characters can here range from 00 to FF.
For example,

  • Normal opaque black hex- “#000000”
  • Fully transparent – “#00000000”
  • Fully opaque – “#FF000000”
  • 50% transparent – “#7F000000”

rgba blue color

rgb(0,0,255) /*blue*/ Hex #0000FF

rgba white color

rgb(255,255,255) /*white*/ Hex #FFFFFF

rgba green color

rgb(0,128,0) /*green*/ Hex #008000

Decimal Red, Green, Blue, and Opacity Color Codes

The color list below demonstrates these RBGA codes.

Color Name rgb(R,G,B) Swatch rgba(R,G,B,a) Swatches
rgb(R,G,B) a = 1.0 a = 0.9 a = 0.8 a = 0.7 a = 0.6 a = 0.5 a = 0.4 a = 0.3 a = 0.2 a = 0.1 a = 0.0
black rgb(0,0,0) text text text text text text text text text text text text
navy rgb(0,0,128) text text text text text text text text text text text text
blue rgb(0,0,255) text text text text text text text text text text text text
green rgb(0,128,0) text text text text text text text text text text text text
teal rgb(0,128,128) text text text text text text text text text text text text
lime rgb(0,255,0) text text text text text text text text text text text text
aqua rgb(0,255,255) text text text text text text text text text text text text
maroon rgb(128,0,0) text text text text text text text text text text text text
purple rgb(128,0,128) text text text text text text text text text text text text
olive rgb(128,128,0) text text text text text text text text text text text text
gray rgb(128,128,128) text text text text text text text text text text text text
silver rgb(192,192,192) text text text text text text text text text text text text
red rgb(255,0,0) text text text text text text text text text text text text
fuchsia rgb(255,0,255) text text text text text text text text text text text text
yellow rgb(255,255,0) text text text text text text text text text text text text
white rgb(255,255,255) text text text text text text text text text text text text
Also Read This πŸ‘‰   Calculate the difference between two dates using PHP

How to make a background 20% transparent on Android?

here simple CC is the hexadecimal number for .

How to set transparency with hex value ?

For simple example, you want to set 40% alpha transparence to #000000 (black color), you required to add 66 like this #66000000.

Hex Opacity Values

100% β€” FF
95% β€” F2
90% β€” E6
85% β€” D9
80% β€” CC
75% β€” BF
70% β€” B3
65% β€” A6
60% β€” 99
55% β€” 8C
50% β€” 80
45% β€” 73
40% β€” 66
35% β€” 59
30% β€” 4D
25% β€” 40
20% β€” 33
15% β€” 26
10% β€” 1A
5% β€” 0D
0% β€” 00

Black and White Opacity Functions

bit of transparent black or white.

.half-black {
background: rgba(0, 0, 0, 0.5);
}

.half-black {
background: rgba(black, 0.5);
}

Or create it easier still, by crating custom css functions:

Also Read This πŸ‘‰   Pure JavaScript Star Rating Example

@function black($opacity) {
@return rgba(black, $opacity)
}
@function white($opacity) {
@return rgba(white, $opacity)
}

.half-black {
background: black(0.5);
}

I hope you get an idea about transparent rgb code.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.