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
Transparent black color code is used in various industries such as fashion, advertising, and graphic design. This color is perfect for creating a modern and sleek look. It can also be used to create a sophisticated and elegant atmosphere.
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 |
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:
@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.