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

Share Improve this question Follow asked Aug 27, 2015 at 23:15 gamehengamehen 32411 gold badge66 silver badges1818 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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.