Changes

50,838 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

\~~setupcolors~~definehighlight[important][~~state~~color=~~start~~red]</texcode>and then use <code>\~~definecolor[blablue][r=~~important{important text}</code> in the text. 2.~~25, g=~~Colors are not enabled by default in MkII.1To enable colors in MkII, ~~b=1, c=1, m~~use<texcode>\setupcolors[state=start]</texcode> 3.1To disable colors in a document, ~~y=0, k~~use<texcode>\setupcolors[state=~~0, s=.2~~stop]</texcode>

~~Here's some \~~Last [[Documentation|manual dedicated to color~~[blablue~~]~~{blue text} inbetween!~~] was issued in 2016

= Basic Usage = To color text, use <texcode>\~~showcolor~~color[~~rgb~~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 \~~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]

~~<texcode>~~

\starttext

\~~color[MyBlue]{Interesting}~~input ward

\stoptext

</texcode>

|

|<context>

\setuppapersize[A8, landscape]

\setupbackgrounds[page][background=color,backgroundcolor=blue]

\setupcolors[textcolor=white]

\starttext

\samplefile{ward}

\stoptext

</context>

|}

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:= Defining New Colors =

~~<cmd>doregisterspotcolorname<~~ConTeXt Defining New Colors|supports several color models:* [https:/~~cmd><tt>{PantoneTwoNineFour}{PANTONE 294 CV}<~~/~~tt>~~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).

~~Now your output file should work beautifully with graphics embedded!~~New colors may be defined in the following ways

{| class="wikitable"! Name !! Syntax (and Example) !! Explanation|-| style=~~Using~~ "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 ~~'e' key to~~ 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 ~~to specify~~ [...][x=...]</texcode> For example,<texcode>\definecolor[lime][x=BFFF00] This is \color[lime]{a ~~spot colour name with spaces~~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).|}

As an update to the above description on defining spot colours, you can now use the 'e' key when defining your spot colours in order to specify the precise colour names to be used by your ConTeXt set-up in the output file. For example:== Cloning existing colors ==

You can ''clone'' an existing color using<texcode>~~% Define spot colours using 'e=....' to specify colour names to use in output file~~\definecolor [~~PantoneThreeZeroEight~~new-color] [~~c=1,m=.05,y=0,k=.47,e=PANTONE 308 CV~~old-color]</texcode>

For example{|| width="45%"| <texcode>\usecolors[xwi]\definecolor[highlight][yellow]\defineframed [~~PantoneTwoNineEight~~important] [clocation=~~.69~~low,mframe=~~.07~~off,~~y=0,k~~ background=0color,ebackgroundcolor=~~PANTONE 298 CV~~highlight]

~~% Define tints of spot colours to be used in document for colouring text~~This is an \~~definecolor~~ ~~[DarkBlue]~~ ~~[PantoneThreeZeroEight]~~ ~~[p=1]~~important{important}word.

\definecolor [~~LightBlue~~highlight] [~~PantoneTwoNineEight~~lavenderblush] ~~[p=1]~~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>

~~(Tested only on minimal Linux distribution dated 31 Aug 2005~~ {| style="text- ~~can others confirm this~~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" |  ~~to be true across the board now?)~~|}

Any text between a <cmd>startcolor[DarkBlue]</cmd> and <cmd>stopcolor</cmd> should now be assigned to the correct spot colour channel - Pantone 308 CV - on output. More importantly if you include an external figure containing areas of this colour then your text and those parts of the graphic which have the same colour should now appear together in the 'Pantone 308 CV' colour channel on colour separation. == RAL colors ==

~~For example, if your original graphic is an EPS file containing the following lines~~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

~~%%DocumentCustomColors: (PANTONE 298 CV)~~ ~~%%+ (PANTONE 308 CV)~~ ~~%%CMYKCustomColor: 0.69 0.07 0 0 (PANTONE 298 CV)~~ ~~%%+ 1 0.05 0 0.47 (PANTONE 308 CV)~~<texcode>\usecolors[ral]</texcode>

~~and you convert this to a PDF using <tt>ps2pdf</tt> for inclusion in your '''ConTeXt''' document your PDF graphic will then contain something like~~{| 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" |   |}

~~<code>~~ ~~8 0 obj~~ ~~[/Separation~~ ~~/PANTONE#20308#20CV~~ ~~/DeviceCMYK~~ ~~9 0 R]endobj~~ ~~10 0 obj~~ ~~[/Separation~~ ~~/PANTONE#20298#20CV~~ ~~/DeviceCMYK~~ ~~11 0 R]endobj~~ ~~</code>~~== Solarized colors ==

~~Note how~~ Colors based on the ~~space characters~~ [http://ethanschoonover.com/solarized Solarized] color scheme by Ethan Schoonover.These are defined in ~~the colour name are now encoded as '#20', but the colour names are essentially identical between the original EPS graphic, the new PDF graphic~~ {{src|colo-imp-solarized.mkiv}} and ~~your text.~~can be loaded using

~~A good way of testing colour separation if you don't have access to expensive pre-flight PDF validation tools is to use the following GhostScript command:~~<texcode>\usecolors[solarized]</texcode>

~~gs \~~{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-~~dBATCH \~~ |base03||bgcolor="002b36" |  |base02||bgcolor="073642" |  |base01||bgcolor="586e75" |  |base00||bgcolor="657b83" |  |-~~dNOPAUSE \~~ |base0||bgcolor="839496" |  |base1||bgcolor="93a1a1" |  |base2||bgcolor="eee8d5" |  |base3||bgcolor="fdf6e3" |  |-~~sDEVICE~~|yellow||bgcolor="b58900" |  |orange||bgcolor=~~tiffsep \~~"cb4b16" |   ~~-dDOINTERPOLATE \~~|red||bgcolor="dc322f" |   ~~-dTextAlphaBits~~|magenta||bgcolor=~~4 \~~"d33682" |   |-~~dGraphicsAlphaBits~~|violet||bgcolor=~~4 \~~"6c71c4" |   ~~-sOutputFile~~|blue||bgcolor=~~output.tif \~~"268bd2" |   ~~-r120 \~~|cyan||bgcolor="2aa198" |   ~~-MaxSeparations~~|green||bgcolor=~~8 \~~"859900" |   ~~input.pdf~~|}

~~This renders a PDF file <tt>input.pdf</tt> as a set of TIFF files:~~== SVG colors ==

~~output~~Colors based on the [http://www.~~tif - Composite including CMYK approximations to spot colours~~ ~~output.tif.Black.tif - K channel~~ ~~output.tif.Cyan.tif - C channel~~ ~~output.tif~~december.~~Magenta~~com/html/spec/colorsvghex.~~tif - M channel~~html SVG] ~~output.tif.Yellow~~spec.~~tif~~ These are defined in {{src|colo- ~~Y channel~~ ~~output.tif.s0.tif~~ imp- ~~Pantone 308 CV~~ ~~output.tif~~svg.~~s1.tif - Pantone 298 CV~~mkiv}} and can be loaded using

~~=Multitones=~~<texcode>\usecolors[svg]</texcode>

~~Hans wrote on the mailinglist on 2004~~{| style="text-12align: right; padding-~~27 about handling of multitone colors~~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" |  |}

~~Currently it's done by pdftools.rb~~

~~Once pdfxTeX becomes pdfeTeX out of a sudden your beta can do it as well.~~== X11 colors ==

~~I still need to figure out a way to automatically reverse the graphic, but one of these days you~~ [https://en.wikipedia.org/wiki/X11_color_names X11_color_names] defined in{{src|colo-imp-x11.mkiv}}. These can ~~start~~ be loaded using ~~it.~~

~~Actually, multitones for text already work out of the box:~~<texcode>\~~setupcolors~~usecolors[~~state=start~~x11]</texcode>

~~\definecolor [blue] [c=1,m=.38,y=0,k=.64]~~

~~\definecolor [yellow] [c=0,m=.28,y=1,k=.06]~~

~~\definecolor [~~{| 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" |  |-~~100] [blue] [p~~|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=1]"ffffe0" |  ~~\definecolor [~~|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" |  |-~~100] [yellow] [p~~|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=1]"8b7b8b" |  |}

~~\definemultitonecolor [combicolor] [blue=~~The following additional colors are also defined.~~12,yellow=.28] [c=.1,m=.1,y=.3,k=.1]~~

~~\starttext~~{| 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" |  |}

~~\startcolor[blue]\blackrule[width~~=~~3cm,height~~=~~3cm]\stopcolor~~XWI Colors ==

~~\startcolor~~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 [~~yellow~~https://en.wikipedia.org/wiki/X_Window_System X_Window_System]~~\blackrule[width=3cm~~. These are a subset of the X11 colors, shown earlier. To load these colors,~~height=3cm]\stopcolor~~use:

<texcode>\~~startcolor~~usecolors[~~combicolor~~xwi]~~\blackrule[width=3cm,height=3cm]\stopcolor~~</texcode>

~~\stoptext</texcode>(The CMYK color spec is~~ This loads the ~~fall back color used on screen; one can preview separations in full Acrobat 7.)~~following additional colors:

{| style="text-align: right; padding-right: 20px;"

!| Name !! Color

!style="width: 80px;"| 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"| 

|}

=~~Transparent Colors~~= Additional pre-defined colors ==

As mentioned earlier, transparent colors can be produced by setting the <tt>t</tt> value for the color. Hans Hagen posted the following sample code for transparent colors on the mailing list on 2005-07-13; the yellow blocks have been added In addition to ~~demonstrate~~ the ~~order in which the blocks~~ above, there are ~~drawn on the page; the first yellow block is behind the transparent red and blue blocks, while the second is in front of them~~other pre-defined colors.

{| class="wikitable"|-| ema || <~~texcode~~code>\~~setupcolors~~usecolors[~~state=start~~ema]</code>~~\definecolor [transparentred] [r=1,t=~~| {{src|colo-imp-ema.~~5,a=1]~~mkiv}} || 549 Emacs colors~~\definecolor [transparentblue] [b=1,t=.5,a=1]\definecolor [solidyellow] [y=1,t=1,a=1]~~|}

~~\starttext~~

~~\startTEXpageThis is some sample text that goes behind the rectangles\hskip-8cm\blackrule[width~~=~~2cm,height~~Advanced Usage =~~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,color=transparentblue]\hskip-0.67cm\blackrule[width=2cm,height=2cm,color=solidyellow]\hskip2cm.\stopTEXpage~~

~~\stoptext</texcode>~~== Using colors in MetaPost ==

~~<context>~~A color defined in TeX is available in MetaPost using `\~~setupcolors[state=start]\definecolor [transparentred] [r=1,t=~~MPcolor{...~~5,a=1]\definecolor [transparentblue] [b=1,t=~~}` or in LuaMetaFun simply the name in quotation marks.~~5,a=1]\definecolor [solidyellow] [y=1,t=1,a=1]~~For example:

{|

|-

|<texcode>

\definecolor[highlight][r=0.8,g=0.8,b=0]

\starttext

\color[highlight]{Highlighted text in TeX}

\~~startTEXpage~~startMPcode~~This is some sample~~ label("Highlighted text ~~that goes behind the rectangles~~in MetaPost", origin) withcolor \~~hskip-8cm~~MPcolor{highlight};\~~blackrule[width~~stopMPcode</texcode>|<context mode=~~2cm,height=1cm,depth=1cm,color=solidyellow]\hskip-0.67cm~~mkiv>\~~blackrule~~definecolor[highlight][~~width~~r=~~2cm,height=2cm~~0.8,~~color~~g=~~transparentred]\hskip-~~0.~~67cm\blackrule[width=2cm~~8,~~height~~b=~~1cm,depth=1cm,color=transparentblue~~0]~~\hskip-0.67cm~~\~~blackrule~~color[~~width=2cm,height=2cm,color=solidyellow~~highlight]~~\hskip2cm.\stopTEXpage~~{Highlighted text in TeX}

\~~stoptext~~startMPcodelabel("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

~~=Colorizing Grayscale Pictures=~~* {{cmd|doifcolor}}* {{cmd|doifcolorelse}}

~~Another sample by Hans (mailing list 2005-11-16) demonstrates a lot of different possibilities~~Usage:

\~~setuplayout[header=0pt,footer=0pt,width=middle,height=middle,backspace=1cm,topspace=1cm]~~doifcolor{color-name}{... if branch ... }\~~setupcolors[state~~doifcolorelse{color-name}{... if branch ...}{... else branch ...}</texcode> = Viewing pre-defined color =~~start]~~

~~\startbuffer\definecolor [blue] [c~~=~~1, m~~=~~.38, y~~View all defined colors =~~0, k~~=~~.64]\definecolor [yellow] [c=0, m=.28, y=1, k=.06]~~

~~\definecolor [blue~~To view pre-~~100] [blue] [p=1]\definecolor [yellow~~defined colors, you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{src|colo-~~100] [yellow] [p=1]~~imp-x11.mkiv}}, use (output truncated for display here ...)

{| |-|<texcode>\~~definemultitonecolor~~ showcolor[~~combicolor~~x11] </texcode>|<context mode=mkiv>\startTEXpage[~~blue~~height=~~.12, yellow=.28~~5cm] \showcolor[~~c=.1, m=.1, y=.3, k=.1~~x11]\stopTEXpage</context>|}

~~\definemultitonecolor [combicolor-b] [blue=1] [c=1~~If you use {{cmd|showcolor}} without any argument, m=all currently defined colors are shown.~~38, y=0, k=.64] % force multitone\definemultitonecolor [combicolor-y] [yellow=1] [c=0, m=.28, y=1, k=.06] % force multitone~~

~~\useexternalfigure[demo-a][mill.png] [object~~=~~no, width~~=~~.2\textwidth]\useexternalfigure[demo-b][hacker-bw.jpg][object~~View specific defined colors =~~no, width~~=~~.2\textwidth]~~

~~\startbaselinecorrection\startcombination[4*1]~~ ~~{\externalfigure[demo-~~To view the components of a~~]} {no~~ defined 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~~, you can use:

~~\startbaselinecorrection\startcombination[4~~*1] {~~\externalfigure[demo-b]}~~ {~~no color~~cmd|showcolorcomponents} ~~{\externalfigure[demo-b][color=combicolor]} {indexed duotone~~} {<texcode>\~~externalfigure[demo-b]~~showcolorcomponents[color~~=combicolor~~-~~b]} {spot color}~~ ~~{\externalfigure[demo-b][~~1, color~~=combicolor~~-y2]~~} {spot color}\stopcombination\stopbaselinecorrection~~</texcode>

~~\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~~For example,

~~\startbaselinecorrection~~{| ~~\startcombination[4*1]~~|- {|<texcode>\~~externalfigure~~showcolorcomponents[~~demo-b~~red,middlered,darkred]~~} {no color}~~</texcode> ~~{\externalfigure[demo-b][color~~|<context mode=~~combicolor]} {indexed duotone}~~ {mkiv>\~~externalfigure[demo-b]~~showcolorcomponents[~~color=blue-100~~red,middlered,darkred]~~} {spot color}~~</context> ~~{\externalfigure[demo-b][color=yellow-100]} {spot color~~|}~~\stopcombination\stopbaselinecorrection\stopbuffer~~

* {{cmd|colorcomponents}}* {{cmd|transparencycomponents}}* {{cmd|processcolorcomponents}}<texcode>\~~getbuffer~~ colorcompoents{defined-color}\~~typebuffer~~tranparencycomponents{defined-color}\processcolorcomponents{defined-color}</texcode>

For example,{||-|<texcode>\~~stoptext~~startlines\colorcomponents{red}\transparencycomponents{red}\processcolorcomponents{red}\stoplines

</texcode>

|

\startlines

\colorcomponents{red}

\transparencycomponents{red}

\processcolorcomponents{red}

\stoplines

</context>

|}

= Tips and Tricks =

== Calculating RGB Values ==

~~= Colors with Hexadecimal Numbers =~~An example of how to use LMTX to calculate RGB values is the following:

~~You can also use hexadecimal numers to specify colors. You need to load the '''hex''' color module first:~~

% 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: \~~setupcolor~~usemodule[~~hex~~mathfun]<% Define the actual color based on variables: \definecolor[ColorName][% r={\mathexpr[.3N]{\getvariable{ColorName}{r}/~~texcode>~~255}},~~and they you may define colors with~~ g={\mathexpr[.3N]{\getvariable{ColorName}{g}/255}}, b={\mathexpr[.3N]{\getvariable{ColorName}{b}/255}},]% % Test it:~~<texcode>~~\~~definecolor~~startTEXpage[~~hex-red~~offset=5mm] \framed[hforegroundcolor=white, background=color, backgroundcolor=~~FF0000~~ColorName]{Hello WORLD!} \\\colorcomponents{ColorName}\stopTEXpage

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

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

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