Math formatting "Pro Tips" edition: Adding color to your answers! - "?"

Question

Math formatting "Pro Tips" edition: Adding color to your answers! - "?"

3 Answers

Impact of this question

4740 views around the world

You can reuse this answer
Creative Commons License

Answer 1 · 2015-03-21T14:56:02

I was playing around with mathjax the other day and I stumbled upon a way of adding color to a text.

I don't know if this could actually be useful or not, but I already know where I'll use color - stoichiometric coefficients, mole ratios, stuff like that.

The syntax looks like this

color(whatever color you want)(whatever text or math you want)

Here are some examples

without the hashtags

color(red)(2 + 2 + 2)

with the hashtags

$2 + 2 + 2$ $color(red)(2 + 2 + 2)$

without the hashtags

color(blue)(2 + 2 + 2)

with the hashtags

$2 + 2 + 2$ $color(blue)(2+2 + 2)$

Other examples:

$a x^{2} + b x + c$ $color(green)(ax^(2) + bx + c)$

$2 C_{2} H_{6} + 7 O_{2} \to 4 C O_{2} + 6 H_{2} O$ $color(red)(2)C_2H_6 + color(blue)(7)O_2 -> color(green)(4)CO_2 + color(purple)(6)H_2O$

If you use color(black)(whatever), it will act as a regular bold text

$Testing, testing...$ $color(black)("Testing, testing...")$

Addendum

You can use color(white)(text) to write invisible characters. This is very useful for spacing issues

without the hashtags

color(white)(222)

with the hashtags

$222 \to$ $color(white)(222) ->$ you can't see it, but it's there! Highlight it using your mouse!

Answer 2 · 2015-06-18T18:11:09

Put hashtags around the following:

(color)("the type of color you want")("text you want to color")

Explanation:

For example, if I wanted to color the equation $x^{2} + 1$ $x^2+1$

hashtag (color)(blue)(x^2+1) hashtag

$x^{2} + 1$ $color(blue)(x^2+1)$

hashtag (color)(green)(x^2+1) hashtag

$x^{2} + 1$ $color(green)(x^2+1)$

hashtag (color)(red)(x^2+1) hashtag

$x^{2} + 1$ $color(red)(x^2+1)$

Press the edit answer button for this question if you want to take a look at the code.

Answer 3 · 2016-09-27T11:58:52

This is an old (but still useful) answer; here are the possible values for "color" that can be used. Obviously many of these are too light to be useful. (Thanks to Tony B for suggesting these).

Explanation:

aliceblue: $aliceblue$ $color(aliceblue)("aliceblue")$

antiquewhite: $antiquewhite$ $color(antiquewhite)("antiquewhite")$

aqua: $aqua$ $color(aqua)("aqua")$

aquamarine: $aquamarine$ $color(aquamarine)("aquamarine")$

azure: $azure$ $color(azure)("azure")$

beige: $beige$ $color(beige)("beige")$

bisque: $bisque$ $color(bisque)("bisque")$

black: $black$ $color(black)("black")$

blanchedalmond: $blanchedalmond$ $color(blanchedalmond)("blanchedalmond")$

blue: $blue$ $color(blue)("blue")$

blueviolet: $blueviolet$ $color(blueviolet)("blueviolet")$

brown: $brown$ $color(brown)("brown")$

burlywood: $burlywood$ $color(burlywood)("burlywood")$

cadetblue: $cadetblue$ $color(cadetblue)("cadetblue")$

chartreuse: $chartreuse$ $color(chartreuse)("chartreuse")$

chocolate: $chocolate$ $color(chocolate)("chocolate")$

coral: $coral$ $color(coral)("coral")$

cornflowerblue: $cornflowerblue$ $color(cornflowerblue)("cornflowerblue")$

cornsilk: $cornsilk$ $color(cornsilk)("cornsilk")$

crimson: $crimson$ $color(crimson)("crimson")$

cyan: $cyan$ $color(cyan)("cyan")$

darkblue: $darkblue$ $color(darkblue)("darkblue")$

darkcyan: $darkcyan$ $color(darkcyan)("darkcyan")$

darkgoldenrod: $darkgoldenrod$ $color(darkgoldenrod)("darkgoldenrod")$

darkgray: $darkgray$ $color(darkgray)("darkgray")$

darkgreen: $darkgreen$ $color(darkgreen)("darkgreen")$

darkkhaki: $darkkhaki$ $color(darkkhaki)("darkkhaki")$

darkmagenta: $darkmagenta$ $color(darkmagenta)("darkmagenta")$

darkolivegreen: $darkolivegreen$ $color(darkolivegreen)("darkolivegreen")$

darkorange: $darkorange$ $color(darkorange)("darkorange")$

darkorchid: $darkorchid$ $color(darkorchid)("darkorchid")$

darkred: $darkred$ $color(darkred)("darkred")$

darksalmon: $darksalmon$ $color(darksalmon)("darksalmon")$

darkseagreen: $darkseagreen$ $color(darkseagreen)("darkseagreen")$

darkslateblue: $darkslateblue$ $color(darkslateblue)("darkslateblue")$

darkslategray: $darkslategray$ $color(darkslategray)("darkslategray")$

darkturquoise: $darkturquoise$ $color(darkturquoise)("darkturquoise")$

darkviolet: $darkviolet$ $color(darkviolet)("darkviolet")$

deeppink: $deeppink$ $color(deeppink)("deeppink")$

deepskyblue: $deepskyblue$ $color(deepskyblue)("deepskyblue")$

dimgray: $dimgray$ $color(dimgray)("dimgray")$

dodgerblue: $dodgerblue$ $color(dodgerblue)("dodgerblue")$

firebrick: $firebrick$ $color(firebrick)("firebrick")$

floralwhite: $floralwhite$ $color(floralwhite)("floralwhite")$

forestgreen: $forestgreen$ $color(forestgreen)("forestgreen")$

fuchsia: $fuchsia$ $color(fuchsia)("fuchsia")$

gainsboro: $gainsboro$ $color(gainsboro)("gainsboro")$

ghostwhite: $ghostwhite$ $color(ghostwhite)("ghostwhite")$

gold: $gold$ $color(gold)("gold")$

goldenrod: $goldenrod$ $color(goldenrod)("goldenrod")$

gray: $gray$ $color(gray)("gray")$

green: $green$ $color(green)("green")$

greenyellow: $greenyellow$ $color(greenyellow)("greenyellow")$

honeydew: $honeydew$ $color(honeydew)("honeydew")$

hotpink: $hotpink$ $color(hotpink)("hotpink")$

indianred: $indianred$ $color(indianred)("indianred")$

indigo: $indigo$ $color(indigo)("indigo")$

ivory: $ivory$ $color(ivory)("ivory")$

khaki: $khaki$ $color(khaki)("khaki")$

lavender: $lavender$ $color(lavender)("lavender")$

lavenderblush: $lavenderblush$ $color(lavenderblush)("lavenderblush")$

lawngreen: $lawngreen$ $color(lawngreen)("lawngreen")$

lemonchiffon: $lemonchiffon$ $color(lemonchiffon)("lemonchiffon")$

lightblue: $lightblue$ $color(lightblue)("lightblue")$

lightcoral: $lightcoral$ $color(lightcoral)("lightcoral")$

lightcyan: $lightcyan$ $color(lightcyan)("lightcyan")$

lightgoldenrodyellow: $lightgoldenrodyellow$ $color(lightgoldenrodyellow)("lightgoldenrodyellow")$

lightgreen: $lightgreen$ $color(lightgreen)("lightgreen")$

lightgray: $lightgray$ $color(lightgray)("lightgray")$

lightmagenta: $lightmagenta$ $color(lightmagenta)("lightmagenta")$

lightpink: $lightpink$ $color(lightpink)("lightpink")$

lightsalmon: $lightsalmon$ $color(lightsalmon)("lightsalmon")$

lightseagreen: $lightseagreen$ $color(lightseagreen)("lightseagreen")$

lightskyblue: $lightskyblue$ $color(lightskyblue)("lightskyblue")$

lightslategray: $lightslategray$ $color(lightslategray)("lightslategray")$

lightsteelblue: $lightsteelblue$ $color(lightsteelblue)("lightsteelblue")$

lightyellow: $lightyellow$ $color(lightyellow)("lightyellow")$

lime: $lime$ $color(lime)("lime")$

limegreen: $limegreen$ $color(limegreen)("limegreen")$

linen: $linen$ $color(linen)("linen")$

magenta: $magenta$ $color(magenta)("magenta")$

maroon: $maroon$ $color(maroon)("maroon")$

mediumaquamarine: $mediumaquamarine$ $color(mediumaquamarine)("mediumaquamarine")$

mediumblue: $mediumblue$ $color(mediumblue)("mediumblue")$

mediumorchid: $mediumorchid$ $color(mediumorchid)("mediumorchid")$

mediumpurple: $mediumpurple$ $color(mediumpurple)("mediumpurple")$

mediumseagreen: $mediumseagreen$ $color(mediumseagreen)("mediumseagreen")$

mediumslateblue: $mediumslateblue$ $color(mediumslateblue)("mediumslateblue")$

mediumspringgreen: $mediumspringgreen$ $color(mediumspringgreen)("mediumspringgreen")$

mediumturquoise: $mediumturquoise$ $color(mediumturquoise)("mediumturquoise")$

mediumvioletred: $mediumvioletred$ $color(mediumvioletred)("mediumvioletred")$

midnightblue: $midnightblue$ $color(midnightblue)("midnightblue")$

mintcream: $mintcream$ $color(mintcream)("mintcream")$

mistyrose: $mistyrose$ $color(mistyrose)("mistyrose")$

moccasin: $moccasin$ $color(moccasin)("moccasin")$

navajowhite: $navajowhite$ $color(navajowhite)("navajowhite")$

navy: $navy$ $color(navy)("navy")$

oldlace: $oldlace$ $color(oldlace)("oldlace")$

olive: $olive$ $color(olive)("olive")$

olivedrab: $olivedrab$ $color(olivedrab)("olivedrab")$

orange: $orange$ $color(orange)("orange")$

orangered: $orangered$ $color(orangered)("orangered")$

orchid: $orchid$ $color(orchid)("orchid")$

palegoldenrod: $palegoldenrod$ $color(palegoldenrod)("palegoldenrod")$

palegreen: $palegreen$ $color(palegreen)("palegreen")$

paleturquoise: $paleturquoise$ $color(paleturquoise)("paleturquoise")$

palevioletred: $palevioletred$ $color(palevioletred)("palevioletred")$

papayawhip: $papayawhip$ $color(papayawhip)("papayawhip")$

peachpuff: $peachpuff$ $color(peachpuff)("peachpuff")$

peru: $peru$ $color(peru)("peru")$

pink: $pink$ $color(pink)("pink")$

plum: $plum$ $color(plum)("plum")$

powderblue: $powderblue$ $color(powderblue)("powderblue")$

purple: $purple$ $color(purple)("purple")$

red: $red$ $color(red)("red")$

rosybrown: $rosybrown$ $color(rosybrown)("rosybrown")$

royalblue: $royalblue$ $color(royalblue)("royalblue")$

saddlebrown: $saddlebrown$ $color(saddlebrown)("saddlebrown")$

salmon: $salmon$ $color(salmon)("salmon")$

sandybrown: $sandybrown$ $color(sandybrown)("sandybrown")$

seagreen: $seagreen$ $color(seagreen)("seagreen")$

seashell: $seashell$ $color(seashell)("seashell")$

sienna: $sienna$ $color(sienna)("sienna")$

silver: $silver$ $color(silver)("silver")$

skyblue: $skyblue$ $color(skyblue)("skyblue")$

slateblue: $slateblue$ $color(slateblue)("slateblue")$

slategray: $slategray$ $color(slategray)("slategray")$

snow: $snow$ $color(snow)("snow")$

springgreen: $springgreen$ $color(springgreen)("springgreen")$

steelblue: $steelblue$ $color(steelblue)("steelblue")$

tan: $tan$ $color(tan)("tan")$

teal: $teal$ $color(teal)("teal")$

thistle: $thistle$ $color(thistle)("thistle")$

tomato: $tomato$ $color(tomato)("tomato")$

turquoise: $turquoise$ $color(turquoise)("turquoise")$

violet: $violet$ $color(violet)("violet")$

wheat: $wheat$ $color(wheat)("wheat")$

white: $white$ $color(white)("white")$

whitesmoke: $whitesmoke$ $color(whitesmoke)("whitesmoke")$

yellow: $yellow$ $color(yellow)("yellow")$

yellowgreen: $yellowgreen$ $color(yellowgreen)("yellowgreen")$

Science

Math

Humanities

... and beyond

Math formatting "Pro Tips" edition: Adding color to your answers! - "?"

3 Answers

Explanation:

Explanation:

Related questions

Impact of this question