Changes

47,445 bytes added , 14:27, 30 July 2023

simplify some examples, small additions

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

~~= Enabling colors =~~__TOC__

~~In current versions (newer than 11.05.2009) of ConTeXt mkiv, colors are enabled by default.~~

~~In older versions, colors must be enabled using~~ ~~<cmd>setupcolors</cmd><tt>[state~~=Before you start~~]</tt>~~... =

1. It’s usually bad style to use explicit color switches in the text. It’s better to define a semantic command that takes care of the color switching. For example, instead of using <code>\color[red]{important text}</code>, define<texcode>\definehighlight[important][color=~~Defining Colors=~~red]</texcode>and then use <code>\important{important text}</code> in the text.

~~Using~~ 2. Colors are not enabled by default in MkII. To enable colors ~~with ConTeXt is easy:~~in MkII, use<texcode>\setupcolors[state=start]</texcode>

~~== Choosing~~ 3. To disable colors in a ~~color model =~~document, use<texcode>\setupcolors[state=stop]</texcode>

* RGB and CMYK are enabled by default. If you want only RGB or only CMYK Last [[Documentation|manual dedicated to 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 ]] was issued in ~~RGB ''and'' CMYK and get converted if needed.~~2016

=~~= Using predefined colors: <cmd>setupcolor</cmd> =~~Basic Usage =

~~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>!To color text, use

{| ~~! width="25%"|~~ ~~! width="10%"|~~ ~~! width="65%"|~~ |- | <texcode>\~~showcolor~~color[~~rgb~~defined-color]{ ... text ... }</texcode>|~~| <context>\setupcolors[state=start]\showcolor[rgb]</context>~~|}

~~== Defining colors: <cmd>definecolor</cmd> ==~~or

<~~cmd>definecolor</cmd><tt~~texcode>\startcolor[~~blablue~~defined-color]~~[r=~~ ...~~1, g=~~text .~~1, b=1, c=1, m=~~.~~1, y=0, k=0, s=~~.2]\stopcolor</tttexcode> ~~(definition for RGB, CMYK and Grey!).See also [[Reference/en/definecolor]].~~

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:

{|

|-

| <texcode>

~~\definecolor[blablue][r=.25, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2]~~ ~~Here's some~~ Three \color[~~blablue~~red]{~~blue text~~cool} ~~inbetween!~~cats

</texcode>

|

| <context>~~\setupcolors[state=start]\definecolor[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2]~~ ~~Here's some~~ Three \color[~~blablue~~red]{~~blue text~~cool} ~~inbetween!~~cats

</context>

|}

~~=== Colors with Hexadecimal Numbers ===~~or

~~You can also use hexadecimal numers to specify colors. You need to load the '''hex''' color module first:~~{| ~~! width="45%"|~~ ~~! width="10%"|~~ ~~! width="45%"|~~ |- | <~~texcode>\setupcolor[hex]\definecolor[salmon][h~~context source=~~AB5757]~~ ~~Hey, \color[salmon]{look at that!}</texcode>~~|~~|<context~~yes>\~~setupcolors~~startcolor[~~state=start~~red]\~~setupcolor[hex]~~input tufte\~~definecolor[salmon][h=AB5757]~~ ~~Hey, \color[salmon]{look at that!}~~stopcolor

</context>

|}

~~===Transparent Colors===~~

~~You can define '''transparent''' colors through setting t, e~~It is also possible to use RGB or CMYK or hex values to color text. The syntax for these is<texcode>\colored[settings]{..g. text ...}<tt/texcode>~~t=0.5~~where <code>settings</ttcode>are the same settings as used by {{cmd|definecolor}}. ~~Beware, some PDF viewers and printshops can't handle PDF transparences!~~For example:

Hans Hagen posted the following sample code for transparent colors on the mailing list on 2005-07-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, while the second is in front of them.

{|

|-

| <texcode>

Three \~~definecolor [transparentred]~~ colored[r=~~1,t=.5,a=1]\definecolor [transparentblue] [b=1,t=~~0.~~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=1cm,depth=1cm~~,~~color~~g=~~solidyellow]\hskip-~~0.~~67cm\blackrule[width=2cm~~8,~~height=2cm,color=transparentred]\hskip-0.67cm\blackrule[width=2cm,height=1cm,depth=1cm,color~~b=~~transparentblue]\hskip-~~0.~~67cm\blackrule[width=2cm,height=2cm,color=solidyellow~~8]~~\hskip2cm.\stopTEXpage~~ ~~\stoptext~~{colorful} cats

</texcode>

|

|<context>

Three \~~setupcolors[state=start]\definecolor [transparentred]~~ colored[r=~~1,t=.5,a=1]\definecolor [transparentblue] [b=1,t=~~0.~~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~~g=~~1cm,depth=1cm,color=solidyellow]\hskip-~~0.~~67cm\blackrule[width=2cm~~8,~~height=2cm,color=transparentred]\hskip-0.67cm\blackrule[width=2cm,height~~b=~~1cm,depth=1cm,color=transparentblue]\hskip-~~0.~~67cm\blackrule[width=2cm,height=2cm,color=solidyellow~~8]~~\hskip2cm.\stopTEXpage~~ ~~\stoptext~~{colorful} cats

</context>

|}

~~== Defining color schemes: <cmd>definecolorgroup</cmd> and <cmd>definepalet</cmd>==~~

~~<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, ~~see also the manual and here on the wiki~~ use<texcode>\setuphead[~~[Reference/en~~color=red]</~~definecolor]]~~texcode>

~~=Choosing a~~ * To color the footnotes red, use<texcode>\setupfootnotes[color ~~scheme~~=red]</texcode>

~~There are three basic strategies to select color combinations for a particular design~~etc.

~~# Create a~~ == Changing color ~~scheme by picking several colors found within the objects to be used (photographs, pictures, etc)# Create colors derived from those found in the objects to be used# Create a color scheme based on the message to convey / the psychological effects~~ of ~~color~~entire document ==

~~See for additional help & reference:~~* [http://colorschemedesigner.com/ colorschemedesigner.com] - Useful site to help choose a color scheme in rgb To change the main text color ~~space~~* Tina Sutton, Bride M Whelan: The Complete Color Harmony. Rockport Publishers (2004). ISBN 978-1592530311 (recommanded in of the ~~mailing list)~~document use

<texcode>\setupcolors[textcolor=defined-color]</texcode>

~~=Using Colors=~~ * Use the color name like <tt>[color=blablue]</tt> in some <tt>\setup...</tt> command. ~~== With text ==~~ ~~Typeset single text elements with <cmd>color</cmd><tt>[colorname]{nice blue text}</tt>:~~For example,

{|

! width="10%"|

! width="45%"|

|- | <texcode>~~Three~~ \~~color~~setupcolors[~~red~~textcolor=blue]\samplefile{~~cool~~tufte} ~~cats~~

</texcode>

|

|<context>

\setupcolors[~~state~~textcolor=~~start~~blue]\~~starttextThree \color[red]{cool} cats\stoptext~~input tufte

</context>

|}

~~Alternatively, typeset text elements with <cmd>colored</cmd><tt>[rgb values]{colored text}</tt> (suggested on NTG-ConTeXt: [http://www.ntg.nl/pipermail/ntg-context/2010/046563.html]):~~== Changing background color of page ==

The background color of the page can be changed using

<texcode>\setupbackgrounds[page][background=color,backgroundcolor=defined-color]</texcode>

For example,

{|

! width="45%"|

|-

| <texcode>

~~Three~~ \~~colored~~setuppapersize[rA8, landscape]\setupbackgrounds[page][background=.4color, gbackgroundcolor=~~.4, b~~blue]\setupcolors[textcolor=.9white]~~{colorful} kittens.~~ \starttext\input ward\stoptext

</texcode>

|

|<context>

\setuppapersize[A8, landscape]\setupbackgrounds[page][background=color,backgroundcolor=blue]\setupcolors[~~state~~textcolor=~~start~~white]

\starttext

~~Three~~ \~~colored[r=.4, g=.4, b=.9]~~samplefile{~~colorful~~ward} ~~kittens.~~

\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).

~~Typeset longer sections with <cmd>startcolor</cmd><tt>[colorname] ...</tt> <cmd>stopcolor</cmd>:~~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%"|~~ ~~! width="10%"~~| ! width="45%"| |- | <texcode>\usecolors[xwi]\~~starttext~~definecolor[highlight][yellow]\~~startcolor~~defineframed [~~orange~~important] [location=low, frame=off, background=color, backgroundcolor=highlight] This is an \~~input tufte~~important{important}word. \~~stopcolor~~definecolor[highlight][lavenderblush]This is a \~~stoptext~~important{important}word.

</texcode>

| width="10%"|| width="45%"|<contextmode=mkiv>\~~setupcolors~~usecolors[~~state=start~~xwi]\~~starttext~~definecolor[highlight][yellow]\~~startcolor~~defineframed[important][~~orange~~location=low, frame=off, background=color, backgroundcolor=highlight] This is an \~~input tufte~~important{important}word. \~~stopcolor~~definecolor[highlight][lavenderblush]This is an \~~stoptext~~important{important}word.

</context>

|}

== ~~In titles~~ Adapting existing colors ==

~~See [[Titles#Using_colors_in_chapters_and_sections]]~~{{todo | add details about this}}

=~~= With frames =~~Pre-defined colors =

{|

~~! width="45%"|~~

~~! width="10%"|~~

~~! width="45%"|~~

|-

~~| <texcode>~~

~~\framed[background=color, backgroundcolor=green]{bla}~~

~~\framed[background=color, backgroundcolor=yellow, corner=00]{bla}~~

~~</texcode>~~

|

~~|<context>~~

~~\setupcolors[state=start]~~

~~\starttext~~The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}). {| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|black||bgcolor="#000"|  |white||bgcolor="#FFF"|   |-|gray||bgcolor="#E6E6E6"|  |lightgray||bgcolor="#D6D6D6"|   |middlegray||bgcolor="#B9B9B9"|   |darkgray||bgcolor="#999999"|   |- |red||bgcolor="#FF0000"|  ~~\framed[background~~|lightred||bgcolor=~~color, backgroundcolor~~"#FF0000"|   |middlered||bgcolor="#CC0000"|   |darkred||bgcolor="#990000"|   |-|green~~]{bla}~~||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=|   ~~\framed[background~~|middlemagenta||bgcolor=~~color, backgroundcolor~~"CC00CC" |  |darkmagenta||bgcolor="660066" |  |-|yellow~~, corner~~||bgcolor="#FFFF00" |  |   ||bgcolor=|   |middleyellow||bgcolor=~~00]{bla}~~"CCCC00" |  |darkyellow||bgcolor="666600" |  ~~</context>~~

|}

~~== Background of the page ==~~In addition to thees, many color collections are defined, which are not loaded by default. These can be loaded using

{| ~~! width="45%"|~~ ~~! width="10%"|~~ ~~! width="45%"|~~ |- | <texcode>\~~setupbackgrounds~~usecolors[~~page~~NAME]~~[background=~~</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~~,backgroundcolor=blue]~~collection using

~~\starttexttext\stoptext~~</texcode>|~~|<context>~~\~~setupcolors~~showcolor[~~state=start~~NAME]</texcode>

For example, the truncated output of <code>\~~setupbackgrounds[page]~~showcolor[~~background=color,backgroundcolor=blue~~crayola]</code> is shown below.

~~\starttext~~{| ~~text~~|-|<texcode>\~~stoptext~~showcolor[crayola]</texcode>|<context mode=mkiv>\startTEXpage[height=5cm]\showcolor[crayola]\stopTEXpage</context>

|}

~~== Background of cells in tables ==~~

~~See~~== Crayola crayon colors == The following colors are defined in {{src|colo-imp-crayola.mkiv}}. These canbe loaded using* [[Table#Background Colors]]* [<texcode>\usecolors[~~TABLE#Round_corners]~~crayola]</texcode>

~~== In Metapost ==~~

~~Metapost in MkIV is different from MkII and all labels are typeset~~{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|Red||bgcolor="ED0A3F" |   |Maroon||bgcolor="C32148" |   |Scarlet||bgcolor="FD0E35" |   |BrickRed||bgcolor="C62D42" |   |-|EnglishVermilion||bgcolor="CC474B" |   |MadderLake||bgcolor="CC3336" |   |PermanentGeraniumLake||bgcolor="E12C2C" |   |MaximumRed||bgcolor="D92121" |   |-|IndianRed||bgcolor="B94E48" |   |OrangeRed||bgcolor="FF5349" |   |SunsetOrange||bgcolor="FE4C40" |   |Bittersweet||bgcolor="FE6F5E" |   |-|DarkVenetianRed||bgcolor="B33B24" |   |VenetianRed||bgcolor="CC553D" |   |LightVenetianRed||bgcolor="E6735C" |   |VividTangerine||bgcolor="FF9980" |   |-|MiddleRed||bgcolor="E58E73" |   |BurntOrange||bgcolor="FF7F49" |   |RedOrange||bgcolor="FF681F" |   |Orange||bgcolor="FF8833" |   |-|MacaroniandCheese||bgcolor="FFB97B" |   |MiddleYellowRed||bgcolor="ECB176" |   |MangoTango||bgcolor="E77200" |   |YellowOrange||bgcolor="FFAE42" |   |-|MaximumYellowRed||bgcolor="F2BA49" |   |BananaMania||bgcolor="FBE7B2" |   |Maize||bgcolor="F2C649" |   |OrangeYellow||bgcolor="F8D568" |   |-|Goldenrod||bgcolor="FCD667" |   |Dandelion||bgcolor="FED85D" |   |Yellow||bgcolor="FBE870" |   |GreenYellow||bgcolor="F1E788" |   |-|MiddleYellow||bgcolor="FFEB00" |   |OliveGreen||bgcolor="B5B35C" |   |SpringGreen||bgcolor="ECEBBD" |   |MaximumYellow||bgcolor="FAFA37" |   |-|Canary||bgcolor="FFFF99" |   |LemonYellow||bgcolor="FFFF9F" |   |MaximumGreenYellow||bgcolor="D9E650" |   |MiddleGreenYellow||bgcolor="ACBF60" |   |-|Inchworm||bgcolor="AFE313" |   |LightChromeGreen||bgcolor="BEE64B" |   |YellowGreen||bgcolor="C5E17A" |   |MaximumGreen||bgcolor="5E8C31" |   |-|Asparagus||bgcolor="7BA05B" |   |GrannySmithApple||bgcolor="9DE093" |   |Fern||bgcolor="63B76C" |   |MiddleGreen||bgcolor="4D8C57" |   |-|Green||bgcolor="3AA655" |   |MediumChromeGreen||bgcolor="6CA67C" |   |ForestGreen||bgcolor="5FA777" |   |SeaGreen||bgcolor="93DFB8" |   |-|Shamrock||bgcolor="33CC99" |   |MountainMeadow||bgcolor="1AB385" |   |JungleGreen||bgcolor="29AB87" |   |CaribbeanGreen||bgcolor="00CC99" |   |-|TropicalRainForest||bgcolor="00755E" |   |MiddleBlueGreen||bgcolor="8DD9CC" |   |PineGreen||bgcolor="01786F" |   |MaximumBlueGreen||bgcolor="30BFBF" |   |-|RobinsEggBlue||bgcolor="00CCCC" |   |TealBlue||bgcolor="008080" |   |LightBlue||bgcolor="8FD8D8" |   |Aquamarine||bgcolor="95E0E8" |   |-|TurquoiseBlue||bgcolor="6CDAE7" |   |OuterSpace||bgcolor="2D383A" |   |SkyBlue||bgcolor="76D7EA" |   |MiddleBlue||bgcolor="7ED4E6" |   |-|BlueGreen||bgcolor="0095B7" |   |PacificBlue||bgcolor="009DC4" |   |Cerulean||bgcolor="02A4D3" |   |MaximumBlue||bgcolor="47ABCC" |   |-|BlueI||bgcolor="4997D0" |   |CeruleanBlue||bgcolor="339ACC" |   |Cornflower||bgcolor="93CCEA" |   |GreenBlue||bgcolor="2887C8" |   |-|MidnightBlue||bgcolor="00468C" |   |NavyBlue||bgcolor="0066CC" |   |Denim||bgcolor="1560BD" |   |BlueIII||bgcolor="0066FF" |   |-|CadetBlue||bgcolor="A9B2C3" |   |Periwinkle||bgcolor="C3CDE6" |   |BlueII||bgcolor="4570E6" |   |WildBlueYonder||bgcolor="7A89B8" |   |-|Indigo||bgcolor="4F69C6" |   |Manatee||bgcolor="8D90A1" |   |CobaltBlue||bgcolor="8C90C8" |   |CelestialBlue||bgcolor="7070CC" |   |-|BlueBell||bgcolor="9999CC" |   |MaximumBluePurple||bgcolor="ACACE6" |   |VioletBlue||bgcolor="766EC8" |   |BlueViolet||bgcolor="6456B7" |   |-|UltramarineBlue||bgcolor="3F26BF" |   |MiddleBluePurple||bgcolor="8B72BE" |   |PurpleHeart||bgcolor="652DC1" |   |RoyalPurple||bgcolor="6B3FA0" |   |-|VioletII||bgcolor="8359A3" |   |MediumViolet||bgcolor="8F47B3" |   |Wisteria||bgcolor="C9A0DC" |   |LavenderI||bgcolor="BF8FCC" |   |-|VividViolet||bgcolor="803790" |   |MaximumPurple||bgcolor="733380" |   |PurpleMountainsMajesty||bgcolor="D6AEDD" |   |Fuchsia||bgcolor="C154C1" |   |-|PinkFlamingo||bgcolor="FC74FD" |   |VioletI||bgcolor="732E6C" |   |BrilliantRose||bgcolor="E667CE" |   |Orchid||bgcolor="E29CD2" |   |-|Plum||bgcolor="8E3179" |   |MediumRose||bgcolor="D96CBE" |   |Thistle||bgcolor="EBB0D7" |   |Mulberry||bgcolor="C8509B" |   |-|RedViolet||bgcolor="BB3385" |   |MiddlePurple||bgcolor="D982B5" |   |MaximumRedPurple||bgcolor="A63A79" |   |JazzberryJam||bgcolor="A50B5E" |   |-|Eggplant||bgcolor="614051" |   |Magenta||bgcolor="F653A6" |   |Cerise||bgcolor="DA3287" |   |WildStrawberry||bgcolor="FF3399" |   |-|LavenderII||bgcolor="FBAED2" |   |CottonCandy||bgcolor="FFB7D5" |   |CarnationPink||bgcolor="FFA6C9" |   |VioletRed||bgcolor="F7468A" |   |-|Razzmatazz||bgcolor="E30B5C" |   |PigPink||bgcolor="FDD7E4" |   |Carmine||bgcolor="E62E6B" |   |Blush||bgcolor="DB5079" |   |-|TickleMePink||bgcolor="FC80A5" |   |Mauvelous||bgcolor="F091A9" |   |Salmon||bgcolor="FF91A4" |   |MiddleRedPurple||bgcolor="A55353" |   |-|Mahogany||bgcolor="CA3435" |   |Melon||bgcolor="FEBAAD" |   |PinkSherbert||bgcolor="F7A38E" |   |BurntSienna||bgcolor="E97451" |   |-|Brown||bgcolor="AF593E" |   |Sepia||bgcolor="9E5B40" |   |FuzzyWuzzy||bgcolor="87421F" |   |Beaver||bgcolor="926F5B" |   |-|Tumbleweed||bgcolor="DEA681" |   |RawSienna||bgcolor="D27D46" |   |VanDykeBrown||bgcolor="664228" |   |Tan||bgcolor="D99A6C" |   |-|DesertSand||bgcolor="EDC9AF" |   |Peach||bgcolor="FFCBA4" |   |BurntUmber||bgcolor="805533" |   |Apricot||bgcolor="FDD5B1" |   |-|Almond||bgcolor="EED9C4" |   |RawUmber||bgcolor="665233" |   |Shadow||bgcolor="837050" |   |RawSiennaI||bgcolor="E6BC5C" |   |-|Timberwolf||bgcolor="D9D6CF" |   |GoldI||bgcolor="92926E" |   |GoldII||bgcolor="E6BE8A" |   |Silver||bgcolor="C9C0BB" |   |-|Copper||bgcolor="DA8A67" |   |AntiqueBrass||bgcolor="C88A65" |   |Black||bgcolor="000000" |   |CharcoalGray||bgcolor="736A62" |   |-|Gray||bgcolor="8B8680" |   |BlueGray||bgcolor="C8C8CD" |   |White||bgcolor="FFFFFF" |   |RadicalRed||bgcolor="FF355E" |   |-|WildWatermelon||bgcolor="FD5B78" |   |OutrageousOrange||bgcolor="FF6037" |   |AtomicTangerine||bgcolor="FF9966" |   |NeonCarrot||bgcolor="FF9933" |   |-|Sunglow||bgcolor="FFCC33" |   |LaserLemon||bgcolor="FFFF66" |   |UnmellowYellow||bgcolor="FFFF66" |   |ElectricLime||bgcolor="CCFF00" |   |-|ScreaminGreen||bgcolor="66FF66" |   |MagicMint||bgcolor="AAF0D1" |   |BlizzardBlue||bgcolor="50BFE6" |   |ShockingPink||bgcolor="FF6EFF" |   |-|RazzleDazzleRose||bgcolor="EE34D2" |   |HotMagenta||bgcolor="FF00CC" |   |PurplePizzazz||bgcolor="FF00CC" |   |AztecGold||bgcolor="C39953" |  |-|BurnishedBrown||bgcolor="A17A74" |  |CeruleanFrost||bgcolor="6D9BC3" |  |CinnamonSatin||bgcolor="CD607E" |  |CopperPenny||bgcolor="AD6F69" |  |-|CosmicCobalt||bgcolor="2E2D88" |  |GlossyGrape||bgcolor="AB92B3" |  |GraniteGray||bgcolor="676767" |  |GreenSheen||bgcolor="6EAEA1" |  |-|LilacLuster||bgcolor="AE98AA" |  |MistyMoss||bgcolor="BBB477" |  |MysticMaroon||bgcolor="AD4379" |  |PearlyPurple||bgcolor="B768A2" |  |-|PewterBlue||bgcolor="8BA8B7" |  |PolishedPine||bgcolor="5DA493" |  |QuickSilver||bgcolor="A6A6A6" |  |RoseDust||bgcolor="9E5E6F" |  |-|RustyRed||bgcolor="DA2C43" |  |ShadowBlue||bgcolor="778BA5" |  |ShinyShamrock||bgcolor="5FA778" |  |SteelTeal||bgcolor="5F8A8B" |  |-|SugarPlum||bgcolor="914E75" |  |TwilightLavender||bgcolor="8A496B" |  |WintergreenDream||bgcolor="56887D" |  |Amethyst||bgcolor="64609A" |  |-|Citrine||bgcolor="933709" |  |Emerald||bgcolor="14A989" |  |Jade||bgcolor="469A84" |  |Jasper||bgcolor="D05340" |  |-|LapisLazuli||bgcolor="436CB9" |  |Malachite||bgcolor="469496" |  |Moonstone||bgcolor="3AA8C1" |  |Onyx||bgcolor="353839" |  |-|Peridot||bgcolor="ABAD48" |  |PinkPearl||bgcolor="B07080" |  |RoseQuartz||bgcolor="BD559C" |  |Ruby||bgcolor="AA4069" |  |-|Sapphire||bgcolor="2D5DA1" |  |SmokeyTopaz||bgcolor="832A0D" |  |TigersEye||bgcolor="B56917" |  |AquaPearl||bgcolor="5FBED7" |  |-|BlackCoralPearl||bgcolor="54626F" |  |CaribbeanGreenPearl||bgcolor="6ADA8E" |  |CulturedPearl||bgcolor="F5F5F5" |  |KeyLimePearl||bgcolor="E8F48C" |  |-|MandarinPearl||bgcolor="F37A48" |  ~~and colored in TeX, if you want a label use~~|MidnightPearl||bgcolor="702670" |   ~~label(textext(~~|MysticPearl||bgcolor="~~\blue RED~~D65282"~~),origin)~~ |  |OceanBluePearl||bgcolor="4F42B5" |  |-|OceanGreenPearl||bgcolor="48BF91" |  |OrchidPearl||bgcolor="7B4259" |  |RosePearl||bgcolor="F03865" |  |SalmonPearl||bgcolor="F1444A" |  |-|SunnyPearl||bgcolor="F2F27A" |  |SunsetPearl||bgcolor="F1CC79" |  |}

== ~~In TikZ~~ RAL colors ==

RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)approximate RGB colors (inofficial translation from [http://www.ralcolor.com www.ralcolor.com]). These are defined in {{src|colo-imp-ral.mkiv}} and can be loaded using <texcode>\usecolors[ral]</texcode> {| style="text-align: right; padding-right: 20px;" ! | Name !! Color !style="width: 100px;"| Name !! Color !style="~~45%~~width: 100px;"|Name !! Color ! style="width: 100px;"| Name !! Color!style="~~10%~~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="~~45%~~FF2301"|  |- | ~~<texcode>~~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" |   ~~\usemodule[tikz]~~|RAL9003||bgcolor="F4F4F4" |   ~~\starttext~~|RAL9004||bgcolor="282828" |   ~~\tikz\shade[ball color~~|RAL9005||bgcolor=~~red!40!yellow] (0,0) circle (.15cm)~~"0A0A0A" |  ~~\stoptext~~|-|RAL9006||bgcolor="A5A5A5" |   ~~</texcode>~~|RAL9007||bgcolor="8F8F8F" |   |RAL9010||bgcolor="FFFFFF" |   |~~<context>~~RAL9011||bgcolor="1C1C1C" |   ~~\setupcolors[state~~|RAL9016||bgcolor=~~start]~~"F6F6F6" |   ~~\usemodule[tikz]~~|RAL9017||bgcolor="1E1E1E" |   ~~\starttext~~|-~~\tikz\shade[ball color~~|RAL9018||bgcolor=~~red!40!yellow] (0,0) circle (.15cm)~~"D7D7D7" |  ~~\stoptext~~|RAL9022||bgcolor="9C9C9C" |   ~~</context>~~|RAL9023||bgcolor="828282" |  

|}

=~~Spot colours~~=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>

~~To produce a file ready for a clean PDF separation process at your print house, start with~~{| style="text-align:right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|base03||bgcolor="002b36" |  |base02||bgcolor="073642" |  |base01||bgcolor="586e75" |  |base00||bgcolor="657b83" |  |-|base0||bgcolor="839496" |  |base1||bgcolor="93a1a1" |  |base2||bgcolor="eee8d5" |  |base3||bgcolor="fdf6e3" |  |-|yellow||bgcolor="b58900" |  |orange||bgcolor="cb4b16" |  |red||bgcolor="dc322f" |  |magenta||bgcolor="d33682" |  |-|violet||bgcolor="6c71c4" |  |blue||bgcolor="268bd2" |  |cyan||bgcolor="2aa198" |  |green||bgcolor="859900" |  |}

~~<cmd>setupcolors</cmd><tt>[rgb~~=~~no,cmyk~~=~~yes,spot~~SVG colors =~~yes,state~~=~~start,overprint=yes]</tt>~~

~~which will set things up for spot colors with CMYK allowed~~Colors based on the [http://www.december.com/html/spec/colorsvghex.html SVG]spec. ~~The last setting ensures that black overprinting your spot colour tints will not knock out the colour~~ These are defined in {{src|colo-imp- ~~this is important for some types of commercial printing~~svg.mkiv}} and can be loaded using

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

~~<cmd>definecolor</cmd><tt>[PantoneTwoNineFour][c~~{| style=~~1,m~~"text-align: right; padding-right: 20px;"!| Name !! Color !style=~~.56,y~~"width: 100px;"| Name !! Color !style=~~0,k~~"width: 100px;"| Name !! Color !style=~~.18]</tt>~~"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" |  |}

~~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% for headings:~~

~~<cmd>definespotcolor</cmd><tt>[MyBlue][PantoneTwoNineFour][p~~=~~1]</tt>~~= X11 colors ==

~~And then a 20% tint for nice display boxes~~[https://en.wikipedia.org/wiki/X11_color_names X11_color_names] defined in{{src|colo-imp-x11.mkiv}}. These can be loaded using

<~~cmd~~texcode>~~definespotcolor</cmd><tt>[MyBlueTint][PantoneTwoNineFour]~~\usecolors[~~p=.2~~x11]</tttexcode>

~~And now you can happily use these named colours:~~

~~<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" |  ~~\starttext~~|- ~~\color[MyBlue]{Interesting}~~|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" |  ~~\stoptext~~|thistle4||bgcolor="8b7b8b" |  ~~</texcode>~~|}

~~If you~~ The following additional colors 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 some extra workalso defined.

{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style=~~Using the 'e' key to \definespotcolor to specify a spot colour name with spaces~~"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" |  |}

~~You can 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:~~== XWI Colors ==

~~<texcode>% set up~~ 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 ~~cmyk fallbacks\definecolor~~ [~~PantoneThreeZeroEight~~https://en.wikipedia.org/wiki/X_Window_System X_Window_System] ~~[c=1~~. These are a subset of the X11 colors,m=shown earlier.05To load these colors,~~y=0,k=.47]~~use:

<texcode>\~~definecolor~~ usecolors[~~PantoneTwoNineEight]~~ ~~[c=.69,m=.07,y=0,k=0~~xwi]</texcode>

~~% Define tints of spot colours to be used in document for colouring text\definespotcolor~~ ~~[DarkBlue]~~ ~~[PantoneThreeZeroEight]~~ ~~[p=1,e=PANTONE 308 CV]~~This loads the following additional colors:

~~\definespotcolor~~{| 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"|  ~~[LightBlue]~~|- ~~[PantoneTwoNineEight]~~|green||bgcolor="#00FF00"|  [p|greenyellow||bgcolor=~~1,e~~"#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=~~PANTONE 298 CV]~~"#99CC33"| ~~</texcode>~~|}

~~(Tested only on minimal Linux distribution dated 8 May 2010~~ == Additional pre- ~~can others confirm thisto be true across the board now?)~~defined colors ==

~~Any text between a <cmd>startcolor[DarkBlue]</cmd> and <cmd>stopcolor</cmd> should now be assigned~~ In addition to the ~~correct spot colour channel~~ above, there are other pre- 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 separationdefined colors.

~~For example, if your original graphic is an EPS file containing the following lines:~~{| class="wikitable"|-| ema || <code>\usecolors[ema]</code>| {{src|colo-imp-ema.mkiv}} || 549 Emacs colors|}

~~%%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)~~

~~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:~~= Advanced Usage =

~~<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>~~== Using colors in MetaPost ==

~~Note how the space characters~~ A color defined in TeX is available in MetaPost using `\MPcolor{...}` or in LuaMetaFun simply the ~~colour~~ name ~~are now encoded as '#20', but the colour names are essentially identical between the original EPS graphic, the new PDF graphic and your text~~in quotation marks.For example:

~~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>\definecolor[highlight][r=0.8,g=0.8,b=0]\starttext\color[highlight]{Highlighted text in TeX}

gs \startMPcode ~~-dBATCH \~~label("Highlighted text in MetaPost", origin) ~~-dNOPAUSE~~ withcolor \MPcolor{highlight}; ~~-sDEVICE=tiffsep~~ \stopMPcode ~~-dDOINTERPOLATE \~~</texcode> ~~-dTextAlphaBits~~|<context mode=~~4 \~~mkiv> ~~-dGraphicsAlphaBits=4~~ \ ~~-sOutputFile~~definecolor[highlight][r=~~output~~0.~~tif \~~ ~~-r120 \~~ ~~-MaxSeparations~~8,g=0.8 ,b=0]\ ~~input.pdf~~color[highlight]{Highlighted text in TeX}

~~This renders a PDF file <tt>input.pdf~~\startMPcodelabel("Highlighted text in MetaPost", origin) withcolor \MPcolor{highlight};\stopMPcode</ttcontext> ~~as a set of TIFF files:~~|}

~~output~~Note that `\MPcolor{.~~tif - Composite including CMYK approximations to spot colours~~ ~~output~~.~~tif~~.~~Black.tif - K channel~~ ~~output.tif.Cyan.tif - C channel~~ ~~output.tif.Magenta.tif - M channel~~ ~~output.tif.Yellow.tif - Y channel~~ ~~output~~}` behaves similar to a `color` primitive in MetaPost.~~tif~~For example, the following is valid MetaPost code.~~s0.tif - Pantone 308 CV~~ ~~output.tif.s1~~<texcode>color myColor; myColor = 0.~~tif - Pantone 298 CV~~5[\MPcolor{highlight}, white];</texcode>

~~=Multitones=~~For more further reading: [[Color in MetaPost]].

~~Hans wrote on the mailinglist on 2004-12-27 about handling of multitone colors:~~== Testing if color is defined ==

~~Currently it's done by pdftools.rb~~To test if a color is defined, use

~~Once pdfxTeX becomes pdfeTeX out of a sudden your beta can do it as well.~~* {{cmd|doifcolor}}* {{cmd|doifcolorelse}}

~~I still need to figure out a way to automatically reverse the graphic, but one of these days you can start using it.~~Usage:

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

\~~setupcolors[state~~doifcolor{color-name}{... if branch ... }\doifcolorelse{color-name}{... if branch ...}{... else branch ...}</texcode> = Viewing pre-defined color = == View all defined colors ==~~start]~~

~~\definecolor [blue] [c=1~~To view pre-defined colors,m=you can use {{cmd|showcolor}}.38For example,~~y=0~~to see all the colors defined in {{src|colo-imp-x11.mkiv}},k=use (output truncated for display here ...64) {| |-|<texcode>\showcolor[x11]</texcode>|<context mode=mkiv>\~~definecolor~~ startTEXpage[~~yellow~~height=5cm] \showcolor[~~c=0,m=.28,y=1,k=.06~~x11]\stopTEXpage</context>|}

~~\definespotcolor [blue-100] [blue] [p=1]\definespotcolor [yellow-100] [yellow] [p=1]~~If you use {{cmd|showcolor}} without any argument, all currently defined colors are shown.

~~\definemultitonecolor [combicolor] [blue~~=~~.12,yellow~~=~~.28] [c~~View specific defined colors =~~.1,m~~=~~.1,y=.3,k=.1]~~

~~\starttext~~To view the components of a defined color, you can use:

* {{cmd|showcolorcomponents}}<texcode>\~~startcolor~~showcolorcomponents[~~blue]\blackrule[width=3cm~~color-1,~~height=3cm~~color-2]~~\stopcolor~~</texcode>

~~\startcolor[yellow]\blackrule[width=3cm~~For example,~~height=3cm]\stopcolor~~

{| |-|<texcode>\~~startcolor~~showcolorcomponents[~~combicolor~~red,middlered,darkred]</texcode>|<context mode=mkiv>\~~blackrule~~showcolorcomponents[~~width=3cm~~red,middlered,~~height=3cm~~darkred]~~\stopcolor~~</context>|}

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

</texcode>

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

For example,

{|

|-

|<texcode>

\startlines

\colorcomponents{red}

\transparencycomponents{red}

\processcolorcomponents{red}

\stoplines

</texcode>

|

\startlines

\colorcomponents{red}

\transparencycomponents{red}

\processcolorcomponents{red}

\stoplines

</context>

|}

= Tips and Tricks =

=~~Colorizing Grayscale Pictures~~= Calculating RGB Values ==

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

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

~~\startbuffer\definecolor [blue] [c=1, m=.38, y=0, k=.64]\definecolor [yellow] [c=0, m=.28, y=1, k=.06]~~% Define the actual color based on variables:

\~~definespotcolor~~ definecolor[~~blue-100~~ColorName] [% r={\mathexpr[~~blue~~.3N] {\getvariable{ColorName}{r}/255}}, g={\mathexpr[~~p=1~~.3N]{\getvariable{ColorName}{g}/255}}, b={\~~definespotcolor~~ mathexpr[~~yellow-100~~.3N] ~~[yellow] [p=1~~{\getvariable{ColorName}{b}/255}},]%

~~\definemultitonecolor [combicolor] [blue=.12, yellow=.28] [c=.1, m=.1, y=.3, k=.1]~~% Test it:

\~~definemultitonecolor~~ startTEXpage[~~combicolor-b] [blue~~offset=15mm] \framed[cforegroundcolor=1white, mbackground=~~.38~~color, ybackgroundcolor=~~0, k=.64~~ColorName] ~~% force multitone~~{Hello WORLD!} \~~definemultitonecolor [combicolor-y] [yellow=1] [c=0, m=.28, y=1, k=.06] % force multitone~~\\colorcomponents{ColorName}\stopTEXpage</texcode>

~~\useexternalfigure[demo-~~<context>% Use a color picker to get red, green and blue values of a~~][mill.png] [object~~color:% Example: RAL 2005: red =no255, ~~width~~green =~~.2\textwidth]\useexternalfigure[demo-b][hacker-bw.jpg][object=no~~35, ~~width~~blue =~~.2\textwidth]~~1% Create variables from the values:

\~~startbaselinecorrection\startcombination~~setvariables[~~4*1]~~ ~~{\externalfigure[demo-a~~ColorName]~~} {no color}~~ ~~{\externalfigure~~[~~demo-a][color~~r=~~combicolor]} {indexed duotone}~~ ~~{\externalfigure[demo-a][color~~255,g=~~combicolor-~~35,b~~]} {spot color}~~ ~~{\externalfigure[demo-a][color~~=~~combicolor-y~~1]~~} {spot color}\stopcombination\stopbaselinecorrection~~

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

\~~startbaselinecorrection\startcombination~~usemodule[~~4*1~~mathfun] ~~{\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~~

~~\startbaselinecorrection\startcombination[4*1]~~ ~~{\externalfigure[demo-b]} {no~~ % Define the actual color} ~~{\externalfigure[demo-b][color=combicolor]} {indexed duotone}~~ ~~{\externalfigure[demo-b][color=blue-100]} {spot color}~~ ~~{\externalfigure[demo-b][color=yellow-100]} {spot color}\stopcombination\stopbaselinecorrection\stopbuffer~~based on variables:

\~~getbuffer~~ definecolor[ColorName][% r={\~~typebuffer~~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}\~~stoptext~~stopTEXpage</~~texcode~~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)

~~See "~~[[Category:Color ~~and Background" in the manual~~]][[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