Changes

53,934 bytes added , 14:27, 30 July 2023

simplify some examples, small additions

~~< [[Visuals]] | [[Graphics]] >~~{{Color_navigation_Trial}}

~~=Using Colors=~~__TOC__

~~Using colors with ConTeXt is easy:~~

* Start with <cmd>setupcolors</cmd><tt>[state=start]</tt>. Without that, everything appears in greys.

* RGB and CMYK are enabled by default. If you want only RGB or only CMYK color, use <tt>cmyk=no</tt> or <tt>rgb=no</tt>. Multitone colors see below.

* For spot colors, say spot=yes. To eliminate everything except spot colours, leaving a clean file for professional printing, accompany this with rgb=no,cmyk=no. See spot colours below for more details.

* Normally all colors are defined in RGB ''and'' CMYK and get converted if needed.

* You find lists of predefined colors in the files <tt>colo-xxx.tex</tt>, load them with <cmd>setupcolor</cmd><tt>[xxx]</tt>:

** rgb: some simple colors, loaded by default (with translations for the different interface languages!)

** xwi: X-Windows-colors

** pra: PRAGMA ADE company colors

** ema: Emacs colors

* Try the magic <cmd>showcolor</cmd><tt>[xxx]</tt>!

* Define your own colors with <cmd>definecolor</cmd><tt>[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2]</tt> (definition for RGB, CMYK and Grey!)

* You can define '''transparent''' colors through setting t, e.g. <tt>t=0.5</tt>. Beware, most PDF viewers and printshops can't handle PDF transparences!

* Use the color name like <tt>[color=blablue]</tt> in some <tt>\setup...</tt> command.

* Typeset single text elements with <cmd>color</cmd><tt>[blablue]{nice blue text}</tt> or longer sections with <cmd>startcolor</cmd><tt>[blablue] ...</tt> <cmd>stopcolor</cmd>.

~~(See also "Color and Background" in the manual!)~~= Before you start ... =

~~===Sample===~~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

\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>\~~definecolor~~setupcolors[~~blablue~~state=stop]</texcode> Last [[rDocumentation|manual dedicated to color]] was issued in 2016 =~~.25, g~~Basic Usage =~~.1, b=1, c=1~~ To color text, ~~m=.1, y=0, k=0, s=.2]~~use

~~Here's some~~ <texcode>\color[~~blablue~~defined-color]{~~blue~~ ... text... } ~~inbetween!~~</texcode>

or <texcode>\~~showcolor~~startcolor[~~rgb~~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 \~~setupcolors~~color[~~state~~red]{cool} cats</context>|} or <context source=~~start~~yes>\startcolor[red]\~~definecolor~~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[~~blablue~~settings]~~[r=~~{... text .~~1, g=~~.~~1, b=1, c=1, m=~~.~~1, y=0, k=0, s=~~}</texcode>where <code>settings</code> are the same settings as used by {{cmd|definecolor}}.2]For example:

~~Here's some \color[blablue]{blue text} inbetween!~~

{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>Three \~~showcolor~~colored[~~rgb~~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>

|}

~~=Colorgroups and Palettes=~~

~~<cmd>definecolorgroup</cmd><tt>[name][system][values]</tt>~~

'''Note'''. There is no need to use the color commands directly. Almost all ConTeXt commands accept a <~~cmd~~code>~~definepalet~~color</~~cmd~~code>key, and you can use <ttcode>~~[palettename][colorname1=groupcolor:1, colorname2~~color=~~groupcolor:2, ...]~~defined-color</ttcode>. For example,

~~Very interesting feature~~* To color the section titles red, ~~to be described later... (see manual)~~use<texcode>\setuphead[color=red]</texcode>

* To color the footnotes red, use<texcode>\setupfootnotes[color=~~Spot colours=~~red]</texcode>

~~To produce a file ready for a clean PDF separation process at your print house, start with:~~etc.

~~<cmd>setupcolors</cmd><tt>[rgb~~=~~no,cmyk~~=~~yes,spot~~Changing color of entire document =~~yes,state~~=~~start,overprint=yes]</tt>~~

~~which will set things up for spot colors with CMYK allowed. The last setting ensures that black overprinting your spot colour tints will not knock out~~ To change the ~~colour - this is important for some types~~ main text color of ~~commercial printing.~~the document use

~~Then define your basic spot colour. Note that the name cannot contain spaces or numbers (but we come to that later):~~<texcode>\setupcolors[textcolor=defined-color]</texcode>

~~<cmd>definecolor</cmd><tt>[PantoneTwoNineFour][c=1~~For example,~~m=.56,y=0,k=.18]</tt>~~

~~Now you can define the tints of this ink that you are actually going to use in your document. Let's say you'll have a 100~~{| ! width="45% ~~for headings:~~"| ! width="10%"| ! width="45%"||-|<texcode>\setupcolors[textcolor=blue]\samplefile{tufte} </texcode>||<context>\setupcolors[textcolor=blue]\input tufte</context>|}

~~<cmd>definecolor</cmd><tt>[MyBlue][PantoneTwoNineFour][p~~=~~1]</tt>~~= Changing background color of page ==

~~And then a 20% tint for nice display boxes:~~The background color of the page can be changed using<texcode>\setupbackgrounds[page][background=color,backgroundcolor=defined-color]</texcode>

~~<cmd>definecolor</cmd><tt>[MyBlueTint][PantoneTwoNineFour][p=.2]</tt>~~

~~And now you can happily use these named colours:~~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]

~~<texcode>~~

\starttext

\~~color[MyBlue]~~samplefile{~~Interesting~~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 ==

= 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

|-

|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

|-

|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

|-

|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

|-

|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" |  

|}

If you are including graphics made by an external program, you might want to match the colour name used in the graphic with the colour name in your ConTeXt set-up so that only one colour space is used in the final file. Unfortunately Pantone names and others tend to have spaces and numbers in them, so you need to do a low-level mapping trick from your base name to the name you want embedded in the file:== SVG colors ==

~~<cmd>doregisterspotcolorname<~~Colors based on the [http:/~~cmd><tt>~~/www.december.com/html/spec/colorsvghex.html SVG]spec. These are defined in {~~PantoneTwoNineFour~~{src|colo-imp-svg.mkiv}~~{PANTONE 294 CV~~}~~</tt>~~and can be loaded using

~~Now your output file should work beautifully with graphics embedded!~~<texcode>\usecolors[svg]</texcode>

{| style=~~Multitones~~"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" |  |}

~~Hans wrote on the mailinglist on 2004-12-27 about handling of multitone colors:~~

~~Currently it's done by pdftools.rb~~== X11 colors ==

~~Once pdfxTeX becomes pdfeTeX out of a sudden your beta~~ [https://en.wikipedia.org/wiki/X11_color_names X11_color_names] defined in{{src|colo-imp-x11.mkiv}}. These can ~~do it as well.~~be loaded using

~~I still need to figure out~~ <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 ~~way~~ 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="#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 ~~automatically reverse~~ the ~~graphic~~above, ~~but one of these days you can start using it~~there are other pre-defined colors. {| class="wikitable"|-| ema || <code>\usecolors[ema]</code>| {{src|colo-imp-ema.mkiv}} || 549 Emacs colors|}

~~Actually, multitones for text already work out of the box:~~

~~<texcode>~~

~~\setupcolors[state=start]~~

~~\definecolor [blue] [c~~=~~1,m~~Advanced Usage =~~.38,y=0,k=.64]\definecolor [yellow] [c=0,m=.28,y=1,k=.06]~~

~~\definecolor [blue-100] [blue] [p~~=1]~~\definecolor [yellow-100] [yellow] [p~~=1]Using colors in MetaPost ==

A color defined in TeX is available in MetaPost using `\~~definemultitonecolor [combicolor] [blue=~~MPcolor{.~~12,yellow=~~.~~28] [c=~~.~~1,m=~~}` or in LuaMetaFun simply the name in quotation marks.~~1,y=.3,k=.1]~~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>

~~\startcolor~~For more further reading: [~~blue~~[Color in MetaPost]~~\blackrule[width=3cm,height=3cm~~]~~\stopcolor~~.

~~\startcolor[yellow]\blackrule[width~~=~~3cm,height~~=~~3cm]\stopcolor~~Testing if color is defined ==

~~\startcolor[combicolor]\blackrule[width=3cm~~To test if a color is defined,~~height=3cm]\stopcolor~~use

* {{cmd|doifcolor}}* {{cmd|doifcolorelse}} Usage: <texcode>\~~stoptext~~doifcolor{color-name}{... if branch ... }\doifcolorelse{color-name}{... if branch ...}{... else branch ...}

</texcode>

~~(The CMYK color spec is the fall back color used on screen; one can preview separations in full Acrobat 7.)~~

~~=Transparent Colors=~~

~~As mentioned earlier~~= Viewing pre-defined color = == View all defined colors == To view pre-defined colors, ~~transparent colors~~ you can ~~be produced by setting the <tt>t</tt> value for the color~~use {{cmd|showcolor}}. ~~Hans Hagen posted~~ For example, to see all the ~~following sample code for transparent~~ colors ~~on the mailing list on 2005~~defined in {{src|colo-07imp-~~13; the yellow blocks have been added to demonstrate the order in which the blocks are drawn on the page; the first yellow block is behind the transparent red and blue blocks~~x11.mkiv}}, ~~while the second is in front of them~~use (output truncated for display here ...) {| |-|<texcode>\showcolor[x11]</texcode>|<context mode=mkiv>\startTEXpage[height=5cm]\showcolor[x11]\stopTEXpage</context>|}

~~<texcode>\setupcolors[state=start]\definecolor [transparentred] [r=1~~If you use {{cmd|showcolor}} without any argument,t=all currently defined colors are shown.~~5,a=1]\definecolor [transparentblue] [b=1,t=.5,a=1]\definecolor [solidyellow] [y=1,t=1,a=1]~~

~~\starttext~~== View specific defined colors ==

~~\startTEXpageThis is some sample text that goes behind~~ To view the ~~rectangles\hskip-8cm\blackrule[width=2cm,height=1cm,depth=1cm,color=solidyellow]\hskip-0.67cm\blackrule[width=2cm,height=2cm,color=transparentred]\hskip-0.67cm\blackrule[width=2cm,height=1cm,depth=1cm,~~components of a defined color~~=transparentblue]\hskip-0.67cm\blackrule[width=2cm~~,~~height=2cm,color=solidyellow]\hskip2cm.\stopTEXpage~~you can use:

* {{cmd|showcolorcomponents}}<texcode>\~~stoptext~~showcolorcomponents[color-1, color-2]</texcode>

~~<context>\setupcolors[state=start]\definecolor [transparentred] [r=1~~For example,~~t=.5,a=1]\definecolor [transparentblue] [b=1,t=.5,a=1]\definecolor [solidyellow] [y=1,t=1,a=1]~~

{| |-|<texcode>\~~starttext~~showcolorcomponents[red,middlered,darkred]</texcode>|<context mode=mkiv>\showcolorcomponents[red,middlered,darkred]</context>|}

~~\startTEXpage~~* {{cmd|colorcomponents}}* {{cmd|transparencycomponents}}* {{cmd|processcolorcomponents}}~~This is some sample text that goes behind the rectangles~~<texcode>\~~hskip~~colorcompoents{defined-~~8cm~~color}\~~blackrule[width=2cm,height=1cm,depth=1cm,color=solidyellow]\hskip~~tranparencycomponents{defined-~~0.67cm\blackrule[width=2cm,height=2cm,~~color~~=transparentred]\hskip-0.67cm~~}\~~blackrule[width=2cm,height=1cm,depth=1cm,color=transparentblue]\hskip~~processcolorcomponents{defined-~~0.67cm\blackrule[width=2cm,height=2cm,~~color~~=solidyellow]\hskip2cm.~~}~~\stopTEXpage~~</texcode>

For example,{||-|<texcode>\~~stoptext~~startlines\colorcomponents{red}\transparencycomponents{red}\processcolorcomponents{red}\stoplines</texcode>|<context mode=mkiv>\startlines\colorcomponents{red}\transparencycomponents{red}\processcolorcomponents{red}\stoplines

</context>

|}

=~~Colorizing Grayscale Pictures~~Tips and Tricks =

~~Another sample by Hans (mailing list 2005-11-16) demonstrates a lot~~ == Calculating RGB Values == An example of ~~different possibilities~~how to use LMTX to calculate RGB values is the following:

~~\setuplayout[header=0pt~~% Use a color picker to get red,~~footer=0pt,width~~green and blue values of a color:% Example: RAL 2005: red =~~middle~~255,~~height~~green =~~middle~~35,~~backspace~~blue =~~1cm,topspace=1cm]~~1~~\setupcolors[state=start]~~% Create variables from the values:

\~~startbuffer\definecolor~~ setvariables[~~blue~~ColorName] [cr=~~1, m=.38, y=0, k=.64]\definecolor [yellow] [c=0~~255, mg=~~.28~~35, yb=1~~, k=.06~~]

~~\definecolor [blue-100] [blue] [p=1]\definecolor [yellow-100] [yellow] [p=1]~~% Do some magic:

\~~definemultitonecolor~~ usemodule[~~combicolor] [blue=.12, yellow=.28] [c=.1, m=.1, y=.3, k=.1~~mathfun]

~~\definemultitonecolor [combicolor-b] [blue=1] [c=1, m=.38, y=0, k=.64]~~ % ~~force multitone\definemultitonecolor [combicolor-y] [yellow=1] [c=0, m=.28, y=1, k=.06] % force multitone~~Define the actual color based on variables:

\~~useexternalfigure~~definecolor[~~demo-a~~ColorName][~~mill~~% r={\mathexpr[.~~png~~3N] ~~[object=no~~{\getvariable{ColorName}{r}/255}}, ~~width~~ g={\mathexpr[.23N]{\~~textwidth]~~getvariable{ColorName}{g}/255}}, b={\~~useexternalfigure~~mathexpr[~~demo-b][hacker-bw~~.~~jpg~~3N]~~[object=no~~{\getvariable{ColorName}{b}/255}}, ~~width=.2\textwidth~~]%

~~\startbaselinecorrection\startcombination[4*1]~~ ~~{\externalfigure[demo-a]} {no color}~~ ~~{\externalfigure[demo-a][color=combicolor]} {indexed duotone}~~ ~~{\externalfigure[demo-a][color=combicolor-b]} {spot color}~~ ~~{\externalfigure[demo-a][color=combicolor-y]} {spot color}\stopcombination\stopbaselinecorrection~~% Test it:

\~~startbaselinecorrection~~startTEXpage[offset=5mm] \~~startcombination~~framed[~~4*1~~foregroundcolor=white, background=color, backgroundcolor=ColorName]{Hello WORLD!} \\\colorcomponents{ColorName}\~~externalfigure~~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][~~demo-~~r=255,g=35,b=1] % Do some magic: \usemodule[mathfun]~~} {no~~ % Define the actual color}based on variables: {\~~externalfigure~~definecolor[~~demo-b~~ColorName][~~color~~% r=~~combicolor~~{\mathexpr[.3N]{\getvariable{ColorName} {~~indexed duotone~~r}/255}}, g={\~~externalfigure~~mathexpr[~~demo-b][color=combicolor-b~~.3N]{\getvariable{ColorName} {~~spot color~~g}/255}}, b={\~~externalfigure~~mathexpr[~~demo-b][color=combicolor-y~~.3N]{\getvariable{ColorName} {~~spot color~~b}/255}},~~\stopcombination\stopbaselinecorrection~~]%

~~\startbaselinecorrection\startcombination[4*1]~~ ~~{\externalfigure[demo-a]} {no color}~~ ~~{\externalfigure[demo-a][color=combicolor]} {indexed duotone}~~ ~~{\externalfigure[demo-a][color=blue-100]} {spot color}~~ ~~{\externalfigure[demo-a][color=yellow-100]} {spot color}\stopcombination\stopbaselinecorrection~~% Test it:

\~~startbaselinecorrection\startcombination~~startTEXpage[~~4*1~~offset=5mm] { \~~externalfigure[demo-b]} {no color}~~ ~~{\externalfigure[demo-b]~~framed[foregroundcolor=white, background=color, backgroundcolor=~~combicolor~~ColorName]} {~~indexed duotone~~Hello WORLD!} { \\~~externalfigure[demo-b][color=blue-100]} {spot color}~~ {\~~externalfigure[demo-b][color=yellow-100]}~~ colorcomponents{~~spot color~~ColorName}\~~stopcombination~~stopTEXpage~~\stopbaselinecorrection\stopbuffer~~</context>

~~\getbuffer \typebuffer~~= Further reading and specialized topics =

~~\stoptext~~* [[Transparency]] <* [[Spot Colors]]* References** [http://paletton.com Paletton] - website to choose color palettes** [http:/~~texcode>~~/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

Changes

Color (view source)

Revision as of 14:27, 30 July 2023

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

Main

Navigation

Indexes

Interaction

Tools