Help:Font Colour Tutorial

Embryology - 2 Dec 2023 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

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.

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

Common Site Colours

Name	Code
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"
light yellow	"FEF9E7"

Template colours

Some Recent Findings

System Menu Links

ICD-11

External Links

External Links Notice - The dynamic nature of the internet may mean that some of these listed links may no longer function. If the link no longer works search the web with the link text or name. Links to any external commercial sites are provided for information purposes only and should never be considered an endorsement. UNSW Embryology is provided as an educational resource with no clinical information or commercial affiliation.

Htmlcolorcodes

Glossary Links

Glossary: 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 | Term Link

Cite this page: Hill, M.A. (2023, December 2) Embryology Font Colour Tutorial. Retrieved from https://embryology.med.unsw.edu.au/embryology/index.php/Help:Font_Colour_Tutorial

What Links Here?