<ul style="display: grid;grid-template-columns: 1fr 3fr 2fr ; grid-gap:1rem; justify-content: space-between;list-style: none;padding: 0rem;margin: 0;">{{Color_navigation_Trial}}
<li>General <ul style="display: grid;grid-template-columns: 1fr; grid-gap:0.5rem; justify-content: space-between;list-style: none;padding: 0rem;margin: 0;background-color: #f6f6f6;"><li>'''Overview'''<ul><li>[[Color]]</li><li>[[Color in MetaPost]]</li></ul></ul>__TOC__
<li>Commands
<ul style="display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap:0.5rem; justify-content: space-between;list-style: none;padding: 0rem;margin: 0;background-color: #f6f6f6;">
<li>'''General'''
<ul>
<li>{{cmd|color}}</li>
<li>{{cmd|MPcolor}}</li>
<li>{{cmd|definecolor}}</li>
<li>{{cmd|setupcolors}}</li>
<li>{{cmd|showcolor}}</li>
<li>{{cmd|usecolor}}</li>
</ul>
</li>
<li>'''Logical palettes'''
<ul>
<li>{{cmd|definepalet}}</li>
<li>{{cmd|setuppalet}}</li>
<li>{{cmd|showpalet}}</li>
<li>{{cmd|comparepalet}}</li>
</ul>
</li>
<li>'''Groups of similar colors'''
<ul>
<li>{{cmd|definecolorgroup}}</li>
<li>{{cmd|showcolorgroup}}</li>
</ul>
</li>
</ul>
<li>Source files
<ul style="display: grid;grid-template-columns: 1fr 1fr; grid-gap:0.5rem; justify-content: space-between;list-style: none;padding: 0rem;margin: 0;background-color: #f6f6f6;">
<li>'''MkIV'''
<ul>
<li>{{src|colo-ini.mkiv}}</li>
<li>{{src|colo-ini.lua}}</li>
<li>{{src|attr-col.lua}}</li>
<li>{{src|colo-ext.mkiv}}</li>
<li>{{src|colo-grp.mkiv}}</li>
<li>{{src|colo-run.mkiv}}</li>
</ul>
<li>'''MkIV color definitions'''
<ul>
<li>{{src|colo-imp-dem.mkiv}}</li>
<li>{{src|colo-imp-rgb.mkiv}}</li>
<li>{{src|colo-imp-xwi.mkiv}}</li>
<li>{{src|colo-imp-ema.mkiv}}</li>
<li>{{src|colo-imp-x11.mkiv}}</li>
</ul>
</ul>
ConTeXt supports several color models: [https://en.wikipedia.org/wiki/RGB_color_model RGB] (typically used for screen display),[https://en.wikipedia.org/wiki/CMYK_color_model CMYK] (typically used for printing) as well as [https://en.wikipedia.org/wiki/HSL_and_HSV HSV/HSL] and [https://en.wikipedia.org/wiki/HWB_color_model HWB]. There is also support for [https://en.wikipedia.org/wiki/Spot_color spot colors] (typically used for offset printing) and transparencies.
= Before you start ... =
3. To disable colors in a document, use
<texcode>\setupcolors[state=stop]</texcode>
Last [[Documentation|manual dedicated to color]] was issued in 2016
= Basic Usage =
or
{| ! width="45%"| ! width="10%"| ! width<context source="45%"| |- | <texcodeyes>\starttext
\startcolor[red]
\input tufte
\stopcolor
\stoptext
</texcode>
|
|<context mode=mkiv>
\setuppapersize[A5]
\starttext
\startcolor[red]
\input tufte
\stopcolor
\stoptext
</context>
|}
It is also possible to use RGB or CMYK or hex values to color text. The syntax for these is
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;"
|}
In addition to thees, many color collections are defined, which are not loaded by default. These can be loaded using <texcode>\usecolors[NAME]</texcode> where <code>NAME</code> is the name of the collection. The details of colors defined in these collections is shown below. You can also include such a detailed description of the colors defined in a color collection using <texcode>\showcolor[NAME]</texcode> For example, the truncated output of <code>\showcolor[crayola]</code> is shown below. {| |-|<texcode>\showcolor[crayola]</texcode>|<context mode=mkiv>\startTEXpage[height=5cm]\showcolor[crayola]\stopTEXpage</context>|} == Crayola crayon colors == The following colors are defined in {{src|colo-imp-crayola.mkiv}}. These canbe loaded using <texcode>\usecolors[crayola]</texcode> {| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|Red||bgcolor="ED0A3F" | |Maroon||bgcolor="C32148" | |Scarlet||bgcolor="FD0E35" | |BrickRed||bgcolor="C62D42" | |-|EnglishVermilion||bgcolor="CC474B" | |MadderLake||bgcolor="CC3336" | |PermanentGeraniumLake||bgcolor="E12C2C" | |MaximumRed||bgcolor="D92121" | |-|IndianRed||bgcolor="B94E48" | |OrangeRed||bgcolor="FF5349" | |SunsetOrange||bgcolor="FE4C40" | |Bittersweet||bgcolor="FE6F5E" | |-|DarkVenetianRed||bgcolor="B33B24" | |VenetianRed||bgcolor="CC553D" | |LightVenetianRed||bgcolor="E6735C" | |VividTangerine||bgcolor="FF9980" | |-|MiddleRed||bgcolor="E58E73" | |BurntOrange||bgcolor="FF7F49" | |RedOrange||bgcolor="FF681F" | |Orange||bgcolor="FF8833" | |-|MacaroniandCheese||bgcolor="FFB97B" | |MiddleYellowRed||bgcolor="ECB176" | |MangoTango||bgcolor="E77200" | |YellowOrange||bgcolor="FFAE42" | |-|MaximumYellowRed||bgcolor="F2BA49" | |BananaMania||bgcolor="FBE7B2" | |Maize||bgcolor="F2C649" | |OrangeYellow||bgcolor="F8D568" | |-|Goldenrod||bgcolor="FCD667" | |Dandelion||bgcolor="FED85D" | |Yellow||bgcolor="FBE870" | |GreenYellow||bgcolor="F1E788" | |-|MiddleYellow||bgcolor="FFEB00" | |OliveGreen||bgcolor="B5B35C" | |SpringGreen||bgcolor="ECEBBD" | |MaximumYellow||bgcolor="FAFA37" | |-|Canary||bgcolor="FFFF99" | |LemonYellow||bgcolor="FFFF9F" | |MaximumGreenYellow||bgcolor="D9E650" | |MiddleGreenYellow||bgcolor="ACBF60" | |-|Inchworm||bgcolor="AFE313" | |LightChromeGreen||bgcolor="BEE64B" | |YellowGreen||bgcolor="C5E17A" | |MaximumGreen||bgcolor="5E8C31" | |-|Asparagus||bgcolor="7BA05B" | |GrannySmithApple||bgcolor="9DE093" | |Fern||bgcolor="63B76C" | |MiddleGreen||bgcolor="4D8C57" | |-|Green||bgcolor="3AA655" | |MediumChromeGreen||bgcolor="6CA67C" | |ForestGreen||bgcolor="5FA777" | |SeaGreen||bgcolor="93DFB8" | |-|Shamrock||bgcolor="33CC99" | |MountainMeadow||bgcolor="1AB385" | |JungleGreen||bgcolor="29AB87" | |CaribbeanGreen||bgcolor="00CC99" | |-|TropicalRainForest||bgcolor="00755E" | |MiddleBlueGreen||bgcolor="8DD9CC" | |PineGreen||bgcolor="01786F" | |MaximumBlueGreen||bgcolor="30BFBF" | |-|RobinsEggBlue||bgcolor="00CCCC" | |TealBlue||bgcolor="008080" | |LightBlue||bgcolor="8FD8D8" | |Aquamarine||bgcolor="95E0E8" | |-|TurquoiseBlue||bgcolor="6CDAE7" | |OuterSpace||bgcolor="2D383A" | |SkyBlue||bgcolor="76D7EA" | |MiddleBlue||bgcolor="7ED4E6" | |-|BlueGreen||bgcolor="0095B7" | |PacificBlue||bgcolor="009DC4" | |Cerulean||bgcolor="02A4D3" | |MaximumBlue||bgcolor="47ABCC" | |-|BlueI||bgcolor="4997D0" | |CeruleanBlue||bgcolor="339ACC" | |Cornflower||bgcolor="93CCEA" | |GreenBlue||bgcolor="2887C8" | |-|MidnightBlue||bgcolor="00468C" | |NavyBlue||bgcolor="0066CC" | |Denim||bgcolor="1560BD" | |BlueIII||bgcolor="0066FF" | |-|CadetBlue||bgcolor="A9B2C3" | |Periwinkle||bgcolor="C3CDE6" | |BlueII||bgcolor="4570E6" | |WildBlueYonder||bgcolor="7A89B8" | |-|Indigo||bgcolor="4F69C6" | |Manatee||bgcolor="8D90A1" | |CobaltBlue||bgcolor="8C90C8" | |CelestialBlue||bgcolor="7070CC" | |-|BlueBell||bgcolor="9999CC" | |MaximumBluePurple||bgcolor="ACACE6" | |VioletBlue||bgcolor="766EC8" | |BlueViolet||bgcolor="6456B7" | |-|UltramarineBlue||bgcolor="3F26BF" | |MiddleBluePurple||bgcolor="8B72BE" | |PurpleHeart||bgcolor="652DC1" | |RoyalPurple||bgcolor="6B3FA0" | |-|VioletII||bgcolor="8359A3" | |MediumViolet||bgcolor="8F47B3" | |Wisteria||bgcolor="C9A0DC" | |LavenderI||bgcolor="BF8FCC" | |-|VividViolet||bgcolor="803790" | |MaximumPurple||bgcolor="733380" | |PurpleMountainsMajesty||bgcolor="D6AEDD" | |Fuchsia||bgcolor="C154C1" | |-|PinkFlamingo||bgcolor="FC74FD" | |VioletI||bgcolor="732E6C" | |BrilliantRose||bgcolor="E667CE" | |Orchid||bgcolor="E29CD2" | |-|Plum||bgcolor="8E3179" | |MediumRose||bgcolor="D96CBE" | |Thistle||bgcolor="EBB0D7" | |Mulberry||bgcolor="C8509B" | |-|RedViolet||bgcolor="BB3385" | |MiddlePurple||bgcolor="D982B5" | |MaximumRedPurple||bgcolor="A63A79" | |JazzberryJam||bgcolor="A50B5E" | |-|Eggplant||bgcolor="614051" | |Magenta||bgcolor="F653A6" | |Cerise||bgcolor="DA3287" | |WildStrawberry||bgcolor="FF3399" | |-|LavenderII||bgcolor="FBAED2" | |CottonCandy||bgcolor="FFB7D5" | |CarnationPink||bgcolor="FFA6C9" | |VioletRed||bgcolor="F7468A" | |-|Razzmatazz||bgcolor="E30B5C" | |PigPink||bgcolor="FDD7E4" | |Carmine||bgcolor="E62E6B" | |Blush||bgcolor="DB5079" | |-|TickleMePink||bgcolor="FC80A5" | |Mauvelous||bgcolor="F091A9" | |Salmon||bgcolor="FF91A4" | |MiddleRedPurple||bgcolor="A55353" | |-|Mahogany||bgcolor="CA3435" | |Melon||bgcolor="FEBAAD" | |PinkSherbert||bgcolor="F7A38E" | |BurntSienna||bgcolor="E97451" | |-|Brown||bgcolor="AF593E" | |Sepia||bgcolor="9E5B40" | |FuzzyWuzzy||bgcolor="87421F" | |Beaver||bgcolor="926F5B" | |-|Tumbleweed||bgcolor="DEA681" | |RawSienna||bgcolor="D27D46" | |VanDykeBrown||bgcolor="664228" | |Tan||bgcolor="D99A6C" | |-|DesertSand||bgcolor="EDC9AF" | |Peach||bgcolor="FFCBA4" | |BurntUmber||bgcolor="805533" | |Apricot||bgcolor="FDD5B1" | |-|Almond||bgcolor="EED9C4" | |RawUmber||bgcolor="665233" | |Shadow||bgcolor="837050" | |RawSiennaI||bgcolor="E6BC5C" | |-|Timberwolf||bgcolor="D9D6CF" | |GoldI||bgcolor="92926E" | |GoldII||bgcolor="E6BE8A" | |Silver||bgcolor="C9C0BB" | |-|Copper||bgcolor="DA8A67" | |AntiqueBrass||bgcolor="C88A65" | |Black||bgcolor="000000" | |CharcoalGray||bgcolor="736A62" | |-|Gray||bgcolor="8B8680" | |BlueGray||bgcolor="C8C8CD" | |White||bgcolor="FFFFFF" | |RadicalRed||bgcolor="FF355E" | |-|WildWatermelon||bgcolor="FD5B78" | |OutrageousOrange||bgcolor="FF6037" | |AtomicTangerine||bgcolor="FF9966" | |NeonCarrot||bgcolor="FF9933" | |-|Sunglow||bgcolor="FFCC33" | |LaserLemon||bgcolor="FFFF66" | |UnmellowYellow||bgcolor="FFFF66" | |ElectricLime||bgcolor="CCFF00" | |-|ScreaminGreen||bgcolor="66FF66" | |MagicMint||bgcolor="AAF0D1" | |BlizzardBlue||bgcolor="50BFE6" | |ShockingPink||bgcolor="FF6EFF" | |-|RazzleDazzleRose||bgcolor="EE34D2" | |HotMagenta||bgcolor="FF00CC" | |PurplePizzazz||bgcolor="FF00CC" | |AztecGold||bgcolor="C39953" | |-|BurnishedBrown||bgcolor="A17A74" | |CeruleanFrost||bgcolor="6D9BC3" | |CinnamonSatin||bgcolor="CD607E" | |CopperPenny||bgcolor="AD6F69" | |-|CosmicCobalt||bgcolor="2E2D88" | |GlossyGrape||bgcolor="AB92B3" | |GraniteGray||bgcolor="676767" | |GreenSheen||bgcolor="6EAEA1" | |-|LilacLuster||bgcolor="AE98AA" | |MistyMoss||bgcolor="BBB477" | |MysticMaroon||bgcolor="AD4379" | |PearlyPurple||bgcolor="B768A2" | |-|PewterBlue||bgcolor="8BA8B7" | |PolishedPine||bgcolor="5DA493" | |QuickSilver||bgcolor="A6A6A6" | |RoseDust||bgcolor="9E5E6F" | |-|RustyRed||bgcolor="DA2C43" | |ShadowBlue||bgcolor="778BA5" | |ShinyShamrock||bgcolor="5FA778" | |SteelTeal||bgcolor="5F8A8B" | |-|SugarPlum||bgcolor="914E75" | |TwilightLavender||bgcolor="8A496B" | |WintergreenDream||bgcolor="56887D" | |Amethyst||bgcolor="64609A" | |-|Citrine||bgcolor="933709" | |Emerald||bgcolor="14A989" | |Jade||bgcolor="469A84" | |Jasper||bgcolor="D05340" | |-|LapisLazuli||bgcolor="436CB9" | |Malachite||bgcolor="469496" | |Moonstone||bgcolor="3AA8C1" | |Onyx||bgcolor="353839" | |-|Peridot||bgcolor="ABAD48" | |PinkPearl||bgcolor="B07080" | |RoseQuartz||bgcolor="BD559C" | |Ruby||bgcolor="AA4069" | |-|Sapphire||bgcolor="2D5DA1" | |SmokeyTopaz||bgcolor="832A0D" | |TigersEye||bgcolor="B56917" | |AquaPearl||bgcolor="5FBED7" | |-|BlackCoralPearl||bgcolor="54626F" | |CaribbeanGreenPearl||bgcolor="6ADA8E" | |CulturedPearl||bgcolor="F5F5F5" | |KeyLimePearl||bgcolor="E8F48C" | |-|MandarinPearl||bgcolor="F37A48" | |MidnightPearl||bgcolor="702670" | |MysticPearl||bgcolor="D65282" | |OceanBluePearl||bgcolor="4F42B5" | |-|OceanGreenPearl||bgcolor="48BF91" | |OrchidPearl||bgcolor="7B4259" | |RosePearl||bgcolor="F03865" | |SalmonPearl||bgcolor="F1444A" | |-|SunnyPearl||bgcolor="F2F27A" | |SunsetPearl||bgcolor="F1CC79" | |} == RAL colors == RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)approximate RGB colors (from [http://www.ralcolor.com www.ralcolor.com]). These are defined in {{src|colo-imp-ral.mkiv}} and can be loaded using <texcode>\usecolors[ral]</texcode> {| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color!style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|RAL1000||bgcolor="BEBD7F" | |RAL1001||bgcolor="C2B078" | |RAL1002||bgcolor="C6A664" | |RAL1003||bgcolor="E5BE01" | |RAL1004||bgcolor="CDA434" | |RAL1005||bgcolor="A98307" | |-|RAL1006||bgcolor="E4A010" | |RAL1007||bgcolor="DC9D00" | |RAL1011||bgcolor="8A6642" | |RAL1012||bgcolor="C7B446" | |RAL1013||bgcolor="EAE6CA" | |RAL1014||bgcolor="E1CC4F" | |-|RAL1015||bgcolor="E6D690" | |RAL1016||bgcolor="EDFF21" | |RAL1017||bgcolor="F5D033" | |RAL1018||bgcolor="F8F32B" | |RAL1019||bgcolor="9E9764" | |RAL1020||bgcolor="999950" | |-|RAL1021||bgcolor="F3DA0B" | |RAL1023||bgcolor="FAD201" | |RAL1024||bgcolor="AEA04B" | |RAL1026||bgcolor="FFFF00" | |RAL1027||bgcolor="9D9101" | |RAL1028||bgcolor="F4A900" | |-|RAL1032||bgcolor="D6AE01" | |RAL1033||bgcolor="F3A505" | |RAL1034||bgcolor="EFA94A" | |RAL1035||bgcolor="6A5D4D" | |RAL1036||bgcolor="705335" | |RAL1037||bgcolor="F39F18" | |-|RAL2000||bgcolor="ED760E" | |RAL2001||bgcolor="C93C20" | |RAL2002||bgcolor="CB2821" | |RAL2003||bgcolor="FF7514" | |RAL2004||bgcolor="F44611" | |RAL2005||bgcolor="FF2301" | |-|RAL2007||bgcolor="FFA420" | |RAL2008||bgcolor="F75E25" | |RAL2009||bgcolor="F54021" | |RAL2010||bgcolor="D84B20" | |RAL2011||bgcolor="EC7C26" | |RAL2012||bgcolor="E55137" | |-|RAL2013||bgcolor="C35831" | |RAL3000||bgcolor="AF2B1E" | |RAL3001||bgcolor="A52019" | |RAL3002||bgcolor="A2231D" | |RAL3003||bgcolor="9B111E" | |RAL3004||bgcolor="75151E" | |-|RAL3005||bgcolor="5E2129" | |RAL3007||bgcolor="412227" | |RAL3009||bgcolor="642424" | |RAL3011||bgcolor="781F19" | |RAL3012||bgcolor="C1876B" | |RAL3013||bgcolor="A12312" | |-|RAL3014||bgcolor="D36E70" | |RAL3015||bgcolor="EA899A" | |RAL3016||bgcolor="B32821" | |RAL3017||bgcolor="E63244" | |RAL3018||bgcolor="D53032" | |RAL3020||bgcolor="CC0605" | |-|RAL3022||bgcolor="D95030" | |RAL3024||bgcolor="F80000" | |RAL3026||bgcolor="FE0000" | |RAL3027||bgcolor="C51D34" | |RAL3028||bgcolor="CB3234" | |RAL3031||bgcolor="B32428" | |-|RAL3032||bgcolor="721422" | |RAL3033||bgcolor="B44C43" | |RAL4001||bgcolor="6D3F5B" | |RAL4002||bgcolor="922B3E" | |RAL4003||bgcolor="DE4C8A" | |RAL4004||bgcolor="641C34" | |-|RAL4005||bgcolor="6C4675" | |RAL4006||bgcolor="A03472" | |RAL4007||bgcolor="4A192C" | |RAL4008||bgcolor="924E7D" | |RAL4009||bgcolor="A18594" | |RAL4010||bgcolor="CF3476" | |-|RAL4011||bgcolor="8673A1" | |RAL4012||bgcolor="6C6874" | |RAL5000||bgcolor="354D73" | |RAL5001||bgcolor="1F3438" | |RAL5002||bgcolor="20214F" | |RAL5003||bgcolor="1D1E33" | |-|RAL5004||bgcolor="18171C" | |RAL5005||bgcolor="1E2460" | |RAL5007||bgcolor="3E5F8A" | |RAL5008||bgcolor="26252D" | |RAL5009||bgcolor="025669" | |RAL5010||bgcolor="0E294B" | |-|RAL5011||bgcolor="231A24" | |RAL5012||bgcolor="3B83BD" | |RAL5013||bgcolor="1E213D" | |RAL5014||bgcolor="606E8C" | |RAL5015||bgcolor="2271B3" | |RAL5017||bgcolor="063971" | |-|RAL5018||bgcolor="3F888F" | |RAL5019||bgcolor="1B5583" | |RAL5020||bgcolor="1D334A" | |RAL5021||bgcolor="256D7B" | |RAL5022||bgcolor="252850" | |RAL5023||bgcolor="49678D" | |-|RAL5024||bgcolor="5D9B9B" | |RAL5025||bgcolor="2A6478" | |RAL5026||bgcolor="102C54" | |RAL6000||bgcolor="316650" | |RAL6001||bgcolor="287233" | |RAL6002||bgcolor="2D572C" | |-|RAL6003||bgcolor="424632" | |RAL6004||bgcolor="1F3A3D" | |RAL6005||bgcolor="2F4538" | |RAL6006||bgcolor="3E3B32" | |RAL6007||bgcolor="343B29" | |RAL6008||bgcolor="39352A" | |-|RAL6009||bgcolor="31372B" | |RAL6010||bgcolor="35682D" | |RAL6011||bgcolor="587246" | |RAL6012||bgcolor="343E40" | |RAL6013||bgcolor="6C7156" | |RAL6014||bgcolor="47402E" | |-|RAL6015||bgcolor="3B3C36" | |RAL6016||bgcolor="1E5945" | |RAL6017||bgcolor="4C9141" | |RAL6018||bgcolor="57A639" | |RAL6019||bgcolor="BDECB6" | |RAL6020||bgcolor="2E3A23" | |-|RAL6021||bgcolor="89AC76" | |RAL6022||bgcolor="25221B" | |RAL6024||bgcolor="308446" | |RAL6025||bgcolor="3D642D" | |RAL6026||bgcolor="015D52" | |RAL6027||bgcolor="84C3BE" | |-|RAL6028||bgcolor="2C5545" | |RAL6029||bgcolor="20603D" | |RAL6032||bgcolor="317F43" | |RAL6033||bgcolor="497E76" | |RAL6034||bgcolor="7FB5B5" | |RAL6035||bgcolor="1C542D" | |-|RAL6036||bgcolor="193737" | |RAL6037||bgcolor="008F39" | |RAL6038||bgcolor="00BB2D" | |RAL7000||bgcolor="78858B" | |RAL7001||bgcolor="8A9597" | |RAL7002||bgcolor="7E7B52" | |-|RAL7003||bgcolor="6C7059" | |RAL7004||bgcolor="969992" | |RAL7005||bgcolor="646B63" | |RAL7006||bgcolor="6D6552" | |RAL7008||bgcolor="6A5F31" | |RAL7009||bgcolor="4D5645" | |-|RAL7010||bgcolor="4C514A" | |RAL7011||bgcolor="434B4D" | |RAL7012||bgcolor="4E5754" | |RAL7013||bgcolor="464531" | |RAL7015||bgcolor="434750" | |RAL7016||bgcolor="293133" | |-|RAL7021||bgcolor="23282B" | |RAL7022||bgcolor="332F2C" | |RAL7023||bgcolor="686C5E" | |RAL7024||bgcolor="474A51" | |RAL7026||bgcolor="2F353B" | |RAL7030||bgcolor="8B8C7A" | |-|RAL7031||bgcolor="474B4E" | |RAL7032||bgcolor="B8B799" | |RAL7033||bgcolor="7D8471" | |RAL7034||bgcolor="8F8B66" | |RAL7035||bgcolor="D7D7D7" | |RAL7036||bgcolor="7F7679" | |-|RAL7037||bgcolor="7D7F7D" | |RAL7038||bgcolor="B5B8B1" | |RAL7039||bgcolor="6C6960" | |RAL7040||bgcolor="9DA1AA" | |RAL7042||bgcolor="8D948D" | |RAL7043||bgcolor="4E5452" | |-|RAL7044||bgcolor="CAC4B0" | |RAL7045||bgcolor="909090" | |RAL7046||bgcolor="82898F" | |RAL7047||bgcolor="D0D0D0" | |RAL7048||bgcolor="898176" | |RAL8000||bgcolor="826C34" | |-|RAL8001||bgcolor="955F20" | |RAL8002||bgcolor="6C3B2A" | |RAL8003||bgcolor="734222" | |RAL8004||bgcolor="8E402A" | |RAL8007||bgcolor="59351F" | |RAL8008||bgcolor="6F4F28" | |-|RAL8011||bgcolor="5B3A29" | |RAL8012||bgcolor="592321" | |RAL8014||bgcolor="382C1E" | |RAL8015||bgcolor="633A34" | |RAL8016||bgcolor="4C2F27" | |RAL8017||bgcolor="45322E" | |-|RAL8019||bgcolor="403A3A" | |RAL8022||bgcolor="212121" | |RAL8023||bgcolor="A65E2E" | |RAL8024||bgcolor="79553D" | |RAL8025||bgcolor="755C48" | |RAL8028||bgcolor="4E3B31" | |-|RAL8029||bgcolor="763C28" | |RAL9001||bgcolor="FDF4E3" | |RAL9002||bgcolor="E7EBDA" | |RAL9003||bgcolor="F4F4F4" | |RAL9004||bgcolor="282828" | |RAL9005||bgcolor="0A0A0A" | |-|RAL9006||bgcolor="A5A5A5" | |RAL9007||bgcolor="8F8F8F" | |RAL9010||bgcolor="FFFFFF" | |RAL9011||bgcolor="1C1C1C" | |RAL9016||bgcolor="F6F6F6" | |RAL9017||bgcolor="1E1E1E" | |-|RAL9018||bgcolor="D7D7D7" | |RAL9022||bgcolor="9C9C9C" | |RAL9023||bgcolor="828282" | |} == Solarized colors == Colors based on the [http://ethanschoonover.com/solarized Solarized] color scheme.These are defined in {{src|colo-imp-solarized.mkiv}} and can be loaded using <texcode>\usecolors[solarized]</texcode> {| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|base03||bgcolor="002b36" | |base02||bgcolor="073642" | |base01||bgcolor="586e75" | |base00||bgcolor="657b83" | |-|base0||bgcolor="839496" | |base1||bgcolor="93a1a1" | |base2||bgcolor="eee8d5" | |base3||bgcolor="fdf6e3" | |-|yellow||bgcolor="b58900" | |orange||bgcolor="cb4b16" | |red||bgcolor="dc322f" | |magenta||bgcolor="d33682" | |-|violet||bgcolor="6c71c4" | |blue||bgcolor="268bd2" | |cyan||bgcolor="2aa198" | |green||bgcolor="859900" | |} == SVG colors == Colors based on the [http://www.december.com/html/spec/colorsvghex.html SVG]spec. These are defined in {{src|colo-imp-svg.mkiv}} and can be loaded using <texcode>\usecolors[svg]</texcode> {| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|black||bgcolor="000000" | |navy||bgcolor="000080" | |darkblue||bgcolor="00008B" | |mediumblue||bgcolor="0000CD" | |-|blue||bgcolor="0000FF" | |darkgreen||bgcolor="006400" | |green||bgcolor="008000" | |teal||bgcolor="008080" | |-|darkcyan||bgcolor="008B8B" | |deepskyblue||bgcolor="00BFFF" | |darkturquoise||bgcolor="00CED1" | |mediumspringgreen||bgcolor="00FA9A" | |-|lime||bgcolor="00FF00" | |springgreen||bgcolor="00FF7F" | |cyan||bgcolor="00FFFF" | |aqua||bgcolor="00FFFF" | |-|midnightblue||bgcolor="191970" | |dodgerblue||bgcolor="1E90FF" | |lightseagreen||bgcolor="20B2AA" | |forestgreen||bgcolor="228B22" | |-|seagreen||bgcolor="2E8B57" | |darkslategray||bgcolor="2F4F4F" | |darkslategrey||bgcolor="2F4F4F" | |limegreen||bgcolor="32CD32" | |-|mediumseagreen||bgcolor="3CB371" | |turquoise||bgcolor="40E0D0" | |royalblue||bgcolor="4169E1" | |steelblue||bgcolor="4682B4" | |-|darkslateblue||bgcolor="483D8B" | |mediumturquoise||bgcolor="48D1CC" | |indigo||bgcolor="4B0082" | |darkolivegreen||bgcolor="556B2F" | |-|cadetblue||bgcolor="5F9EA0" | |cornflowerblue||bgcolor="6495ED" | |mediumaquamarine||bgcolor="66CDAA" | |dimgrey||bgcolor="696969" | |-|dimgray||bgcolor="696969" | |slateblue||bgcolor="6A5ACD" | |olivedrab||bgcolor="6B8E23" | |slategrey||bgcolor="708090" | |-|slategray||bgcolor="708090" | |lightslategray||bgcolor="778899" | |lightslategrey||bgcolor="778899" | |mediumslateblue||bgcolor="7B68EE" | |-|lawngreen||bgcolor="7CFC00" | |chartreuse||bgcolor="7FFF00" | |aquamarine||bgcolor="7FFFD4" | |maroon||bgcolor="800000" | |-|purple||bgcolor="800080" | |olive||bgcolor="808000" | |gray||bgcolor="808080" | |grey||bgcolor="808080" | |-|skyblue||bgcolor="87CEEB" | |lightskyblue||bgcolor="87CEFA" | |blueviolet||bgcolor="8A2BE2" | |darkred||bgcolor="8B0000" | |-|darkmagenta||bgcolor="8B008B" | |saddlebrown||bgcolor="8B4513" | |darkseagreen||bgcolor="8FBC8F" | |lightgreen||bgcolor="90EE90" | |-|mediumpurple||bgcolor="9370DB" | |darkviolet||bgcolor="9400D3" | |palegreen||bgcolor="98FB98" | |darkorchid||bgcolor="9932CC" | |-|yellowgreen||bgcolor="9ACD32" | |sienna||bgcolor="A0522D" | |brown||bgcolor="A52A2A" | |darkgray||bgcolor="A9A9A9" | |-|darkgrey||bgcolor="A9A9A9" | |lightblue||bgcolor="ADD8E6" | |greenyellow||bgcolor="ADFF2F" | |paleturquoise||bgcolor="AFEEEE" | |-|lightsteelblue||bgcolor="B0C4DE" | |powderblue||bgcolor="B0E0E6" | |firebrick||bgcolor="B22222" | |darkgoldenrod||bgcolor="B8860B" | |-|mediumorchid||bgcolor="BA55D3" | |rosybrown||bgcolor="BC8F8F" | |darkkhaki||bgcolor="BDB76B" | |silver||bgcolor="C0C0C0" | |-|mediumvioletred||bgcolor="C71585" | |indianred||bgcolor="CD5C5C" | |peru||bgcolor="CD853F" | |chocolate||bgcolor="D2691E" | |-|tan||bgcolor="D2B48C" | |lightgray||bgcolor="D3D3D3" | |lightgrey||bgcolor="D3D3D3" | |thistle||bgcolor="D8BFD8" | |-|orchid||bgcolor="DA70D6" | |goldenrod||bgcolor="DAA520" | |palevioletred||bgcolor="DB7093" | |crimson||bgcolor="DC143C" | |-|gainsboro||bgcolor="DCDCDC" | |plum||bgcolor="DDA0DD" | |burlywood||bgcolor="DEB887" | |lightcyan||bgcolor="E0FFFF" | |-|lavender||bgcolor="E6E6FA" | |darksalmon||bgcolor="E9967A" | |violet||bgcolor="EE82EE" | |palegoldenrod||bgcolor="EEE8AA" | |-|lightcoral||bgcolor="F08080" | |khaki||bgcolor="F0E68C" | |aliceblue||bgcolor="F0F8FF" | |honeydew||bgcolor="F0FFF0" | |-|azure||bgcolor="F0FFFF" | |sandybrown||bgcolor="F4A460" | |wheat||bgcolor="F5DEB3" | |beige||bgcolor="F5F5DC" | |-|whitesmoke||bgcolor="F5F5F5" | |mintcream||bgcolor="F5FFFA" | |ghostwhite||bgcolor="F8F8FF" | |salmon||bgcolor="FA8072" | |-|antiquewhite||bgcolor="FAEBD7" | |linen||bgcolor="FAF0E6" | |lightgoldenrodyellow||bgcolor="FAFAD2" | |oldlace||bgcolor="FDF5E6" | |-|red||bgcolor="FF0000" | |fuchsia||bgcolor="FF00FF" | |magenta||bgcolor="FF00FF" | |deeppink||bgcolor="FF1493" | |-|orangered||bgcolor="FF4500" | |tomato||bgcolor="FF6347" | |hotpink||bgcolor="FF69B4" | |coral||bgcolor="FF7F50" | |-|darkorange||bgcolor="FF8C00" | |lightsalmon||bgcolor="FFA07A" | |orange||bgcolor="FFA500" | |lightpink||bgcolor="FFB6C1" | |-|pink||bgcolor="FFC0CB" | |gold||bgcolor="FFD700" | |peachpuff||bgcolor="FFDAB9" | |navajowhite||bgcolor="FFDEAD" | |-|moccasin||bgcolor="FFE4B5" | |bisque||bgcolor="FFE4C4" | |mistyrose||bgcolor="FFE4E1" | |blanchedalmond||bgcolor="FFEBCD" | |-|papayawhip||bgcolor="FFEFD5" | |lavenderblush||bgcolor="FFF0F5" | |seashell||bgcolor="FFF5EE" | |cornsilk||bgcolor="FFF8DC" | |-|lemonchiffon||bgcolor="FFFACD" | |floralwhite||bgcolor="FFFAF0" | |snow||bgcolor="FFFAFA" | |yellow||bgcolor="FFFF00" | |-|lightyellow||bgcolor="FFFFE0" | |ivory||bgcolor="FFFFF0" | |white||bgcolor="FFFFFF" | |} == X11 Colors colors == [https://en.wikipedia.org/wiki/X11_color_names X11_color_names] defined in{{src|colo-imp-x11.mkiv}}. These can be loaded using <texcode>\usecolors[x11]</texcode> {| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="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" | |-|plum2||bgcolor="eeaeee" | |plum3||bgcolor="cd96cd" | |plum4||bgcolor="8b668b" | |mediumorchid1||bgcolor="e066ff" | |-|mediumorchid2||bgcolor="d15fee" | |mediumorchid3||bgcolor="b452cd" | |mediumorchid4||bgcolor="7a378b" | |darkorchid1||bgcolor="bf3eff" | |-|darkorchid2||bgcolor="b23aee" | |darkorchid3||bgcolor="9a32cd" | |darkorchid4||bgcolor="68228b" | |purple1||bgcolor="9b30ff" | |-|purple2||bgcolor="912cee" | |purple3||bgcolor="7d26cd" | |purple4||bgcolor="551a8b" | |mediumpurple1||bgcolor="ab82ff" | |-|mediumpurple2||bgcolor="9f79ee" | |mediumpurple3||bgcolor="8968cd" | |mediumpurple4||bgcolor="5d478b" | |thistle1||bgcolor="ffe1ff" | |-|thistle2||bgcolor="eed2ee" | |thistle3||bgcolor="cdb5cd" | |thistle4||bgcolor="8b7b8b" | |} The following additional colors are also defined.
In addition to the above basic color, ConTeXt also includes a definition of the [http{| style="text-align://www.w3.org/TR/2002/WDright; padding-css3right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color |-color|darkgray||bgcolor="a8a8a8" | |darkblue||bgcolor="00008b" | |darkcyan||bgcolor="008b8b" | |-20020219/#x11-color X11 |darkmagenta||bgcolor="8b008b" | & nbsp;|darkred||bgcolor="8b000000" | & nbsp;|darkgreen||bgcolor="006400" | |} == XWI Colors == The colors]. To load this list (are defined in {{src|colo-imp-xwi.mkiv}}). The name suggests that they were from some color file distributed as part of 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:
<texcode>\usecolors[xwi]</texcode>
== Additional pre-defined colors ==
In addition to the above, there are two other sets of pre-defined colors.
{| class="wikitable"
| x11 || <code>\usecolors[x11]</code>
| {{src|colo-imp-x11.mkiv}}
| 658 extended Xorg color keywords (WWW), defined in hex RGB
|-
| crayola || <code>\usecolors[crayola] </code>
| {{src|colo-imp-crayola.mkiv}} || 235 Crayola (Binney & Smith) colors
|-
| ema || <code>\usecolors[ema]</code>
| {{src|colo-imp-ema.mkiv}} || 549 Emacs colors
|-
| RAL || <code>\usecolors[ral]</code>
| {{src|colo-imp-ral.mkiv}} || 213 RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)
|-
| Solarized || <code>\usecolors[solarized]</code>
| {{src|colo-imp-solarized.mkiv}} || 16 solarized colors
|}
= Defining New Colors =
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}}
= Advanced Usage =
== 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
text
\stoptext
</texcode>
|
|<context mode=mkiv>
\setupcolors[textcolor=blue]
\starttext
text
\stoptext
</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[A10]
\setupbackgrounds[page][background=color,backgroundcolor=blue]
\starttext
text
\stoptext
</texcode>
|
|<context>
\setuppapersize[A10]
\setupcolors[state=start]
\setupbackgrounds[page][background=color,backgroundcolor=blue]
\starttext
text
\stoptext
</context>
|}
== Using colors in MetaPost ==
Note that `\MPcolor{...}` behaves similar to a `color` primitive in MetaPost. For example, the following is valid MetaPost code.
<texcode>color myColor; myColor = 0.5[\MPcolor{highlight}, white];</texcode>
For more further reading: [[Color in MetaPost]].
== Testing if color is defined ==
To test if a color is defined, use
* {{cmd|doifcolor}}
* {{cmd|doifcolorelse}}
Usage:
<texcode>
\doifcolor{color-name}{... if branch ... }
\doifcolorelse{color-name}{... if branch ...}{... else branch ...}
</texcode>
== Using colors in TikZ ==
= Viewing pre-defined color =
|}
= Testing if color is defined =
To test if a color is defined, use
* {{cmd|doifcolor}}
* {{cmd|doifcolorelse}}
Usage:
<texcode>
\doifcolor{color-name}{... if branch ... }
\doifcolorelse{color-name}{... if branch ...}{... else branch ...}
</texcode>
= 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 = Further reading and graphics.specialized topics =
* [[Transparency]] * [[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 navbox}}]][[Category:Graphics]]