Convert css system colors to hex with javascript?

Question

Is it possible to get the hex or rgb values of the color names for these colors?

http://artific.com/library/css-2-system-colors.html

Say for example that I set a div to use "windowFrame" as the background color. Could I use:

https://developer.mozilla.org/en/DOM/window.getComputedStyle somehow?

good question but possible duplicate of Color code from color name — codeandcloud
– codeandcloud, Commented Aug 16, 2011 at 6:22

Eliu · Accepted Answer · 2011-08-16 07:29:07Z

1

getComputedStyle seems to work.

Firebug Output (working on http://artific.com/library/css-2-system-colors.html) :

var t = document.getElementsByClassName("window")[0]; window.getComputedStyle(t).backgroundColor;
"rgb(255, 255, 255)"

>>> var t = document.getElementsByClassName("menu")[0]; window.getComputedStyle(t).backgroundColor;
"rgb(240, 240, 240)"

>>> var t = document.getElementsByClassName("info")[0]; window.getComputedStyle(t).backgroundColor;
"rgb(225, 225, 225)"

edited Aug 16, 2011 at 7:29

answered Aug 16, 2011 at 6:28

Eliu

7775 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Convert css system colors to hex with javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related