etc.
== Changing color of entire document ==
To change the main text color of the document use
<texcode>\setupcolors[textcolor=defined-color]</texcode>
For example,
{|
! width="45%"|
! width="10%"|
! width="45%"|
|-
|<texcode>\setupcolors[textcolor=blue]
\starttext
\input tufte
\stoptext
</texcode>
|
|<context mode=mkiv>
\setupcolors[textcolor=blue]
\startTEXpage
\input tufte
\stopTEXpage
</context>
|}
== Changing background color of page ==
The background color of the page can be changed using
<texcode>\setupbackgrounds[page][background=color,backgroundcolor=defined-color]</texcode>
For example,
{|
! width="45%"|
! width="10%"|
! width="45%"|
|-
| <texcode>
\setuppapersize[A8, landscape]
\setupbackgrounds[page][background=color,backgroundcolor=blue]
\setupcolors[textcolor=white]
\starttext
\input ward
\stoptext
</texcode>
|
|<context>
\setuppapersize[A8, landscape]
\setupbackgrounds[page][background=color,backgroundcolor=blue]
\setupcolors[textcolor=white]
\starttext
\input ward
\stoptext
</context>
|}
= Defining New Colors =
ConTeXt Defining New Colors|supports several color models:
* [https://en.wikipedia.org/wiki/CMYK_color_model CMYK], typically used for printing
* [https://en.wikipedia.org/wiki/RGB_color_model RGB], [https://en.wikipedia.org/wiki/HSL_and_HSV HSV/HSL] and [https://en.wikipedia.org/wiki/HWB_color_model HWB], typically used for screen display,
* [[Transparency]] ([https://en.wikipedia.org/wiki/Transparency_(graphic) Transparency] on wikipedia).
* [[Spot Colors]] typically used for offset printing ([https://en.wikipedia.org/wiki/Spot_color Spot colors] on wikipedia).
New colors may be defined in the following ways
{| class="wikitable"
! Name !! Syntax (and Example) !! Explanation
|-
| style="width:20%;" | RGB color model
| style="width:40%;" | <texcode>\definecolor[...][r=..., g=..., b=...]</texcode>
For example,
<texcode>\definecolor[lime][r=0.75, g=1, b=0]
This is \color[lime]{a new color}
that we defined</texcode>
| The values for <code>r</code>, <code>g</code>, and <code>b</code> are floating point number between <code>0</code> and <code>1</code>.
|-
| CMYK color model
| <texcode>\definecolor[...][c=.., m=.., y=.., k=..]</texcode>
For example,
<texcode>\definecolor[lime][c=0.25, m=0, y=1, k=0]
This is \color[lime]{a new color}
that we defined</texcode>
| The values for <code>c</code>, <code>m</code>, <code>y</code> and <code>k</code> are floating point number between <code>0</code> and <code>1</code>.
|-
| HSV/HSL color model
|<texcode>\definecolor[...][h=.., s=.., v=..]</texcode>
For example,
<texcode>\definecolor[lime][h=75, s=1, v=1]
This is \color[lime]{a new color}
that we defined</texcode>
| The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the values for <code>s</code> (saturation), <code>v</code> (value/brightness) are floating point numbers between <code>0</code> and <code>1</code>.
|-
| HWB color model
|<texcode>\definecolor[...][h=.., w=.., b=..]</texcode>
For example,
<texcode>\definecolor[something][h=75, w=0.5, b=.1]
This is \color[something]{a new color}
that we defined</texcode>
| The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the values for <code>w</code> (whiteness), <code>b</code> (blackness) are floating point numbers between <code>0</code> and <code>1</code>. This mostly unknown color model is also used in CSS3/SVG.
|-
| Hex
| <texcode>\definecolor[...][x=...]</texcode>
For example,
<texcode>\definecolor[lime][x=BFFF00]
This is \color[lime]{a new color}
that we defined</texcode>
| The value for <code>x</code> is a three-byte hexadecimal number where the bytes represent the red, green, and blue values. This follows the HTML and CSS style of defining colors.
|-
|Gray scale
|<texcode>\definecolor[...][s=...]</texcode>
For example,
<texcode>\definecolor[screen][s=0.5]
This is \color[screen]{a new color}
that we defined</texcode>
| The value for <code>s</code> is a floating point number between <code>0</code> and <code>1</code>, representing the grayness value (1 represents white, 0 represents black).
|}
== Cloning existing colors ==
You can ''clone'' an existing color using
<texcode>\definecolor[new-color][old-color]</texcode>
For example
{|
| width="45%"| <texcode>\usecolors[xwi]
\definecolor[highlight][yellow]
\defineframed
[important]
[location=low, frame=off,
background=color, backgroundcolor=highlight]
This is a \important{important}word.
\definecolor[highlight][lavenderblush]
This is a \important{important}word.
</texcode>
| width="10%"|
| width="45%"| <context mode=mkiv>\usecolors[xwi]
\definecolor[highlight][yellow]
\defineframed[important][location=low, frame=off,
background=color, backgroundcolor=highlight]
This is a \important{important}word.
\definecolor[highlight][lavenderblush]
This is a \important{important}word.
</context>
|}
== Adapting existing colors ==
{{todo | add details about this}}
= Pre-defined colors =
== Default pre-defined colors ==
The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).
{| style="text-align: right; padding-right: 20px;"
|}
== X11 Colors ==In addition to thees, many color collections are defined, which are not loaded by default. These can be loaded using <texcode>\usecolors[NAME]</texcode>
In addition to where <code>NAME</code> is the name of the above basic color, ConTeXt collection. The details of colors defined in these collections is shown below. You can also includes include such a definition detailed description of the [http://www.w3.org/TR/2002/WD-css3-colors defined in a color-20020219/#x11-color X11 colors]. To load this list ({{src|colo-imp-xwi.mkiv}}), usecollection using
<texcode>\usecolorsshowcolor[xwiNAME]</texcode>
This loads For example, the following additional colors:truncated output of <code>\showcolor[crayola]</code> is shown below.
{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|-|aliceblue||bgcolor="#EFF7FF"| |antiquewhite||bgcolor="#F9EAD6"| |aquamarine||bgcolor="#7FFFD3"| |azure||bgcolor="#EFFFFF"| |-|beige||bgcolor="#F4F4DB"| |bisque||bgcolor="#FFE2C4"| |black||bgcolor="#000000"| |blanchedalmond||bgcolor="#FFEACC"| |-|blue||bgcolor="#0000FF"| |blueviolet||bgcolor="#892BE2"| |brown||bgcolor="#A52828"| |burlywood||bgcolor="#DDB787"| |-|cadetblue||bgcolor="#5E9EA0"| |chartreuse||bgcolor="#7FFF00"| |chocolate||bgcolor="#D1681E"| |coral||bgcolor="#FF7F4F"| |-|cornflowerblue||bgcolor="#6393ED"| |cornsilk||bgcolor="#FFF7DB"| |cyan||bgcolor="#00FFFF"| |darkgoldenrod||bgcolor="#B7870A"| |-|darkgreen||bgcolor="#006300"| |darkkhaki||bgcolor="#BCB76B"| |darkolivegreen||bgcolor="#546B2D"| |darkorange||bgcolor="#FF8C00"| |-|darkorchid||bgcolor="#9933CC"| |darksalmon||bgcolor="#E8967A"| |darkseagreen||bgcolor="#8EBC8E"| |darkslateblue||bgcolor="#473D8C"| |-|darkturquoise||bgcolor="#00CED1"| |darkviolet||bgcolor="#9300D3"| |deeppink||bgcolor="#FF1493"| |deepskyblue||bgcolor="#00BFFF"| |-|dodgerblue||bgcolor="#1E8EFF"| |firebrick||bgcolor="#B22121"| |floralwhite||bgcolor="#FFF9EF"| |forestgreen||bgcolor="#218C21"| |-|gainsboro||bgcolor="#DBDBDB"| |ghostwhite||bgcolor="#F7F7FF"| |gold||bgcolor="#FFD600"| |goldenrod||bgcolor="#D8A521"| |-|green||bgcolor="#00FF00"| |greenyellow||bgcolor="#ADFF2D"| |honeydew||bgcolor="#EFFFEF"| |hotpink||bgcolor="#FF68B5"| |-|indianred||bgcolor="#CC5B5B"| |ivory||bgcolor="#FFFFEF"| |khaki||bgcolor="#EFE58C"| |lavender||bgcolor="#E5E5F9"| |-|lavenderblush||bgcolor="#FFEFF4"| |lawngreen||bgcolor="#7CFC00"| |lemonchiffon||bgcolor="#FFF9CC"| |lightblue||bgcolor="#ADD8E5"| |-|lightcoral||bgcolor="#EF7F7F"| |lightcyan||bgcolor="#E0FFFF"| |lightgoldenrod||bgcolor="#EDDD82"| |lightgoldenrodyellow||bgcolor="#F9F9D1"| |-|lightpink||bgcolor="#FFB5C1"| |lightsalmon||bgcolor="#FFA07A"| |lightseagreen||bgcolor="#21B2AA"| |lightskyblue||bgcolor="#87CEF9"| |-|lightslateblue||bgcolor="#8470FF"| |lightsteelblue||bgcolor="#AFC4DD"| |lightyellow||bgcolor="#FFFFE0"| |limegreen||bgcolor="#33CC33"| |-|linen||bgcolor="#F9EFE5"| |magenta||bgcolor="#FF00FF"| |maroon||bgcolor="#AF3060"| |mediumaquamarine||bgcolor="#66CCAA"| |-|mediumblue||bgcolor="#0000CC"| |mediumorchid||bgcolor="#BA54D3"| |mediumpurple||bgcolor="#9370DB"| |mediumseagreen||bgcolor="#3DB270"| |-|mediumslateblue||bgcolor="#7A68ED"| |mediumspringgreen||bgcolor="#00F999"| |mediumturquoise||bgcolor="#47D1CC"| |mediumvioletred||bgcolor="#C61484"| |-|midnightblue||bgcolor="#191970"| |mintcream||bgcolor="#F4FFF9"| |mistyrose||bgcolor="#FFE2E0"| |moccasin||bgcolor="#FFE2B5"| |-|navajowhite||bgcolor="#FFDDAD"| |navy||bgcolor="#00007F"| |navyblue||bgcolor="#00007F"| |oldlace||bgcolor="#FCF4E5"| |-|olivedrab||bgcolor="#6B8E23"| |orange||bgcolor="#FFA500"| |orangered||bgcolor="#FF4400"| |orchid||bgcolor="#D870D6"| |-|palegoldenrod||bgcolor="#EDE8AA"| |palegreen||bgcolor="#99F999"| |paleturquoise||bgcolor="#AFEDED"| |palevioletred||bgcolor="#DB7093"| |-|papayawhip||bgcolor="#FFEFD6"| |peachpuff||bgcolor="#FFD8BA"| |peru||bgcolor="#CC843F"| |pink||bgcolor="#FFBFCC"| |-|plum||bgcolor="#DDA0DD"| |powderblue||bgcolor="#AFE0E5"| |purple||bgcolor="#A021EF"| |red ||bgcolor="#FF0000"| |-|rosybrown||bgcolor="#BC8E8E"| |royalblue||bgcolor="#3F68E0"| |saddlebrown||bgcolor="#8C4411"| |salmon||bgcolor="#F97F72"| |-|sandybrown||bgcolor="#F4A360"| |seagreen||bgcolor="#2D8C56"| |seashell||bgcolor="#FFF4ED"| |sienna||bgcolor="#A0512D"| |-|skyblue||bgcolor="#87CEEA"| |slateblue||bgcolor="#6B59CC"| |snow||bgcolor="#FFF9F9"| |springgreen||bgcolor="#00FF7F"| |-|steelblue||bgcolor="#4482B5"| |tan ||bgcolor="#D1B58C"| |thistle||bgcolor="#D8BFD8"| |tomato||bgcolor="#FF6347"| |-|turquoise||bgcolor="#3FE0D1"| |violet||bgcolor="#ED82ED"| |violetred||bgcolor="#D1218E"| |wheat||bgcolor="#F4DDB2"|
|-
|white||bgcolor="#FFFFFF"| |whitesmoke||bgcolor="#F4F4F4"| <texcode>\showcolor[crayola]</texcode>|yellow||bgcolor<context mode="#FFFF00"| |yellowgreen||bgcolormkiv>\startTEXpage[height="#99CC33"| 5cm]\showcolor[crayola]\stopTEXpage</context>
|}
== Crayola crayon colors ==
|}
== Additional pre-defined colors ==
In addition to the above, there are other pre-defined == X11 colors. ==
{| class="wikitable"| x11 || <code>\usecolors[x11]<https://code>| {{src|colo-imp-x11en.wikipedia.mkiv}}| 658 extended Xorg color keywords (WWW), org/wiki/X11_color_names X11_color_names] defined in hex RGB|-| ema || <code>\usecolors[ema]</code>| {{src|colo-imp-emax11.mkiv}} || 549 Emacs colors|}. These can be loaded using
= Defining New Colors =<texcode>\usecolors[x11]</texcode>
ConTeXt [[#Defining New Colors|supports several color models]]:
* [https://en.wikipedia.org/wiki/CMYK_color_model CMYK], typically used for printing
* [https://en.wikipedia.org/wiki/RGB_color_model RGB], [https://en.wikipedia.org/wiki/HSL_and_HSV HSV/HSL] and [https://en.wikipedia.org/wiki/HWB_color_model HWB], typically used for screen display,
* [https://en.wikipedia.org/wiki/Transparency_(graphic) Transparencies],
* [https://en.wikipedia.org/wiki/Spot_color Spot colors], typically used for offset printing.
New colors may be defined in the following ways {| classstyle="wikitabletext-align: right; padding-right: 20px;"! | Name !! Syntax (and Example) Color !style="width: 100px;"| Name !! Color ! Explanationstyle="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|snow||bgcolor="fffafa" | |ghostwhite||bgcolor="f8f8ff" | |whitesmoke||bgcolor="f5f5f5" | |gainsboro||bgcolor="dcdcdc" | |-|floralwhite||bgcolor="fffaf0" | |oldlace||bgcolor="fdf5e6" | |linen||bgcolor="faf0e6" | |antiquewhite||bgcolor="faebd7" | |-|papayawhip||bgcolor="ffefd5" | |blanchedalmond||bgcolor="ffebcd" | |bisque||bgcolor="ffe4c4" | |peachpuff||bgcolor="ffdab9" | |-|navajowhite||bgcolor="ffdead" | |moccasin||bgcolor="ffe4b5" | |cornsilk||bgcolor="fff8dc" | |ivory||bgcolor="fffff0" | |-|lemonchiffon||bgcolor="fffacd" | |seashell||bgcolor="fff5ee" | |honeydew||bgcolor="f0fff0" | |mintcream||bgcolor="f5fffa" | |-|azure||bgcolor="f0ffff" | |aliceblue||bgcolor="f0f8ff" | |lavender||bgcolor="e6e6fa" | |lavenderblush||bgcolor="fff0f5" | |-|mistyrose||bgcolor="ffe4e1" | |white||bgcolor="ffffff" | |black||bgcolor="000000" | & nbs[;|darkslategray||bgcolor="2f4f4f" | |-|dimgray||bgcolor="686868" | |slategray||bgcolor="708090" | |lightslategray||bgcolor="778899" | |gray||bgcolor="c0c0c0" | |-|lightgray|| bgcolor="d4d4d4" | |midnightblue||bgcolor="191970" | |navy||bgcolor="000080" | |navyblue||bgcolor="000080" | |-|cornflowerblue||bgcolor="6495ed" | |darkslateblue||bgcolor="483d8b" | |slateblue||bgcolor="6a5acd" | |mediumslateblue||bgcolor="7b68ee" | |-|lightslateblue||bgcolor="8470ff" | |mediumblue||bgcolor="0000cd" | |royalblue||bgcolor="4169e1" | |blue||bgcolor="0000ff" | |-|dodgerblue||bgcolor="1e90ff" | |deepskyblue||bgcolor="00bfff" | |skyblue||bgcolor="87ceeb" | |lightskyblue||bgcolor="87cefa" | |-|steelblue||bgcolor="4682b4" | |lightsteelblue||bgcolor="b0c4de" | |lightblue||bgcolor="add8e6" | |powderblue||bgcolor="b0e0e6" | |-|paleturquoise||bgcolor="afeeee" | |darkturquoise||bgcolor="00ced1" | |mediumturquoise||bgcolor="48d1cc" | |turquoise||bgcolor="40e0d0" | |-|cyan||bgcolor="00ffff" | |lightcyan||bgcolor="e0ffff" | |cadetblue||bgcolor="5f9ea0" | |mediumaquamarine||bgcolor="66cdaa" | |-|aquamarine||bgcolor="7fffd4" | |darkolivegreen||bgcolor="556b2f" | |darkseagreen||bgcolor="8fbc8f" | |seagreen||bgcolor="2e8b57" | |-|mediumseagreen||bgcolor="3cb371" | |lightseagreen||bgcolor="20b2aa" | |palegreen||bgcolor="98fb98" | |lightgreen||bgcolor="90ee90" | & nbsp;|-|springgreen||bgcolor="00ff7f" | |lawngreen||bgcolor="7cfc00" | |green||bgcolor="00ff00" | |chartreuse||bgcolor="7fff00" | |-|mediumspringgreen||bgcolor="00fa9a" | |greenyellow||bgcolor="adff2f" | |limegreen||bgcolor="32cd32" | |yellowgreen||bgcolor="9acd32" | |-|forestgreen||bgcolor="228b22" | |olivedrab||bgcolor="6b8e23" | |darkkhaki||bgcolor="bdb76b" | |khaki||bgcolor="f0e68c" | |-|palegoldenrod||bgcolor="eee8aa" | |lightgoldenrodyellow||bgcolor="fafad2" | |lightyellow||bgcolor="ffffe0" | |yellow||bgcolor="ffff00" | |-|gold||bgcolor="ffd700" | |lightgoldenrod||bgcolor="eedd82" | |goldenrod||bgcolor="daa520" | |darkgoldenrod||bgcolor="b8860b" | |-|rosybrown||bgcolor="bc8f8f" | |indianred||bgcolor="cd5c5c" | |saddlebrown||bgcolor="8b4513" | |sienna||bgcolor="a0522d" | |-|peru||bgcolor="cd853f" | |burlywood||bgcolor="deb887" | |beige||bgcolor="f5f5dc" | |wheat||bgcolor="f5deb3" | |-|sandybrown||bgcolor="f4a460" | |tan||bgcolor="d2b48c" | |chocolate||bgcolor="d2691e" | |firebrick||bgcolor="b22222" | |-|brown||bgcolor="a52a2a" | |darksalmon||bgcolor="e9967a" | |salmon||bgcolor="fa8072" | |lightsalmon||bgcolor="ffa07a" | |-|orange||bgcolor="ffa500" | |darkorange||bgcolor="ff8c00" | |coral||bgcolor="ff7f50" | |lightcoral||bgcolor="f08080" | |-|tomato||bgcolor="ff6347" | |orangered||bgcolor="ff4500" | |red||bgcolor="ff0000" | |hotpink||bgcolor="ff69b4" | |-|deeppink||bgcolor="ff1493" | |pink||bgcolor="ffc0cb" | |lightpink||bgcolor="ffb6c1" | |palevioletred||bgcolor="db7093" | |-|maroon||bgcolor="b03060" | |mediumvioletred||bgcolor="c71585" | |violetred||bgcolor="d02090" | |magenta||bgcolor="ff00ff" | |-|violet||bgcolor="ee82ee" | |plum||bgcolor="dda0dd" | |orchid||bgcolor="da70d6" | |mediumorchid||bgcolor="ba55d3" | |-|darkorchid||bgcolor="9932cc" | |darkviolet||bgcolor="9400d3" | |blueviolet||bgcolor="8a2be2" | |purple||bgcolor="a020f0" | |-|mediumpurple||bgcolor="9370db" | |thistle||bgcolor="d8bfd8" | |snow1||bgcolor="fffafa" | |snow2||bgcolor="eee9e9" | |-|snow3||bgcolor="cdc9c9" | |snow4||bgcolor="8b8989" | |seashell1||bgcolor="fff5ee" | |seashell2||bgcolor="eee5de" | |-|seashell3||bgcolor="cdc5bf" | |seashell4||bgcolor="8b8682" | |antiquewhite1||bgcolor="ffefdb" | |antiquewhite2||bgcolor="eedfcc" | |-|antiquewhite3||bgcolor="cdc0b0" | |antiquewhite4||bgcolor="8b8378" | |bisque1||bgcolor="ffe4c4" | |bisque2||bgcolor="eed5b7" | |-|bisque3||bgcolor="cdb79e" | |bisque4||bgcolor="8b7d6b" | |peachpuff1||bgcolor="ffdab9" | |peachpuff2||bgcolor="eecbad" | |-|peachpuff3||bgcolor="cdaf95" | |peachpuff4||bgcolor="8b7765" | |navajowhite1||bgcolor="ffdead" | |navajowhite2||bgcolor="eecfa1" | |-|navajowhite3||bgcolor="cdb38b" | |navajowhite4||bgcolor="8b795e" | |lemonchiffon1||bgcolor="fffacd" | |lemonchiffon2||bgcolor="eee9bf" | |-|lemonchiffon3||bgcolor="cdc9a5" | |lemonchiffon4||bgcolor="8b8970" | |cornsilk1||bgcolor="fff8dc" | |cornsilk2||bgcolor="eee8cd" | |-|cornsilk3||bgcolor="cdc8b1" | |cornsilk4||bgcolor="8b8878" | |ivory1||bgcolor="fffff0" | |ivory2||bgcolor="eeeee0" | |-|ivory3||bgcolor="cdcdc1" | |ivory4||bgcolor="8b8b83" | |honeydew1||bgcolor="f0fff0" | |honeydew2||bgcolor="e0eee0" | |-|honeydew3||bgcolor="c1cdc1" | |honeydew4||bgcolor="838b83" | |lavenderblush1||bgcolor="fff0f5" | |lavenderblush2||bgcolor="eee0e5" | |-|lavenderblush3||bgcolor="cdc1c5" | |lavenderblush4||bgcolor="8b8386" | |mistyrose1||bgcolor="ffe4e1" | |mistyrose2||bgcolor="eed5d2" | |-|mistyrose3||bgcolor="cdb7b5" | |mistyrose4||bgcolor="8b7d7b" | |azure1||bgcolor="f0ffff" | |azure2||bgcolor="e0eeee" | |-|azure3||bgcolor="c1cdcd" | |azure4||bgcolor="838b8b" | |slateblue1||bgcolor="836fff" | |slateblue2||bgcolor="7a67ee" | |-|slateblue3||bgcolor="6959cd" | |slateblue4||bgcolor="473c8b" | |royalblue1||bgcolor="4876ff" | |royalblue2||bgcolor="436eee" | |-|royalblue3||bgcolor="3a5fcd" | |royalblue4||bgcolor="27408b" | |blue1||bgcolor="0000ff" | |blue2||bgcolor="0000ee" | |-|blue3||bgcolor="0000cd" | |blue4||bgcolor="00008b" | |dodgerblue1||bgcolor="1e90ff" | |dodgerblue2||bgcolor="1c86ee" | |-|dodgerblue3||bgcolor="1874cd" | |dodgerblue4||bgcolor="104e8b" | |steelblue1||bgcolor="63b8ff" | |steelblue2||bgcolor="5cacee" | |-|steelblue3||bgcolor="4f94cd" | |steelblue4||bgcolor="36648b" | |deepskyblue1||bgcolor="00bfff" | |deepskyblue2||bgcolor="00b2ee" | |-|deepskyblue3||bgcolor="009acd" | |deepskyblue4||bgcolor="00688b" | |skyblue1||bgcolor="87ceff" | |skyblue2||bgcolor="7ec0ee" | |-|skyblue3||bgcolor="6ca6cd" | |skyblue4||bgcolor="4a708b" | |lightskyblue1||bgcolor="b0e2ff" | |lightskyblue2||bgcolor="a4d3ee" | |-|lightskyblue3||bgcolor="8db6cd" | |lightskyblue4||bgcolor="607b8b" | |slategray1||bgcolor="c6e2ff" | |slategray2||bgcolor="b9d3ee" | |-|slategray3||bgcolor="9fb6cd" | |slategray4||bgcolor="6c7b8b" | |lightsteelblue1||bgcolor="cae1ff" | |lightsteelblue2||bgcolor="bcd2ee" | |-|lightsteelblue3||bgcolor="a2b5cd" | |lightsteelblue4||bgcolor="6e7b8b" | |lightblue1||bgcolor="bfefff" | |lightblue2||bgcolor="b2dfee" | |-|lightblue3||bgcolor="9ac0cd" | |lightblue4||bgcolor="68838b" | |lightcyan1||bgcolor="e0ffff" | |lightcyan2||bgcolor="d1eeee" | |-|lightcyan3||bgcolor="b4cdcd" | |lightcyan4||bgcolor="7a8b8b" | |paleturquoise1||bgcolor="bbffff" | |paleturquoise2||bgcolor="aeeeee" | |-|paleturquoise3||bgcolor="96cdcd" | |paleturquoise4||bgcolor="668b8b" | |cadetblue1||bgcolor="98f5ff" | |cadetblue2||bgcolor="8ee5ee" | |-|cadetblue3||bgcolor="7ac5cd" | |cadetblue4||bgcolor="53868b" | |turquoise1||bgcolor="00f5ff" | |turquoise2||bgcolor="00e5ee" | |-|turquoise3||bgcolor="00c5cd" | |turquoise4||bgcolor="00868b" | |cyan1||bgcolor="00ffff" | |cyan2||bgcolor="00eeee" | |-|cyan3||bgcolor="00cdcd" | |cyan4||bgcolor="008b8b" | |darkslategray1||bgcolor="97ffff" | |darkslategray2||bgcolor="8deeee" | |-|darkslategray3||bgcolor="79cdcd" | |darkslategray4||bgcolor="528b8b" | |aquamarine1||bgcolor="7fffd4" | |aquamarine2||bgcolor="76eec6" | |-|aquamarine3||bgcolor="66cdaa" | |aquamarine4||bgcolor="458b74" | |darkseagreen1||bgcolor="c1ffc1" | |darkseagreen2||bgcolor="b4eeb4" | |-|darkseagreen3||bgcolor="9bcd9b" | |darkseagreen4||bgcolor="698b69" | |seagreen1||bgcolor="54ff9f" | |seagreen2||bgcolor="4eee94" | |-|seagreen3||bgcolor="43cd80" | |seagreen4||bgcolor="2e8b57" | |palegreen1||bgcolor="9aff9a" | |palegreen2||bgcolor="90ee90" | |-|palegreen3||bgcolor="7ccd7c" | |palegreen4||bgcolor="548b54" | |springgreen1||bgcolor="00ff7f" | |springgreen2||bgcolor="00ee76" | |-|springgreen3||bgcolor="00cd66" | |springgreen4||bgcolor="008b45" | |green1||bgcolor="00ff00" | |green2||bgcolor="00ee00" | |-|green3||bgcolor="00cd00" | |green4||bgcolor="008b00" | |chartreuse1||bgcolor="7fff00" | |chartreuse2||bgcolor="76ee00" | |-|chartreuse3||bgcolor="66cd00" | |chartreuse4||bgcolor="458b00" | |olivedrab1||bgcolor="c0ff3e" | |olivedrab2||bgcolor="b3ee3a" | |-|olivedrab3||bgcolor="9acd32" | |olivedrab4||bgcolor="698b22" | |darkolivegreen1||bgcolor="caff70" | |darkolivegreen2||bgcolor="bcee68" | |-|darkolivegreen3||bgcolor="a2cd5a" | |darkolivegreen4||bgcolor="6e8b3d" | |khaki1||bgcolor="fff68f" | |khaki2||bgcolor="eee685" | |-|khaki3||bgcolor="cdc673" | |khaki4||bgcolor="8b864e" | |lightgoldenrod1||bgcolor="ffec8b" | |lightgoldenrod2||bgcolor="eedc82" | |-|lightgoldenrod3||bgcolor="cdbe70" | |lightgoldenrod4||bgcolor="8b814c" | |lightyellow1||bgcolor="ffffe0" | |lightyellow2||bgcolor="eeeed1" | |-|lightyellow3||bgcolor="cdcdb4" | |lightyellow4||bgcolor="8b8b7a" | |yellow1||bgcolor="ffff00" | |yellow2||bgcolor="eeee00" | |-|yellow3||bgcolor="cdcd00" | |yellow4||bgcolor="8b8b00" | |gold1||bgcolor="ffd700" | |gold2||bgcolor="eec900" | |-|gold3||bgcolor="cdad00" | |gold4||bgcolor="8b7500" | |goldenrod1||bgcolor="ffc125" | |goldenrod2||bgcolor="eeb422" | |-|goldenrod3||bgcolor="cd9b1d" | |goldenrod4||bgcolor="8b6914" | |darkgoldenrod1||bgcolor="ffb90f" | |darkgoldenrod2||bgcolor="eead0e" | |-|darkgoldenrod3||bgcolor="cd950c" | |darkgoldenrod4||bgcolor="8b6508" | |rosybrown1||bgcolor="ffc1c1" | |rosybrown2||bgcolor="eeb4b4" | |-|rosybrown3||bgcolor="cd9b9b" | |rosybrown4||bgcolor="8b6969" | |indianred1||bgcolor="ff6a6a" | |indianred2||bgcolor="ee6363" | |-|indianred3||bgcolor="cd5555" | |indianred4||bgcolor="8b3a3a" | |sienna1||bgcolor="ff8247" | |sienna2||bgcolor="ee7942" | |-|sienna3||bgcolor="cd6839" | |sienna4||bgcolor="8b4726" | |burlywood1||bgcolor="ffd39b" | |burlywood2||bgcolor="eec591" | |-|burlywood3||bgcolor="cdaa7d" | |burlywood4||bgcolor="8b7355" | |wheat1||bgcolor="ffe7ba" | |wheat2||bgcolor="eed8ae" | |-|wheat3||bgcolor="cdba96" | |wheat4||bgcolor="8b7e66" | |tan1||bgcolor="ffa54f" | |tan2||bgcolor="ee9a49" | |-|tan3||bgcolor="cd853f" | |tan4||bgcolor="8b5a2b" | |chocolate1||bgcolor="ff7f24" | |chocolate2||bgcolor="ee7621" | |-|chocolate3||bgcolor="cd661d" | |chocolate4||bgcolor="8b4513" | |firebrick1||bgcolor="ff3030" | |firebrick2||bgcolor="ee2c2c" | |-|firebrick3||bgcolor="cd2626" | |firebrick4||bgcolor="8b1a1a" | |brown1||bgcolor="ff4040" | |brown2||bgcolor="ee3b3b" | |-|brown3||bgcolor="cd3333" | |brown4||bgcolor="8b2323" | |salmon1||bgcolor="ff8c69" | |salmon2||bgcolor="ee8262" | |-|salmon3||bgcolor="cd7054" | |salmon4||bgcolor="8b4c39" | |lightsalmon1||bgcolor="ffa07a" | |lightsalmon2||bgcolor="ee9572" | |-|lightsalmon3||bgcolor="cd8162" | |lightsalmon4||bgcolor="8b5742" | |orange1||bgcolor="ffa500" | |orange2||bgcolor="ee9a00" | |-|orange3||bgcolor="cd8500" | |orange4||bgcolor="8b5a00" | |darkorange1||bgcolor="ff7f00" | |darkorange2||bgcolor="ee7600" | |-|darkorange3||bgcolor="cd6600" | |darkorange4||bgcolor="8b4500" | |coral1||bgcolor="ff7256" | |coral2||bgcolor="ee6a50" | |-|coral3||bgcolor="cd5b45" | |coral4||bgcolor="8b3e2f" | |tomato1||bgcolor="ff6347" | |tomato2||bgcolor="ee5c42" | |-|tomato3||bgcolor="cd4f39" | |tomato4||bgcolor="8b3626" | |orangered1||bgcolor="ff4500" | |orangered2||bgcolor="ee4000" | |-|orangered3||bgcolor="cd3700" | |orangered4||bgcolor="8b2500" | |red1||bgcolor="ff0000" | |red2||bgcolor="ee0000" | |-|red3||bgcolor="cd0000" | |red4||bgcolor="8b0000" | |debianred||bgcolor="d70751" | |deeppink1||bgcolor="ff1493" | |-|deeppink2||bgcolor="ee1289" | |deeppink3||bgcolor="cd1076" | |deeppink4||bgcolor="8b0a50" | |hotpink1||bgcolor="ff6eb4" | |-|hotpink2||bgcolor="ee6aa7" | |hotpink3||bgcolor="cd6090" | |hotpink4||bgcolor="8b3a62" | |pink1||bgcolor="ffb5c5" | |-|pink2||bgcolor="eea9b8" | |pink3||bgcolor="cd919e" | |pink4||bgcolor="8b636c" | |lightpink1||bgcolor="ffaeb9" | |-|lightpink2||bgcolor="eea2ad" | |lightpink3||bgcolor="cd8c95" | |lightpink4||bgcolor="8b5f65" | |palevioletred1||bgcolor="ff82ab" | |-|palevioletred2||bgcolor="ee799f" | |palevioletred3||bgcolor="cd6889" | |palevioletred4||bgcolor="8b475d" | |maroon1||bgcolor="ff34b3" | |-|maroon2||bgcolor="ee30a7" | |maroon3||bgcolor="cd2990" | |maroon4||bgcolor="8b1c62" | |violetred1||bgcolor="ff3e96" | |-|violetred2||bgcolor="ee3a8c" | |violetred3||bgcolor="cd3278" | |violetred4||bgcolor="8b2252" | |magenta1||bgcolor="ff00ff" | |-|magenta2||bgcolor="ee00ee" | |magenta3||bgcolor="cd00cd" | |magenta4||bgcolor="8b008b" | |orchid1||bgcolor="ff83fa" | |-|orchid2||bgcolor="ee7ae9" | |orchid3||bgcolor="cd69c9" | |orchid4||bgcolor="8b4789" | |plum1||bgcolor="ffbbff" |
|-
| styleplum2||bgcolor="width:20%eeaeee" | |plum3||bgcolor="cd96cd" | RGB color model | styleplum4||bgcolor="width:40%;8b668b" | <texcode>\definecolor[...][r=..., g=..., b=...]</texcode> For example,<texcode>\definecolor[lime][r|mediumorchid1||bgcolor=0.75, g=1, b=0] This is \color[lime]{a new color}that we defined</texcode>"e066ff" | The values for <code>r</code>, <code>g</code>, and <code>b</code> are floating point number between <code>0</code> and <code>1</code>.
|-
| CMYK color modelmediumorchid2||bgcolor="d15fee" | | <texcode>\definecolor[...][cmediumorchid3||bgcolor=.., m"b452cd" | |mediumorchid4||bgcolor=.., y=.., k=..]</texcode> "7a378b" | For example,<texcode>\definecolor[lime][c=0.25, m=0, y=1, k|darkorchid1||bgcolor=0] This is \color[lime]{a new color}that we defined</texcode>"bf3eff" | The values for <code>c</code>, <code>m</code>, <code>y</code> and <code>k</code> are floating point number between <code>0</code> and <code>1</code>.
|-
| HSV/HSL color modeldarkorchid2||bgcolor="b23aee" | |<texcode>\definecolor[...][hdarkorchid3||bgcolor=.., s"9a32cd" | |darkorchid4||bgcolor=.., v=..]</texcode> "68228b" | For example,<texcode>\definecolor[lime][h=75, s=1, v|purple1||bgcolor=1] This is \color[lime]{a new color}that we defined</texcode>"9b30ff" | The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code> the values for <code>s</code> (saturation), <code>v</code> (value/brightness) are floating point numbers between <code>0</code> and <code>1</code>.
|-
| HWB color modelpurple2||bgcolor="912cee" | |<texcode>\definecolor[...][hpurple3||bgcolor=.., w"7d26cd" | |purple4||bgcolor=.., b=..]</texcode> "551a8b" | For example,<texcode>\definecolor[something][h=75, w=0.5, b|mediumpurple1||bgcolor=.1] This is \color[something]{a new color}that we defined</texcode>"ab82ff" | The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code> the values for <code>w</code> (whiteness), <code>b</code> (blackness) are floating point numbers between <code>0</code> and <code>1</code>. This mostly unknown color model is also used in CSS3/SVG.
|-
| Hexmediumpurple2||bgcolor="9f79ee" | | <texcode>\definecolor[...][xmediumpurple3||bgcolor=...]</texcode> "8968cd" | For example,|mediumpurple4||bgcolor="5d478b" | <texcode>\definecolor[lime][x|thistle1||bgcolor=BFFF00] This is \color[lime]{a new color}that we defined</texcode>"ffe1ff" | The value for <code>x</code> is a three-byte hexadecimal number where the bytes represent the red, green, and blue values. This follows the HTML and CSS style of defining colors.
|-
|Gray scalethistle2||bgcolor="eed2ee" | |<texcode>\definecolor[...][sthistle3||bgcolor=...]</texcode> "cdb5cd" | For example,<texcode>\definecolor[screen][s|thistle4||bgcolor=0.5] This is \color[screen]{a new color}that we defined</texcode>"8b7b8b" | The value for <code>s</code> is a floating point number between <code>0</code> and <code>1</code>, representing the grayness value (1 represents white, 0 represents black).
|}
== Cloning existing The following additional colors == You can ''clone'' an existing color using<texcode>\definecolor[new-color][old-color]</texcode>are also defined.
For example{|style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="45%width: 100px;"| <texcode>\usecolors[xwi]Name !! Color \definecolor[highlight][yellow]|-\defineframed|darkgray||bgcolor="a8a8a8" | [important] [location|darkblue||bgcolor=low, frame=off, "00008b" | background|darkcyan||bgcolor=color, backgroundcolor=highlight]"008b8b" | |-This is a \important{important}word. \definecolor[highlight][lavenderblush]This is a \important{important}word.</texcode>| widthdarkmagenta||bgcolor="10%8b008b"|& nbsp;| widthdarkred||bgcolor="45%8b000000"| <context mode=mkiv>\usecolors[xwi]& nbsp;\definecolor[highlight][yellow]\defineframed[important][location|darkgreen||bgcolor=low, frame=off, background=color, backgroundcolor=highlight] This is a \important{important}word. \definecolor[highlight][lavenderblush]This is a \important{important}word.</context>"006400" |
|}
== Adapting existing colors ==
{{todo | add details about this}}
= Advanced Usage = XWI Colors ==
== Changing The colors are defined in {{src|colo-imp-xwi.mkiv}}. The name suggests that they were from some color file distributed as part of entire document ==the [https://en.wikipedia.org/wiki/X_Window_System X_Window_System]. These are a subset of the X11 colors, shown earlier. To load these colors, use:
To change the main text color of the document use<texcode>\usecolors[xwi]</texcode>
<texcode>\setupcolors[textcolor=defined-color]</texcode>This loads the following additional colors:
For example,{| style="text-align: right; padding-right: 20px;"!| Name !! Color {!style="width: 80px;"|Name !! Color ! widthstyle="45%width: 100px;"|Name !! Color ! style="width: 100px;"| Name !! Color|-|-|aliceblue||bgcolor="#EFF7FF"| |antiquewhite||bgcolor="#F9EAD6"| |aquamarine||bgcolor="#7FFFD3"| |azure||bgcolor="#EFFFFF"| |-|beige||bgcolor="#F4F4DB"| |bisque||bgcolor="#FFE2C4"| |black||bgcolor="#000000"| |blanchedalmond||bgcolor="#FFEACC"| |-|blue||bgcolor="#0000FF"| |blueviolet||bgcolor="#892BE2"| |brown||bgcolor="#A52828"| |burlywood||bgcolor="#DDB787"| |-|cadetblue||bgcolor="#5E9EA0"| |chartreuse||bgcolor="#7FFF00"| |chocolate||bgcolor="#D1681E"| |coral||bgcolor="#FF7F4F"| |-|cornflowerblue||bgcolor="#6393ED"| |cornsilk||bgcolor="#FFF7DB"| |cyan||bgcolor="#00FFFF"| |darkgoldenrod||bgcolor="#B7870A"| |-|darkgreen||bgcolor="#006300"| |darkkhaki||bgcolor="#BCB76B"| |darkolivegreen||bgcolor="#546B2D"| |darkorange||bgcolor="#FF8C00"| |-|darkorchid||bgcolor="#9933CC"| |darksalmon||bgcolor="#E8967A"| |darkseagreen||bgcolor="#8EBC8E"| |darkslateblue||bgcolor="#473D8C"| |-|darkturquoise||bgcolor="#00CED1"| |darkviolet||bgcolor="#9300D3"| |deeppink||bgcolor="#FF1493"| |deepskyblue||bgcolor="#00BFFF"| |-|dodgerblue||bgcolor="#1E8EFF"| |firebrick||bgcolor="#B22121"| |floralwhite||bgcolor="#FFF9EF"| |forestgreen||bgcolor="#218C21"| |-|gainsboro||bgcolor="#DBDBDB"| |ghostwhite||bgcolor="#F7F7FF"| |gold||bgcolor="#FFD600"| |goldenrod||bgcolor="#D8A521"| |-|green||bgcolor="#00FF00"| |greenyellow||bgcolor="#ADFF2D"| |honeydew||bgcolor="#EFFFEF"| |hotpink||bgcolor="#FF68B5"| |-|indianred||bgcolor="#CC5B5B"| |ivory||bgcolor="#FFFFEF"| |khaki||bgcolor="#EFE58C"| |lavender||bgcolor="#E5E5F9"| |-|lavenderblush||bgcolor="#FFEFF4"| |lawngreen||bgcolor="#7CFC00"| |lemonchiffon||bgcolor="#FFF9CC"| |lightblue||bgcolor="#ADD8E5"| |-|lightcoral||bgcolor="#EF7F7F"| |lightcyan||bgcolor="#E0FFFF"| |lightgoldenrod||bgcolor="#EDDD82"| |lightgoldenrodyellow||bgcolor="#F9F9D1"| |-|lightpink||bgcolor="#FFB5C1"| |lightsalmon||bgcolor="#FFA07A"| |lightseagreen||bgcolor="#21B2AA"| |lightskyblue||bgcolor="#87CEF9"| |-|lightslateblue||bgcolor="#8470FF"| |lightsteelblue||bgcolor="#AFC4DD"| |lightyellow||bgcolor="10%#FFFFE0"| ! width|limegreen||bgcolor="#33CC33"| |-|linen||bgcolor="#F9EFE5"| |magenta||bgcolor="#FF00FF"| |maroon||bgcolor="#AF3060"| |mediumaquamarine||bgcolor="#66CCAA"| |-|mediumblue||bgcolor="#0000CC"| |mediumorchid||bgcolor="#BA54D3"| |mediumpurple||bgcolor="#9370DB"| |mediumseagreen||bgcolor="#3DB270"| |-|mediumslateblue||bgcolor="#7A68ED"| |mediumspringgreen||bgcolor="#00F999"| |mediumturquoise||bgcolor="#47D1CC"| |mediumvioletred||bgcolor="#C61484"| |-|midnightblue||bgcolor="#191970"| |mintcream||bgcolor="#F4FFF9"| |mistyrose||bgcolor="#FFE2E0"| |moccasin||bgcolor="#FFE2B5"| |-|navajowhite||bgcolor="#FFDDAD"| |navy||bgcolor="#00007F"| |navyblue||bgcolor="#00007F"| |oldlace||bgcolor="#FCF4E5"| |-|olivedrab||bgcolor="#6B8E23"| |orange||bgcolor="#FFA500"| |orangered||bgcolor="#FF4400"| |orchid||bgcolor="#D870D6"| |-|palegoldenrod||bgcolor="#EDE8AA"| |palegreen||bgcolor="#99F999"| |paleturquoise||bgcolor="#AFEDED"| |palevioletred||bgcolor="#DB7093"| |-|papayawhip||bgcolor="#FFEFD6"| |peachpuff||bgcolor="#FFD8BA"| |peru||bgcolor="#CC843F"| |pink||bgcolor="#FFBFCC"| |-|plum||bgcolor="#DDA0DD"| |powderblue||bgcolor="#AFE0E5"| |purple||bgcolor="#A021EF"| |red ||bgcolor="#FF0000"| |-|rosybrown||bgcolor="#BC8E8E"| |royalblue||bgcolor="#3F68E0"| |saddlebrown||bgcolor="#8C4411"| |salmon||bgcolor="#F97F72"| |-|sandybrown||bgcolor="#F4A360"| |seagreen||bgcolor="#2D8C56"| |seashell||bgcolor="#FFF4ED"| |sienna||bgcolor="#A0512D"| |-|skyblue||bgcolor="#87CEEA"| |slateblue||bgcolor="#6B59CC"| |snow||bgcolor="#FFF9F9"| |springgreen||bgcolor="#00FF7F"| |-|steelblue||bgcolor="#4482B5"| |tan ||bgcolor="#D1B58C"| |thistle||bgcolor="#D8BFD8"| |tomato||bgcolor="#FF6347"| |-|turquoise||bgcolor="#3FE0D1"| |violet||bgcolor="#ED82ED"| |violetred||bgcolor="#D1218E"| |wheat||bgcolor="45%#F4DDB2"|
|-
|<texcode>\setupcolors[textcolorwhite||bgcolor=blue]"#FFFFFF"| \starttexttext\stoptext</texcode>|whitesmoke||bgcolor="#F4F4F4"| |yellow||<context modebgcolor=mkiv>"#FFFF00"| \setupcolors[textcolor|yellowgreen||bgcolor=blue]\starttexttext\stoptext</context>"#99CC33"|
|}
== Changing background color of page Additional pre-defined colors ==
The background color of In addition to the page can be changed using<texcode>\setupbackgrounds[page][background=colorabove,backgroundcolor=there are other pre-defined-color]</texcode>colors.
For example,{| ! widthclass="45%wikitable"| ! width="10%"|- ! width="45%"| ema |- | <texcodecode>\setuppapersize[A10]\setupbackgroundsusecolors[pageema][background=color,backgroundcolor=blue] \starttexttext\stoptext</texcodecode>|{{src|colo-imp-ema.mkiv}} ||<context>\setuppapersize[A10]\setupcolors[state=start] \setupbackgrounds[page][background=color,backgroundcolor=blue] \starttexttext\stoptext</context>549 Emacs colors
|}
= Advanced Usage =
== Using colors in MetaPost ==
= Further reading and specialized topics =
* [[Color/Palet|Color Palettes]]* [[Color/Transparency|Transparency]] * [[Color/Spot_Colors|Spot Colors]]
* References
** [http://paletton.com Paletton] - Website to choose color palettes
** [http://colorbrewer2.org/ ColorBrewer] - website to choose colors for maps and graphics.
** Tina Sutton, Bride M Whelan: The Complete Color Harmony. Rockport Publishers (2004). ISBN 978-1592530311 (recommanded in the mailing list)
[[Category:Color]]
[[Category:Graphics]]