Convert Hex to RGBA

by 
//If you write your own code, remember hex color shortcuts (eg., #fff, #000)

function hexToRgbA(hex){
    var c;
    if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){
        c= hex.substring(1).split('');
        if(c.length== 3){
            c= [c[0], c[0], c[1], c[1], c[2], c[2]];
        }
        c="0x"+c.join('');
        return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',1)';
    }
    throw new Error('Bad Hex');
}

hexToRgbA('#fbafff')

/*  returned value: (String)
rgba(251,175,255,1)
*/

More Related Contents:

  1. jQuery animate backgroundColor
  2. How to get hex color value rather than RGB value?
  3. JavaScript eyedropper (tell color of pixel under mouse cursor)
  4. convert Hsl to rgb and hex
  5. How can I generate the opposite color according to current color?
  6. How to check if a string is a valid hex color representation?
  7. RGB to HSV color in javascript? [closed]
  8. Cannot read property ‘addEventListener’ of null using querySelector [closed]
  9. Please anyone tell me what i do that my website display date and time not get reset on refreshing the page
  10. Adding options to a using jQuery?
  11. Is it possible to listen to a “style change” event?
  12. How to properly use jsPDF library
  13. How to get the element clicked (for the whole document)?
  14. Prevent form redirect OR refresh on submit?
  15. Javascript reload the page with hash value
  16. jquery’s live() is deprecated. What do I use now?
  17. jQuery: get data attribute
  18. How do I automatically play a Youtube video (IFrame API) muted?
  19. Detect all Firefox versions in JS
  20. $(window).scrollTop() vs. $(document).scrollTop()
  21. jQuery Drag/Resize with CSS Transform Scale
  22. Restart an animated GIF from JavaScript without reloading the image
  23. Counting and limiting words in a textarea
  24. Slow down scroll to top event by jQuery animate
  25. Disable “Changes you made may not be saved” pop-up window
  26. How do object or method chaining work in jQuery?
  27. Close a SELECT dropdown list programmatically with Javascript/jQuery
  28. Why can an element id not start with an integer? [duplicate]
  29. Possible to reverse a css animation on class removal?
  30. Add / Change parameter of URL and redirect to the new URL

Leave a Comment