Changes
Jump to navigation
Jump to search
← Older edit
Color
(view source)
Revision as of 14:27, 30 July 2023
62,631 bytes added
,
14:27, 30 July 2023
simplify some examples, small additions
{{Color_navigation_Trial}}
__TOC__
= Before you start ... =
1. It’s usually bad style to use explicit color switches in the text. It’s better to define a semantic command that takes care of the color switching. For example, instead of using <code>\color[red]{important text}</code>, define
<texcode>
\definehighlight[important][color=red]
</texcode>
and then use <code>\important{important text}</code> in the text.
2. Colors are not enabled by default in MkII. To enable colors in MkII, use
<texcode>\setupcolors[state=start]</texcode>
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 =
To color text, use
<texcode>\color[defined-color]{ ... text ... }</texcode>
or
<texcode>\startcolor[defined-color]
... text ...
\stopcolor</texcode>
where <code>defined-color</code> is a color defined using {{cmd|definecolor}}. For example, <code>red</code> is one of the predefined colors. So, we can use:
{|
! width="45%"|
! width="10%"|
! width="45%"|
|-
| <texcode>
Three \color[red]{cool} cats
</texcode>
|
|<context>
Three \color[red]{cool} cats
</context>
|}
or
<context source=yes>
\startcolor[red]
\input tufte
\stopcolor
</context>
It is also possible to use RGB or CMYK or hex values to color text. The syntax for these is
<texcode>\colored[settings]{... text ...}</texcode>
where <code>settings</code> are the same settings as used by {{cmd|definecolor}}. For example:
{|
! width="45%"|
! width="10%"|
! width="45%"|
|-
| <texcode>
Three \colored[r=0.1, g=0.8, b=0.8]{colorful} cats
</texcode>
|
|<context>
Three \colored[r=0.1, g=0.8, b=0.8]{colorful} cats
</context>
|}
'''Note'''. There is no need to use the color commands directly. Almost all ConTeXt commands accept a <code>color</code> key, and you can use <code>color=defined-color</code>. For example,
* To color the section titles red, use
<texcode>\setuphead[color=red]</texcode>
* To color the footnotes red, use
<texcode>\setupfootnotes[color=red]</texcode>
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]
\samplefile{tufte}
</texcode>
|
|<context>
\setupcolors[textcolor=blue]
\input tufte
</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
\samplefile{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 an \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 an \important{important}word.
\definecolor[highlight][lavenderblush]
This is an \important{important}word.
</context>
|}
== Adapting existing colors ==
{{todo | add details about this}}
= Pre-defined colors =
The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).
{| style="text-align: right; padding-right: 20px;"
!| Name !! Color
!style="width: 80px;"| Name !! Color
!style="width: 100px;"| Name !! Color
!style="width: 100px;"| Name !! Color
|-
|black||bgcolor="#000"|
|white||bgcolor="#FFF"|
|-
|gray||bgcolor="#E6E6E6"|
|lightgray||bgcolor="#D6D6D6"|
|middlegray||bgcolor="#B9B9B9"|
|darkgray||bgcolor="#999999"|
|-
|red||bgcolor="#FF0000"|
|lightred||bgcolor="#FF0000"|
|middlered||bgcolor="#CC0000"|
|darkred||bgcolor="#990000"|
|-
|green||bgcolor="#00FF00"|
|lightgreen||bgcolor="#00FF00"|
|middlegreen||bgcolor="#00CC00"|
|darkgreen||bgcolor="#009900"|
|-
|blue||bgcolor="#0000FF"|
|lightblue||bgcolor="#0000FF"|
|middleblue||bgcolor="#0000CC"|
|darkblue||bgcolor="#000099"|
|-
|cyan||bgcolor="#00FFFF" |
| ||bgcolor=|
|middlecyan||bgcolor="#00CCCC" |
|darkcyan||bgcolor="#006666" |
|-
|magenta||bgcolor="#FF00FF" |
| ||bgcolor=|
|middlemagenta||bgcolor="CC00CC" |
|darkmagenta||bgcolor="660066" |
|-
|yellow||bgcolor="#FFFF00" |
| ||bgcolor=|
|middleyellow||bgcolor="CCCC00" |
|darkyellow||bgcolor="666600" |
|}
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 can
be 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 (inofficial translation 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 by Ethan Schoonover.
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 ==
[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" |
|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" |
|-
|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.
{| style="text-align: right; padding-right: 20px;"
!| Name !! Color
!style="width: 100px;"| Name !! Color
!style="width: 100px;"| Name !! Color
|-
|darkgray||bgcolor="a8a8a8" |
|darkblue||bgcolor="00008b" |
|darkcyan||bgcolor="008b8b" |
|-
|darkmagenta||bgcolor="8b008b" |
|darkred||bgcolor="8b000000" |
|darkgreen||bgcolor="006400" |
|}
== XWI Colors ==
The colors 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>
This loads the following additional colors:
{| 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="
#
REDIRECT
ED82ED"|
|violetred||bgcolor="#D1218E"|
|wheat||bgcolor="#F4DDB2"|
|-
|white||bgcolor="#FFFFFF"|
|whitesmoke||bgcolor="#F4F4F4"|
|yellow||bgcolor="#FFFF00"|
|yellowgreen||bgcolor="#99CC33"|
|}
== Additional pre-defined colors ==
In addition to the above, there are other pre-defined colors.
{| class="wikitable"
|-
| ema || <code>\usecolors
[
ema]</code>
| {{src|colo-imp-ema.mkiv}} || 549 Emacs colors
|}
= Advanced Usage =
== Using colors in MetaPost ==
A color defined in TeX is available in MetaPost using `\MPcolor{...}` or in LuaMetaFun simply the name in quotation marks. For example:
{|
|-
|<texcode>
\definecolor
[
highlight][r=0.8,g=0.8,b=0]
\starttext
\color[highlight]{Highlighted text in TeX}
\startMPcode
label("Highlighted text in MetaPost", origin)
withcolor \MPcolor{highlight};
\stopMPcode
</texcode>
|<context mode=mkiv>
\definecolor[highlight][r=0.8,g=0.8,b=0]
\color[highlight]{Highlighted text in TeX}
\startMPcode
label("Highlighted text in MetaPost", origin)
withcolor \MPcolor{highlight};
\stopMPcode
</context>
|}
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>
= Viewing pre-defined color =
== View all defined colors ==
To view pre-defined colors, you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{src|colo-imp-x11.mkiv}}, use (output truncated for display here ...)
{|
|-
|<texcode>\showcolor[x11]</texcode>
|<context mode=mkiv>\startTEXpage[height=5cm]\showcolor[x11]\stopTEXpage</context>
|}
If you use {{cmd|showcolor}} without any argument, all currently defined colors are shown.
== View specific defined colors ==
To view the components of a defined color, you can use:
* {{cmd|showcolorcomponents}}
<texcode>\showcolorcomponents[color-1, color-2]</texcode>
For example,
{|
|-
|<texcode>\showcolorcomponents[red,middlered,darkred]</texcode>
|<context mode=mkiv>\showcolorcomponents[red,middlered,darkred]</context>
|}
* {{cmd|colorcomponents}}
* {{cmd|transparencycomponents}}
* {{cmd|processcolorcomponents}}
<texcode>\colorcompoents{defined-color}
\tranparencycomponents{defined-color}
\processcolorcomponents{defined-color}
</texcode>
For example,
{|
|-
|<texcode>
\startlines
\colorcomponents{red}
\transparencycomponents{red}
\processcolorcomponents{red}
\stoplines
</texcode>
|
<context mode=mkiv>
\startlines
\colorcomponents{red}
\transparencycomponents{red}
\processcolorcomponents{red}
\stoplines
</context>
|}
= Tips and Tricks =
== Calculating RGB Values ==
An example of how to use LMTX to calculate RGB values is the following:
<texcode>
% Use a color picker to get red, green and blue values of a color:
% Example: RAL 2005: red = 255, green = 35, blue = 1
% Create variables from the values:
\setvariables[ColorName][r=255,g=35,b=1]
% Do some magic:
\usemodule[mathfun]
% Define the actual color based on variables:
\definecolor[ColorName][%
r={\mathexpr[.3N]{\getvariable{ColorName}{r}/255}},
g={\mathexpr[.3N]{\getvariable{ColorName}{g}/255}},
b={\mathexpr[.3N]{\getvariable{ColorName}{b}/255}},
]%
% Test it:
\startTEXpage[offset=5mm]
\framed[foregroundcolor=white, background=color, backgroundcolor=ColorName]{Hello WORLD!}
\\\colorcomponents{ColorName}
\stopTEXpage
</texcode>
<context>
% Use a color picker to get red, green and blue values of a color:
% Example: RAL 2005: red = 255, green = 35, blue = 1
% Create variables from the values:
\setvariables[ColorName][r=255,g=35,b=1]
% Do some magic:
\usemodule[mathfun]
% Define the actual color based on variables:
\definecolor[ColorName][%
r={\mathexpr[.3N]{\getvariable{ColorName}{r}/255}},
g={\mathexpr[.3N]{\getvariable{ColorName}{g}/255}},
b={\mathexpr[.3N]{\getvariable{ColorName}{b}/255}},
]%
% Test it:
\startTEXpage[offset=5mm]
\framed[foregroundcolor=white, background=color, backgroundcolor=ColorName]{Hello WORLD!}
\\\colorcomponents{ColorName}
\stopTEXpage
</context>
= Further reading and 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 (recommended in the mailing list)
[[Category:Color]]
[[Category:Graphics
]]
Hraban
gardener,
Interface administrators
,
Administrators
1,542
edits
Navigation menu
Personal tools
Create account
Log in
Namespaces
Page
Discussion
Variants
Views
Read
View source
View history
More
Search
Main
Main Page
Download and Install
Documentation
Mailing lists
Web resources
3rd party modules
Navigation
Basics
Bibliography
Color
Development
Fonts
Graphics
Interaction
Languages
Layout
Programming & DB
Sciences
Tables
Text Editors
Tools
XML
Indexes
ConTeXt commands
ConTeXt categories
Interaction
Recent changes
Random page
About this wiki
Help wiki editing
Source browser
ConTeXt Online
FAQ
Tools
Special pages
Printable version