Help:Font Colour Tutorial: Difference between revisions
mNo edit summary |
mNo edit summary |
||
(6 intermediate revisions by the same user not shown) | |||
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. | |||
Line 256: | Line 259: | ||
and then the appropriate colour as for the text above or the 6 letter/digit codes in the last column of the table below | 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== | |||
{| | {| | ||
| | ! width=150px|Name | ||
| | | width=150px|Code | ||
| | |- | ||
|-bgcolor="a3bfb1" | |-bgcolor="a3bfb1" | ||
| dark green | | dark green | ||
Line 288: | Line 292: | ||
| yellow | | yellow | ||
| "FFCC00" | | "FFCC00" | ||
|-bgcolor="FEF9E7" | |||
| light yellow | |||
| "FEF9E7" | |||
|} | |} | ||
==Template colours== | |||
{| | |||
|-bgcolor="F5FAFF" | |||
| Some Recent Findings | |||
|} | |||
<br> | |||
{| | |||
|-bgcolor="F5FFFA" | |||
| System Menu Links | |||
|} | |||
<br> | |||
{| | |||
|-bgcolor="FFCC00" | |||
! {{ICD-11}} | |||
|-bgcolor="FEF9E7" | |||
| | |||
|} | |||
==External Links== | |||
{{External Links}} | |||
* [https://htmlcolorcodes.com/ Htmlcolorcodes] | |||
Latest revision as of 15:41, 7 March 2019
Embryology - 23 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
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.
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 23) 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