MathJax 환경에서 수식에 색을 넣는 방법

보통 LaTeX에서 글이나 수식에 색을 넣기 위해서는 color 또는 xcolor 패키지를 이용한다. 다행이 MathJax가 color 패키지를 제공하는데 이를 사용하기 위해서는 추가로 다음 스크립트를 불러와야 한다.

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({ TeX: { extensions: ["color.js"] }});
</script>

일단 위 스크립트를 불러오고 나면 다음과 같이 수식에 색을 넣어 줄 수 있다.

\[ \textcolor{red}{a}x^2 + \textcolor{blue}{b}x + \textcolor{green}{c} = 0 
\implies x = \frac{-\textcolor{blue}{b} \pm \sqrt{\textcolor{blue}{b}^2 - 
4\textcolor{red}{a}\textcolor{green}{c}}}{2\textcolor{red}{a}} \]

위 구문은 실제로 아래와 같이 나타난다.

\[ \textcolor{red}{a}x^2 + \textcolor{blue}{b}x + \textcolor{green}{c} = 0 \implies x = \frac{-\textcolor{blue}{b} \pm \sqrt{\textcolor{blue}{b}^2 - 4\textcolor{red}{a}\textcolor{green}{c}}}{2\textcolor{red}{a}} \]

만약에 임의로 색을 정의하고 싶으면 다음과 같은 구문을 사용한다. 다만 MathJax에서 HEX 색상코드를 지원하지 않기 때문에 RGB 색상코드로 변환하여 색을 정의해야 한다.

\definecolor{<colorname>}{RGB}{<RGB color code>}

위 구문을 이용하여 다음과 같이 사용할 수 있다.

\[ \definecolor{darkblue}{RGB}{12, 39, 76}
\int _{a}^{b} F(t) \,dt = F(b) - F(a) \tag*{$\textcolor{darkblue}{\blacksquare}$} \]

위 구문은 실제로 아래와 같이 나타난다.

\[ \definecolor{darkblue}{RGB}{12, 39, 76} \int _{a}^{b} F(t) \,dt = F(b) - F(a) \tag*{$\textcolor{darkblue}{\blacksquare}$} \]

MathJax는 color 패키지 이외에도 다양한 패키지를 제공하는데 그 중에 cancel 패키지도 있다. 이 패키지를 사용하기 위해서는 다음의 스크립트를 불러와야 한다.

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({ TeX: { extensions: ["cancel.js"] }});
</script>

그러면 다음과 같이 사용이 가능하다.

\[ \frac{ \cancel{n} (\bcancel{n+1}) (\xcancel{n+1})}
{2 \cancel{n} (\bcancel{n+1}) (\xcancel{n+1})} = \frac{1}{2} \]

위 구문은 실제로 아래와 같이 나타난다.

\[ \frac{ \cancel{n} (\bcancel{n+1}) (\xcancel{n+1})}{2 \cancel{n} (\bcancel{n+1}) (\xcancel{n+1})} = \frac{1}{2} \]