I have a couple variables in my javascript that hold color values, i.e.

var color = #ABCDEF

I'm trying to use these variables to color some text that I have, but it seems that MathJax doesn't support hex color values. Is there anyway to circumvent this in order to use the variable in the \color?

I have a couple variables in my javascript that hold color values, i.e.

var color = #ABCDEF

I'm trying to use these variables to color some text that I have, but it seems that MathJax doesn't support hex color values. Is there anyway to circumvent this in order to use the variable in the \color?

• javascript
• html
• latex
• mathjax

2 Answers 2

You can try \color[HTML]{ABCDEF}.

You need to add \usepackage{xcolor} to the preamble.

it seems that MathJax doesn't support hex color values

Sure it does. E.g., \color{#ABCDEF}{x+1} works fine in the standard configurations. You can also load MathJax's color extension to make the \color mand more patible with LaTeX's syntax (thought it doesn't implement the HTML color model suggested by sergej, but does do rgb and several others).

You don't give enough of your code to tell how you intend to use you color variable, but one thing that is wrong is that you have left out the quotation marks:

var color = "#ABCDEF";

The issue now will be how you get this value into the \color mand within you math expressions. If you are trying to make all the math on your page be a different color, it would be best to use CSS for that. E.g.,

<style>
  .MathJax {color: #ABCDEF}
</style>

would do it for MathJax's HTML-CSS output.