Mobile app version of vmapp.org
Login or Join
Kristi927

: Making semi-transparent colors on top of solid colors just like any other solid color Is possible to have a semi transparent box on top of a another box that have solid color has the same

@Kristi927

Posted in: #Color #ColorTheory #WebsiteDesign

Is possible to have a semi transparent box on top of a another box that have solid color has the same solid color that i want?

Is there any formula like this?


(0.5 opacity color) + another solid color = expectation color

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Kristi927

1 Comments

Sorted by latest first Latest Oldest Best

 

@Sarah814

A quess: You are frustrated because making a box transparent also makes its color to look out washed. You want the transparency but also the wanted brightness, hue and saturation at the same time. You cannot use only solid colors because your workflow should be totally rebuilt without the transparency. Right?

50% transparent color over a solid color produces the average as the visible color. Let's assume you want red value RW and you have 50% transparent red value RT over a solid red value RS. The needed transparent red RT = 2*RW-RS. To get all red values 0...255 every time, the system should allow red values -255 to 512. Unfortunately only 0 to 255 are available, so your color range will be limited.

The blending modes can allow more, if they are available in your system. Insert the available modes to your question to make possible to someone having the underhood knowledge of the blending math to assist.

If your work environment allows custom blending formulas, there should be no problems for a person who can apply them.

Another way that needs a math propellerhead is using 16 bit color depth and clever scaling back to normal 8 bit deep colors. This also unfortunately is beyond the scope of this answer.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme