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

How to make a background 20% transparent on Android?

<TextView
   ...
   android:background="#CCFF0000" />

here simple CC is the hexadecimal number for .

Read Also:  How to Setup Laravel 6 Login Authentication Tutorial

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:

Read Also:  jquery autocomplete multiple fields with single auto-select request Best 2 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.