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
light black transparent 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”
black color with 50 opacity
To achieve black color with 50% opacity, you can use RGBA notation in CSS or similar styling languages. RGBA stands for Red, Green, Blue, and Alpha (opacity). Here’s the CSS code:
color: rgba(0, 0, 0, 0.5);
In this code:
- The first three values (0, 0, 0) represent the RGB values for black.
- The fourth value (0.5) represents the alpha channel, which controls the opacity. It ranges from 0 (fully transparent) to 1 (fully opaque). Here, 0.5 means 50% opacity.
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); }
Conclusion
In conclusion, the hexadecimal color code for a light black with transparency is #80000000. This code represents a color that is halfway transparent, allowing it to blend smoothly with other elements while maintaining a sleek and modern appearance.