Convert RGBA to HEX

by

Since alpha value both attenuates the background color and the color value, something like this could do the trick:

function rgba2rgb(RGB_background, RGBA_color)
{
    var alpha = RGBA_color.a;

    return new Color(
        (1 - alpha) * RGB_background.r + alpha * RGBA_color.r,
        (1 - alpha) * RGB_background.g + alpha * RGBA_color.g,
        (1 - alpha) * RGB_background.b + alpha * RGBA_color.b
    );
}

(Try it interactively: https://marcodiiga.github.io/rgba-to-rgb-conversion)

More Related Contents:

  1. HTML: Changing colors of specific words in a string of text
  2. Changing highlight color
  3. Why cannot change checkbox color whatever I do? [duplicate]
  4. CSS for changing color of last word in h1
  5. Convert 8-digit hex colors to rgba colors?
  6. How to change the inner white color of Font Awesome’s exclamation triangle icon?
  7. Can I change the color of Font Awesome’s cog icon?
  8. Change color of bootstrap navbar on hover link?
  9. change the menu font size
  10. Can I debug by CSS code in easy way for beginner?
  11. How to write a:hover in inline CSS?
  12. Landscape printing from HTML
  13. Is it possible to have two background colors for a single html element? [duplicate]
  14. How to prevent scrollbar from repositioning web page?
  15. Two inline-block, width 50% elements wrap to second line [duplicate]
  16. Expanding a parent to the height of its children
  17. How to hide image broken Icon using only CSS/HTML?
  18. Why does overflow hidden stop floating elements escaping their container?
  19. HTML-Tooltip position relative to mouse pointer
  20. `margin:auto;` doesn’t work on inline-block elements
  21. How to calculate required hue-rotate to generate specific colour?
  22. What is haslayout?
  23. Bootstrap 3: Push/pull columns only on smaller screen sizes
  24. How can I write ‘a:hover’ in inline CSS?
  25. Is there a reason to use a instead of a:link or a:visited in my stylesheet?
  26. Generate scroll bar for overflow to the left
  27. How do I remove the horizontal scrollbar in a div?
  28. Missalignment with inline-block (other elements pushed down)
  29. HTML not loading CSS
  30. Responsive table handling in Twitter Bootstrap

Leave a Comment