Skip to main content

Let's Understand Hex Transparency Color Schemes

By

Sometimes you need to set the transparency in your some of the views.

But sometimes you cannot decide how much transparency you need to apply on the view.



So here is the Table with the transparency percentage level 



so you can give proper transparency to your view and make it whatever you want.



Before that, I'll tell you how to add transparency color in hex code




Generally, we used 6 characters code for any color which is known as Hex code.




But when you want to apply a transparency to your color then you have to add 2 more characters at the beginning of the hex code which is known as Alpha color





You need to add 2 characters from below table according to your transparency level




For example for the RED color, Hex code is #FF0000



If you want 50% of transparency in Red color than you have to add 80 at the beginning and your code is #80FF0000



Please refer following table to manage transparency level.




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

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Tri-States | Indeterminate Checkbox Android

By
Sometimes it is required to implement checkbox with 3 states Unchecked Checked Indeterminate So here is a simple example of how to implement Tri-States or you can say Indeterminate Checkbox Android First of all, make a custom class which is extend Checkbox import android.content.Context import android.util.AttributeSet import androidx.appcompat.widget.AppCompatCheckBox import com.android.tristatescheckbox.R class TriStatesCheckBox : AppCompatCheckBox { private var state = 0 constructor ( context: Context ?) : super ( context ) { init () } constructor ( context: Context ?, attrs: AttributeSet ?) : super ( context , attrs ) { init () } constructor ( context: Context ?, attrs: AttributeSet ?, defStyleAttr: Int ) : super ( context , attrs , defStyleAttr ) { init () } private fun init () { state = UNCHECKED...
Post a Comment
Read more

HORIZONTAL FLIP ANIMATION: VIEW PAGER TRANSFORMATION ANIMATION ANDROID

By
Here I am sharing you a View Pager Transformation Animation Class By Which you can give a transformation animation to you view Pager First of all, create a simple view pager example. If you don't know how to create an example for simple view pager then click below link for creating simple view pager example in android Simple View Pager Example in Android Copy below class and Paste into your project Set Page Transformer to your view pager like below viewpager.setPageTransformer(true, new HorizontalFlip Transformation ()); That's It you're done.
Post a Comment
Read more

FADE OUT ANIMATION: VIEW PAGER TRANSFORMATION ANIMATION ANDROID

By
Here I am sharing you a View Pager Transformation Animation Class By Which you can give a transformation animation to you view Pager First of all, create a simple view pager example. If you don't know how to create an example for simple view pager then click below link for creating simple view pager example in android Simple View Pager Example in Android Copy below class and Paste into your project Set Page Transformer to your view pager like below viewpager.setPageTransformer(true, new FadeOutTransformation()); That's It you're done. Enjoy
Post a Comment
Read more