Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?

by

As per the spec:

If the value is translucent, the computed value will be the rgba() corresponding one. If it isn’t, it will be the rgb() corresponding one.

Meaning that no matter what is your input, the computed value always results in either rgb or rgba.

So, answering your question: yes, it is standard behaviour and no, you can’t use hex or hsl as it will be computed back to rgba.

More Related Contents:

  1. How to read with JavaScript [closed]
  2. How to force browser to show image 3 inches wide?
  3. Disabling browser print options (headers, footers, margins) from page?
  4. How can I generate the opposite color according to current color?
  5. Setting minimum size limit for a window minimization of browser?
  6. How to trigger CSS “hover state” using Javascript? [duplicate]
  7. How do I dynamically adjust css stylesheet based on browser width?
  8. Is it possible to disable Ctrl + F of find in page?
  9. Close ad to continue as free user?
  10. How to add a black shadow on top of a div block with background image?
  11. JS hide function error
  12. How to implement something like this GIF that using mouse drag and select items
  13. Javascript counting all the characters from a HTML document
  14. HTML selected option background-color CSS style
  15. How to dynamically create ‘@-Keyframe’ CSS animations?
  16. Infinity Loop Slider Concepts
  17. Make anchor link go some pixels above where it’s linked to
  18. Where should I put the CSS and Javascript code in an HTML webpage?
  19. Text blinking jQuery
  20. Opening new window in HTML for target=”_blank”
  21. Shrink DIV to text that’s wrapped to its max-width?
  22. jQuery vs document.querySelectorAll
  23. Why scripts at the end of body tag
  24. How to Toggle a div’s visibility by using a button click
  25. How to disable elements selection and resizing in contenteditable div?
  26. Show text letter by letter
  27. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  28. display HTML page after loading complete
  29. jQuery: Change element type from hidden to input
  30. Pausing CSS animation with javascript and also jumping to a specific place in the animation

Leave a Comment