Colored Text HTML Quick Reference
Go to HTML Quick Reference

Click the desired color below, then copy it from this box, paste at the desired position, and edit the text between the font color tags. Example.

Macromolecule Colors   Protein Colors   Nucleic Acid Colors   Element Colors   Generic Colors
In JTAT, when the color is specified in a style class (in jtat/_drums/drums.css), a span tag is used with that class. Otherwise, RGB (Red Green Blue) hexadecimal color values are used in a font tag. These tags are generated automatically when you click on the desired underlined item below, and are placed in the box above ready to copy and paste.

Generic Colors:
RGB
*Not recommended on this background due to poor visibility!

Macromolecule Colors (DRuMS)
RGB
Style Class


Element Colors (DRuMS)
RGB
Style Class


Protein Colors (DRuMS)
RGB
Style Class


Nucleic Acid Colors (DRuMS)
RGB
Style Class

DRuMS is a freely available standardized set of color schemes for macromolecules. RGB values above have in some cases been darkened (or lightened) relative to those given at the official DRuMS WebSite in order to improve readability on a white (or black) background.

JTAT comes with style sheets and scripts to color text and molecules respectively (in jtat/_drums).
Example of editing between HTML tags:

Suppose you want to write this:
Several Mg++ ions are bound to the DNA.
  1. Type "Several".
  2. Click on Mg in the list above, displaying color-tagged "Mg" in the box. Copy and paste it into the subtitle box, giving
    Several <span class="mg">Mg</span>
  3. Note that, for RGB color values, boldface tags (<b> ... </b>) are provided automatically to improve visibility of colored text. For style classes, the class includes bold font weight.
  4. Insert ++ in superscript tags (<sup>++</sup>). (Such tags are available in HTML Quick Reference.) Now you have
    Several <span class="mg">Mg<sup>++</sup></span>
  5. Double check that each tag is closed with a subsequent, corresponding tag beginning </. For example <span ... > must be closed with </span>. Also, tags opened inside other tags must be closed before closing the outer tags: In the above example, superscript is opened inside (after) span, so </sup> must come inside (before) </span>.
  6. Save your edited file, then reload your tutorial in your browser to see the results.
  7. Continue by adding "ions are bound to", then click on DNA above, and copy and paste, continuing with
    ... ions are bound to the <span class="dna">DNA</span>.
  8. Save your edited file, then reload your tutorial in your browser to see the results. Continue editing as needed.
Return to Top

Feedback to Eric Martz.