0

I'm looking for a service that help me to find the final hexadecimal value of an rgba color. For example I have my body background-color set to #FF0000. I have my header positioned over the <body> with a background-color set to rgba(0,0,0,.7). Now, I want to know what is the hexadecimal value of this color mix.

Any ideas ?

Thank you.

NSS
  • 133
  • 2
  • 8
Brazeredge
  • 1,061
  • 1
  • 7
  • 12
  • It's right I could use something like photoshop by printing screen and analyse the color code with a tools. but that's not the solution I'm looking for. – Brazeredge Apr 26 '14 at 14:28
  • http://stackoverflow.com/questions/746899/how-to-calculate-an-rgb-colour-by-specifying-an-alpha-blending-amount – JohanVdR Apr 26 '14 at 18:44
  • http://stackoverflow.com/questions/14063530/computing-rgba-to-match-an-rgb-color – JohanVdR Apr 26 '14 at 19:15

1 Answers1

1

If you use SASS you could even preprocess your CSS and let it calculate the values. http://jackiebalzer.com/color

I used #FF000 as base color and darkened 70%.

Here is a code pen I just did with SASS: http://codepen.io/anon/pen/ozlHD

It returns the hex value of the div which is #4C0000 which is the correct value.

JohanVdR
  • 2,880
  • 1
  • 15
  • 16
  • the red was only an example I couldn't give the real hexa code (ask my boss for that...) but Thanks you ;) – Brazeredge Apr 26 '14 at 14:42
  • Does not matter it will work for any color. CSS preprocessing like SASS, LESS is worth the time and investment. – JohanVdR Apr 26 '14 at 14:44
  • Ok so this is not exactly what I expected it doesn't take care about opacity.. It gives the same hexa code for any opacity value... – Brazeredge Apr 26 '14 at 15:01
  • http://jsfiddle.net/3nkFj/12/ when color picking with ie. colorzilla in firefox gives #4C0000! – JohanVdR Apr 26 '14 at 15:29