Help:Font Colour Tutorial: Difference between revisions
mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
{{Header}} | {{Header}} | ||
==Introduction== | ==Introduction== | ||
[[File:Colourblindness red-green 01.jpg|thumb|alt=Colourblindness red-green|Colourblindness red-green]] | |||
These are the [http://www.w3.org/TR/SVG/types.html#ColorKeywords standard color names] supported by most modern browsers. If the color matches the name, your browser supports the color name. | These are the [http://www.w3.org/TR/SVG/types.html#ColorKeywords standard color names] supported by most modern browsers. If the color matches the name, your browser supports the color name. | ||
Line 7: | Line 7: | ||
* Background colours are used in tables and banners. | * 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 [https://nei.nih.gov/health/color_blindness/facts_about 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. | |||
Revision as of 14:28, 23 June 2016
Embryology - 26 Apr 2024 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
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
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
- 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. (2024, April 26) Embryology Font Colour Tutorial. Retrieved from https://embryology.med.unsw.edu.au/embryology/index.php/Help:Font_Colour_Tutorial
- © Dr Mark Hill 2024, UNSW Embryology ISBN: 978 0 7334 2609 4 - UNSW CRICOS Provider Code No. 00098G