Help:Font Colour Tutorial

From Embryology
Embryology - 22 Sep 2017    Facebook link Pinterest link Twitter link  Expand to Translate  
Google Translate - select your language from the list shown below (this will open a new external page)

العربية | català | 中文 | 中國傳統的 | français | Deutsche | עִברִית | हिंदी | bahasa Indonesia | italiano | 日本語 | 한국어 | မြန်မာ | Pilipino | Polskie | português | ਪੰਜਾਬੀ ਦੇ | Română | русский | Español | Swahili | Svensk | ไทย | Türkçe | اردو | ייִדיש | Tiếng Việt    These external translations are automated and may not be accurate. (More? About Translations)

Introduction

Colourblindness red-green
Colourblindness red-green

These are the standard color names supported by most modern browsers. If the color matches the name, your browser supports the color name.

  • Font colours are not used extensively on the site, except to identify labeled structures in animations and figures.
  • Background colours are used in tables and banners.

In general use pale backgrounds for ease of access and readability. Use a darker variant of same colour for headings.

Accessibility - Do not "mix n match" lots of colours, as this all becomes confusing, and remember your red-green colourblind audience. As many as 8% of men and 0.5% of women with Northern European genetic ancestry have the common form of red-green colourblindness.


Editing Links: Editing Basics | Images | Tables | Referencing | Journal Searches | Copyright | Font Colours | Virtual Slide Permalink | My Preferences | One Page Wiki Card | Printing | Movies | Language Translation | Student Movies | Using OpenOffice | Mobile Access | Internet Browsers | Moodle | Navigation/Contribution | Short URLs

Font Colours

Each colour name is printed twice as some of the colors are so light that one cannot read the name when it is printed in that colour on the standard background. If you need to use light colours, consider setting a dark background for easier viewing.

These colour names may be used in various ways, for example in Tables or in simple HTML.

For example <font color=red> Some text in red</font>.

Note - wiki code uses American spelling "color" not Australian and UK spelling "colour".


indianred indianred darksalmon darksalmon
lightcoral lightcoral salmon salmon
orangered orangered red red
crimson crimson firebrick firebrick
darkred darkred mediumvioletred mediumvioletred
pink pink lightpink lightpink
hotpink hotpink deeppink deeppink
palevioletred palevioletred darkkhaki darkkhaki
khaki khaki palegoldenrod palegoldenrod
lightgoldenrodyellow lightgoldenrodyellow lightyellow lightyellow
lemonchiffon lemonchiffon yellow yellow
gold gold papayawhip papayawhip
moccasin moccasin peachpuff peachpuff
cyan cyan aqua aqua
aquamarine aquamarine turquoise turquoise
mediumturquoise mediumturquoise darkturquoise darkturquoise
cadetblue cadetblue slategray slategray
lightcyan lightcyan paleturquoise paleturquoise
powderblue powderblue lightsteelblue lightsteelblue
steelblue steelblue lightblue lightblue
skyblue skyblue lightskyblue lightskyblue
deepskyblue deepskyblue cornflowerblue cornflowerblue
royalblue royalblue mediumslateblue mediumslateblue
dodgerblue dodgerblue blue blue
mediumblue mediumblue darkblue darkblue
navy navy midnightblue midnightblue
lightsalmon lightsalmon orange orange
darkorange darkorange coral coral
tomato tomato orangered orangered
aquamarine aquamarine mediumspringgreen mediumspringgreen
springgreen springgreen palegreen palegreen
greenyellow greenyellow chartreuse chartreuse
lawngreen lawngreen lime lime
lightgreen lightgreen yellowgreen yellowgreen
limegreen limegreen mediumseagreen mediumseagreen
darkseagreen darkseagreen forestgreen forestgreen
seagreen seagreen green green
olivedrab olivedrab olive olive
darkolivegreen darkolivegreen darkgreen darkgreen
mediumaquamarine mediumaquamarine turquoise turquoise
lightseagreen lightseagreen darkcyan darkcyan
teal teal lavender lavender
thistle thistle plum plum
violet violet fuchsia fuchsia
magenta magenta orchid orchid
mediumorchid mediumorchid darkorchid darkorchid
blueviolet blueviolet darkviolet darkviolet
mediumpurple mediumpurple slateblue slateblue
purple purple darkmagenta darkmagenta
darkslateblue darkslateblue indigo indigo
honeydew honeydew mintcream mintcream
azure azure aliceblue aliceblue
ghostwhite ghostwhite whitesmoke whitesmoke
lavenderblush lavenderblush mistyrose mistyrose
antiquewhite antiquewhite seashell seashell
snow snow white white
beige beige linen linen
oldlace oldlace floralwhite floralwhite
ivory ivory gainsboro gainsboro
lightgrey lightgrey silver silver
darkgray darkgray gray gray
dimgray dimgray darkslategray darkslategray
lightslategray lightslategray slategray slategray
cornsilk cornsilk blanchedalmond blanchedalmond
bisque bisque navajowhite navajowhite
wheat wheat sandybrown sandybrown
goldenrod goldenrod darkgoldenrod darkgoldenrod
peru peru chocolate chocolate
maroon maroon saddlebrown saddlebrown
brown brown sienna sienna
darkred darkred burlywood burlywood
tan tan rosybrown rosybrown
black black

Background Colours

In general use pale backgrounds for ease of access and readability. Use a darker variant of same colour for headings.

Do not "mix n match" colours, as this all becomes confusing, and remember your red-green colourblind audience. As many as 8 % of men and 0.5 % of women with Northern European genetic ancestry have the common form of red-green colourblindness.


Within a table you can insert the following code

|-bgcolor=

and then the appropriate colour as for the text above or the 6 letter/digit codes in the last column of the table below


text "FAF5FF"
dark green "A3BFB1"
light green "F5FFFA"
light grey "FCFCFC"
light grey "FCFCFC"
light blue "F5FAFF"
dark blue "CEDFF2"
dark purple "DDCEF2"
light purple "FAF5FF"
yellow "FFCC00"



Glossary Links

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | Numbers | Symbols

Cite this page: Hill, M.A. 2017 Embryology Font Colour Tutorial. Retrieved September 22, 2017, from https://embryology.med.unsw.edu.au/embryology/index.php/Help:Font_Colour_Tutorial

What Links Here?
© Dr Mark Hill 2017, UNSW Embryology ISBN: 978 0 7334 2609 4 - UNSW CRICOS Provider Code No. 00098G