Changes

49,205 bytes added , 14:27, 30 July 2023

simplify some examples, small additions

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

~~= Enabling colors =~~__TOC__

~~In current versions (earlier 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~~ red]</texcode>and then use <code>\important{important text}</code> in the text. 2. Colorsare not enabled by default in MkII. To enable colors in MkII, use<texcode>\setupcolors[state=start]</texcode> 3. To disable colors in a document, use<texcode>\setupcolors[state=stop]</texcode> Last [[Documentation|manual dedicated to color]] was issued in 2016 = Basic Usage =

~~Using colors with ConTeXt is easy:~~

~~== Choosing a~~ To color ~~model ==~~text, use

* 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~~texcode>\color[defined-color]{ . ~~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~~text . ~~See spot colours below for more details~~.* Normally all colors are defined in RGB ''and'' CMYK and get converted if needed.}</texcode>

~~== Using predefined colors: <cmd>setupcolor</cmd> ==~~or

~~You find lists of predefined colors in the files~~ <tttexcode>~~colo~~\startcolor[defined-~~xxx~~color] ... text ...~~tex~~\stopcolor</~~tt>, load them with <cmd~~texcode>~~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 where <~~cmd~~code>~~showcolor~~defined-color</code> is a color defined using {{cmd>|definecolor}}. For example, <ttcode>~~[xxx]~~red</ttcode>!is one of the predefined colors. So, we can use:

{|

! width="2545%"|

! width="10%"|

! width="6545%"|

|-

| <texcode>

Three \~~showcolor~~color[~~rgb~~red]{cool} cats

</texcode>

|

| <context>Three \~~setupcolors~~color[~~state=start]\showcolor[rgb~~red]{cool} cats

</context>

|}

or <context source=~~= Defining colors: <cmd~~yes>~~definecolor~~\startcolor[red]\input tufte\stopcolor</~~cmd~~context> ==

It is also possible to use RGB or CMYK or hex values to color text. The syntax for these is<~~cmd>definecolor</cmd><tt~~texcode>\colored[~~blablue~~settings]~~[r=~~{...~~1, g=~~text .~~1, b=1, c=1, m=~~.~~1, y=0, k=0, s=~~.2]}</texcode>where <code>settings</ttcode> ~~(definition for RGB, CMYK and Grey!)~~are the same settings as used by {{cmd|definecolor}}. For example:

|-

| <texcode>

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

</texcode>

|

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

</context>

|}

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

~~You can also use hexadecimal numers to specify colors. You need to load the~~ '''~~hex~~Note''' . There is no need to use the color commands directly. Almost all ConTeXt commands accept a <code>color</code> key, and you can use <code>color=defined-color</code>. For example, * To color the section titles red, use<texcode>\setuphead[color=red]</texcode> * To color the footnotes red, use<texcode>\setupfootnotes[color=red]</texcode> etc. == Changing color of entire document == To change the main text color of the document use <texcode>\setupcolors[textcolor=defined-color ~~module first:~~]</texcode> For example,

{|

! width="45%"|

! width="10%"|

! width="45%"|

|- | <texcode>~~\setupcolor[hex]~~\~~definecolor[salmon]~~setupcolors[htextcolor=~~AB5757~~blue] ~~Hey,~~ \~~color[salmon]~~samplefile{~~look at that!~~tufte}

</texcode>

|

|<context>

\setupcolors[~~state~~textcolor=~~start~~blue]\~~setupcolor[hex]\definecolor[salmon][h=AB5757]~~ ~~Hey, \color[salmon]{look at that!}~~input tufte

</context>

|}

==~~=Transparent Colors=~~Changing background color of page ==

~~You~~ The background color of the page can ~~define '''transparent''' colors through setting t, e.g.~~ be changed using<tttexcode>t\setupbackgrounds[page][background=~~0.5~~color,backgroundcolor=defined-color]</tttexcode>~~. Beware, some PDF viewers and printshops can't handle PDF transparences!~~

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.

For example,

{|

! width="45%"|

|-

| <texcode>

\~~definecolor~~ setuppapersize[~~transparentred] [r=1~~A8,~~t=.5,a=1~~landscape]\~~definecolor~~ setupbackgrounds[~~transparentblue~~page] [~~b=1,t~~background=.5color,abackgroundcolor=1blue]\~~definecolor [solidyellow]~~ setupcolors[~~y=1,t=1,a~~textcolor=1white]

\starttext

\~~startTEXpageThis is some sample text that goes behind the rectangles\hskip-8cm\blackrule[width=2cm,height=1cm,depth=1cm,color=solidyellow]\hskip-0.67cm\blackrule[width=2cm,height=2cm,color=transparentred]\hskip-0.67cm\blackrule[width=2cm,height=1cm,depth=1cm,color=transparentblue]\hskip-0.67cm\blackrule[width=2cm,height=2cm,color=solidyellow]\hskip2cm.\stopTEXpage~~input ward

\stoptext

</texcode>

|

|<context>

\~~setupcolors[state=start]\definecolor~~ setuppapersize[~~transparentred] [r=1~~A8,~~t=.5,a=1~~landscape]\~~definecolor~~ setupbackgrounds[~~transparentblue~~page] [bbackground=1color,tbackgroundcolor=~~.5,a=1~~blue]\~~definecolor [solidyellow]~~ setupcolors[~~y=1,t=1,a~~textcolor=1white]

\starttext

\samplefile{ward}

\stoptext

</context>

|}

= Defining New Colors =

ConTeXt Defining New Colors|supports several color models:

* [https://en.wikipedia.org/wiki/CMYK_color_model CMYK], typically used for printing

* [https://en.wikipedia.org/wiki/RGB_color_model RGB], [https://en.wikipedia.org/wiki/HSL_and_HSV HSV/HSL] and [https://en.wikipedia.org/wiki/HWB_color_model HWB], typically used for screen display,

* [[Transparency]] ([https://en.wikipedia.org/wiki/Transparency_(graphic) Transparency] on wikipedia).

* [[Spot Colors]] typically used for offset printing ([https://en.wikipedia.org/wiki/Spot_color Spot colors] on wikipedia).

New colors may be defined in the following ways

{| class="wikitable"

! Name !! Syntax (and Example) !! Explanation

|-

| style="width:20%;" | RGB color model

| style="width:40%;" | <texcode>\definecolor[...][r=..., g=..., b=...]</texcode>

For example,

<texcode>\definecolor[lime][r=0.75, g=1, b=0]

This is \color[lime]{a new color}

that we defined</texcode>

| The values for <code>r</code>, <code>g</code>, and <code>b</code> are floating point number between <code>0</code> and <code>1</code>.

|-

| CMYK color model

| <texcode>\definecolor[...][c=.., m=.., y=.., k=..]</texcode>

For example,

<texcode>\definecolor[lime][c=0.25, m=0, y=1, k=0]

This is \color[lime]{a new color}

that we defined</texcode>

| The values for <code>c</code>, <code>m</code>, <code>y</code> and <code>k</code> are floating point number between <code>0</code> and <code>1</code>.

|-

| HSV/HSL color model

|<texcode>\definecolor[...][h=.., s=.., v=..]</texcode>

For example,

<texcode>\definecolor[lime][h=75, s=1, v=1]

This is \color[lime]{a new color}

that we defined</texcode>

| The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the values for <code>s</code> (saturation), <code>v</code> (value/brightness) are floating point numbers between <code>0</code> and <code>1</code>.

|-

| HWB color model

|<texcode>\definecolor[...][h=.., w=.., b=..]</texcode>

For example,

<texcode>\definecolor[something][h=75, w=0.5, b=.1]

This is \color[something]{a new color}

that we defined</texcode>

| The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the values for <code>w</code> (whiteness), <code>b</code> (blackness) are floating point numbers between <code>0</code> and <code>1</code>. This mostly unknown color model is also used in CSS3/SVG.

|-

| Hex

| <texcode>\definecolor[...][x=...]</texcode>

For example,

<texcode>\definecolor[lime][x=BFFF00]

This is \color[lime]{a new color}

that we defined</texcode>

| The value for <code>x</code> is a three-byte hexadecimal number where the bytes represent the red, green, and blue values. This follows the HTML and CSS style of defining colors.

|-

|Gray scale

|<texcode>\definecolor[...][s=...]</texcode>

For example,

<texcode>\definecolor[screen][s=0.5]

This is \color[screen]{a new color}

that we defined</texcode>

| The value for <code>s</code> is a floating point number between <code>0</code> and <code>1</code>, representing the grayness value (1 represents white, 0 represents black).

|}

== Cloning existing colors ==

You can ''clone'' an existing color using

<texcode>\definecolor[new-color][old-color]</texcode>

For example

{|

| width="45%"| <texcode>\usecolors[xwi]

\definecolor[highlight][yellow]

\defineframed

[important]

[location=low, frame=off,

background=color, backgroundcolor=highlight]

This is an \important{important}word.

\definecolor[highlight][lavenderblush]

This is a \important{important}word.

</texcode>

| width="10%"|

| width="45%"| <context mode=mkiv>\usecolors[xwi]

\definecolor[highlight][yellow]

\defineframed[important][location=low, frame=off,

background=color, backgroundcolor=highlight]

~~\startTEXpage~~This is ~~some sample text that goes behind the rectangles\hskip-8cm\blackrule[width=2cm,height=1cm,depth=1cm,color=solidyellow]~~an \~~hskip-0~~important{important}word.~~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~~definecolor[highlight][lavenderblush]This is an \important{important}word.

</context>

|}

== ~~Defining color schemes: <cmd>definecolorgroup</cmd> and <cmd>definepalet</cmd>~~Adapting existing colors ==~~<cmd>definecolorgroup</cmd><tt>[name][system][values]</tt>~~{{todo | add details about this}} = Pre-defined colors =

~~<cmd>definepalet</cmd><tt>[palettename][colorname1=groupcolor:1, colorname2=groupcolor:2, ...]</tt>~~

~~Very interesting feature, to be described later...~~ The following colors are pre-defined in ConTeXt (see ~~manual~~{{src|colo-imp-rgb.mkiv}}).

{| style=~~Choosing a color scheme~~"text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|black||bgcolor="#000"|  |white||bgcolor="#FFF"|   |-|gray||bgcolor="#E6E6E6"|  |lightgray||bgcolor="#D6D6D6"|   |middlegray||bgcolor="#B9B9B9"|   |darkgray||bgcolor="#999999"|   |- |red||bgcolor="#FF0000"|  |lightred||bgcolor="#FF0000"|   |middlered||bgcolor="#CC0000"|   |darkred||bgcolor="#990000"|   |-|green||bgcolor="#00FF00"|  |lightgreen||bgcolor="#00FF00"|   |middlegreen||bgcolor="#00CC00"|   |darkgreen||bgcolor="#009900"|   |-|blue||bgcolor="#0000FF"|  |lightblue||bgcolor="#0000FF"|   |middleblue||bgcolor="#0000CC"|   |darkblue||bgcolor="#000099"|   |-|cyan||bgcolor="#00FFFF" |  |   ||bgcolor=|   |middlecyan||bgcolor="#00CCCC" |  |darkcyan||bgcolor="#006666" |  |-|magenta||bgcolor="#FF00FF" |  |   ||bgcolor=|   |middlemagenta||bgcolor="CC00CC" |  |darkmagenta||bgcolor="660066" |  |-|yellow||bgcolor="#FFFF00" |  |   ||bgcolor=|   |middleyellow||bgcolor="CCCC00" |  |darkyellow||bgcolor="666600" |  

~~There are three basic strategies to select color combinations for a particular design~~|}

~~# Create a color scheme by picking several colors found within the objects~~ In addition to ~~be used (photographs~~thees, ~~pictures~~many color collections are defined, ~~etc)# Create colors derived from those found in the objects to~~ which are not loaded by default. These can be ~~used# Create a color scheme based on the message to convey / the psychological effects of color~~loaded using

~~See for additional help & reference:~~* <texcode>\usecolors[~~http://colorschemedesigner.com~~NAME]</ ~~colorschemedesigner.com] - Useful site to help choose a color scheme in rgb color space~~* Tina Sutton, Bride M Whelan: The Complete Color Harmony. Rockport Publishers (2004). ISBN 978-1592530311 (recommanded in the mailing list)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

~~=Using Colors=~~<texcode>\showcolor[NAME]</texcode>

* Use For example, the ~~color name like~~ truncated output of <~~tt>[color=blablue]</tt> in some <tt~~code>\~~setup...</tt> command.~~* Typeset single text elements with <cmd>color</cmd><tt>showcolor[~~blablue~~crayola]~~{nice blue text}</tt> or longer sections with <cmd>startcolor</cmd><tt>[blablue] ...</tt> <cmd>stopcolor~~</~~cmd~~code>is shown below.

{| |-|<texcode>\showcolor[crayola]</texcode>|<context mode=mkiv>\startTEXpage[height= ~~Background of the page ==~~5cm]\showcolor[crayola]\stopTEXpage</context>|}

{|

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

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

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

|-

~~| <texcode>~~

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

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

<texcode>\~~setupbackgrounds~~usecolors[~~page][background=color,backgroundcolor=blue~~ral]</texcode>

~~\starttext~~{| 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" |   |-~~text~~|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" |   ~~\stoptext~~|RAL9022||bgcolor="9C9C9C" |   ~~</context>~~|RAL9023||bgcolor="828282" |  

|}

=~~Spot colours~~= Solarized colors ==

~~To produce a file ready for a clean PDF separation process at your print house, start with~~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

<~~cmd>setupcolors</cmd><tt~~texcode>\usecolors[~~rgb=no,cmyk=yes,spot=yes,state=start,overprint=yes~~solarized]</tttexcode>

~~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 the colour~~ {| style="text- ~~this is important for some types of commercial printing.~~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" |  |}

~~Then define your basic spot colour. Note that the name cannot contain spaces or numbers (but we come to that later):~~== SVG colors ==

~~<cmd>definecolor<~~Colors based on the [http://www.december.com/html/spec/~~cmd><tt>[PantoneTwoNineFour~~colorsvghex.html SVG]~~[c=1,m=~~spec.~~56,y=0,k=~~These are defined in {{src|colo-imp-svg.~~18]</tt>~~mkiv}} and can be loaded using

~~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:~~<texcode>\usecolors[svg]</texcode>

~~<cmd>definespotcolor</cmd><tt>[MyBlue][PantoneTwoNineFour][p~~{| style=~~1]</tt>~~"text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|black||bgcolor="000000" |  |navy||bgcolor="000080" |  |darkblue||bgcolor="00008B" |  |mediumblue||bgcolor="0000CD" |  |-|blue||bgcolor="0000FF" |  |darkgreen||bgcolor="006400" |  |green||bgcolor="008000" |  |teal||bgcolor="008080" |  |-|darkcyan||bgcolor="008B8B" |  |deepskyblue||bgcolor="00BFFF" |  |darkturquoise||bgcolor="00CED1" |  |mediumspringgreen||bgcolor="00FA9A" |  |-|lime||bgcolor="00FF00" |  |springgreen||bgcolor="00FF7F" |  |cyan||bgcolor="00FFFF" |  |aqua||bgcolor="00FFFF" |  |-|midnightblue||bgcolor="191970" |  |dodgerblue||bgcolor="1E90FF" |  |lightseagreen||bgcolor="20B2AA" |  |forestgreen||bgcolor="228B22" |  |-|seagreen||bgcolor="2E8B57" |  |darkslategray||bgcolor="2F4F4F" |  |darkslategrey||bgcolor="2F4F4F" |  |limegreen||bgcolor="32CD32" |  |-|mediumseagreen||bgcolor="3CB371" |  |turquoise||bgcolor="40E0D0" |  |royalblue||bgcolor="4169E1" |  |steelblue||bgcolor="4682B4" |  |-|darkslateblue||bgcolor="483D8B" |  |mediumturquoise||bgcolor="48D1CC" |  |indigo||bgcolor="4B0082" |  |darkolivegreen||bgcolor="556B2F" |  |-|cadetblue||bgcolor="5F9EA0" |  |cornflowerblue||bgcolor="6495ED" |  |mediumaquamarine||bgcolor="66CDAA" |  |dimgrey||bgcolor="696969" |  |-|dimgray||bgcolor="696969" |  |slateblue||bgcolor="6A5ACD" |  |olivedrab||bgcolor="6B8E23" |  |slategrey||bgcolor="708090" |  |-|slategray||bgcolor="708090" |  |lightslategray||bgcolor="778899" |  |lightslategrey||bgcolor="778899" |  |mediumslateblue||bgcolor="7B68EE" |  |-|lawngreen||bgcolor="7CFC00" |  |chartreuse||bgcolor="7FFF00" |  |aquamarine||bgcolor="7FFFD4" |  |maroon||bgcolor="800000" |  |-|purple||bgcolor="800080" |  |olive||bgcolor="808000" |  |gray||bgcolor="808080" |  |grey||bgcolor="808080" |  |-|skyblue||bgcolor="87CEEB" |  |lightskyblue||bgcolor="87CEFA" |  |blueviolet||bgcolor="8A2BE2" |  |darkred||bgcolor="8B0000" |  |-|darkmagenta||bgcolor="8B008B" |  |saddlebrown||bgcolor="8B4513" |  |darkseagreen||bgcolor="8FBC8F" |  |lightgreen||bgcolor="90EE90" |  |-|mediumpurple||bgcolor="9370DB" |  |darkviolet||bgcolor="9400D3" |  |palegreen||bgcolor="98FB98" |  |darkorchid||bgcolor="9932CC" |  |-|yellowgreen||bgcolor="9ACD32" |  |sienna||bgcolor="A0522D" |  |brown||bgcolor="A52A2A" |  |darkgray||bgcolor="A9A9A9" |  |-|darkgrey||bgcolor="A9A9A9" |  |lightblue||bgcolor="ADD8E6" |  |greenyellow||bgcolor="ADFF2F" |  |paleturquoise||bgcolor="AFEEEE" |  |-|lightsteelblue||bgcolor="B0C4DE" |  |powderblue||bgcolor="B0E0E6" |  |firebrick||bgcolor="B22222" |  |darkgoldenrod||bgcolor="B8860B" |  |-|mediumorchid||bgcolor="BA55D3" |  |rosybrown||bgcolor="BC8F8F" |  |darkkhaki||bgcolor="BDB76B" |  |silver||bgcolor="C0C0C0" |  |-|mediumvioletred||bgcolor="C71585" |  |indianred||bgcolor="CD5C5C" |  |peru||bgcolor="CD853F" |  |chocolate||bgcolor="D2691E" |  |-|tan||bgcolor="D2B48C" |  |lightgray||bgcolor="D3D3D3" |  |lightgrey||bgcolor="D3D3D3" |  |thistle||bgcolor="D8BFD8" |  |-|orchid||bgcolor="DA70D6" |  |goldenrod||bgcolor="DAA520" |  |palevioletred||bgcolor="DB7093" |  |crimson||bgcolor="DC143C" |  |-|gainsboro||bgcolor="DCDCDC" |  |plum||bgcolor="DDA0DD" |  |burlywood||bgcolor="DEB887" |  |lightcyan||bgcolor="E0FFFF" |  |-|lavender||bgcolor="E6E6FA" |  |darksalmon||bgcolor="E9967A" |  |violet||bgcolor="EE82EE" |  |palegoldenrod||bgcolor="EEE8AA" |  |-|lightcoral||bgcolor="F08080" |  |khaki||bgcolor="F0E68C" |  |aliceblue||bgcolor="F0F8FF" |  |honeydew||bgcolor="F0FFF0" |  |-|azure||bgcolor="F0FFFF" |  |sandybrown||bgcolor="F4A460" |  |wheat||bgcolor="F5DEB3" |  |beige||bgcolor="F5F5DC" |  |-|whitesmoke||bgcolor="F5F5F5" |  |mintcream||bgcolor="F5FFFA" |  |ghostwhite||bgcolor="F8F8FF" |  |salmon||bgcolor="FA8072" |  |-|antiquewhite||bgcolor="FAEBD7" |  |linen||bgcolor="FAF0E6" |  |lightgoldenrodyellow||bgcolor="FAFAD2" |  |oldlace||bgcolor="FDF5E6" |  |-|red||bgcolor="FF0000" |  |fuchsia||bgcolor="FF00FF" |  |magenta||bgcolor="FF00FF" |  |deeppink||bgcolor="FF1493" |  |-|orangered||bgcolor="FF4500" |  |tomato||bgcolor="FF6347" |  |hotpink||bgcolor="FF69B4" |  |coral||bgcolor="FF7F50" |  |-|darkorange||bgcolor="FF8C00" |  |lightsalmon||bgcolor="FFA07A" |  |orange||bgcolor="FFA500" |  |lightpink||bgcolor="FFB6C1" |  |-|pink||bgcolor="FFC0CB" |  |gold||bgcolor="FFD700" |  |peachpuff||bgcolor="FFDAB9" |  |navajowhite||bgcolor="FFDEAD" |  |-|moccasin||bgcolor="FFE4B5" |  |bisque||bgcolor="FFE4C4" |  |mistyrose||bgcolor="FFE4E1" |  |blanchedalmond||bgcolor="FFEBCD" |  |-|papayawhip||bgcolor="FFEFD5" |  |lavenderblush||bgcolor="FFF0F5" |  |seashell||bgcolor="FFF5EE" |  |cornsilk||bgcolor="FFF8DC" |  |-|lemonchiffon||bgcolor="FFFACD" |  |floralwhite||bgcolor="FFFAF0" |  |snow||bgcolor="FFFAFA" |  |yellow||bgcolor="FFFF00" |  |-|lightyellow||bgcolor="FFFFE0" |  |ivory||bgcolor="FFFFF0" |  |white||bgcolor="FFFFFF" |  |}

~~And then a 20% tint for nice display boxes:~~

~~<cmd>definespotcolor</cmd><tt>[MyBlueTint][PantoneTwoNineFour][p~~=~~.2]</tt>~~= X11 colors ==

~~And now you~~ [https://en.wikipedia.org/wiki/X11_color_names X11_color_names] defined in{{src|colo-imp-x11.mkiv}}. These can ~~happily use these named colours:~~be loaded using

<texcode>\~~starttext~~ ~~\color~~usecolors[~~MyBlue~~x11]~~{Interesting}\stoptext~~</texcode>

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:

~~<cmd>doregisterspotcolorname</cmd><tt>~~{~~PantoneTwoNineFour~~| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|snow||bgcolor="fffafa" |  |ghostwhite||bgcolor="f8f8ff" |  |whitesmoke||bgcolor="f5f5f5" |  |gainsboro||bgcolor="dcdcdc" |  |-|floralwhite||bgcolor="fffaf0" |  |oldlace||bgcolor="fdf5e6" |  |linen||bgcolor="faf0e6" |  |antiquewhite||bgcolor="faebd7" |  |-|papayawhip||bgcolor="ffefd5" |  |blanchedalmond||bgcolor="ffebcd" |  |bisque||bgcolor="ffe4c4" |  |peachpuff||bgcolor="ffdab9" |  |-|navajowhite||bgcolor="ffdead" |  |moccasin||bgcolor="ffe4b5" |  |cornsilk||bgcolor="fff8dc" |  |ivory||bgcolor="fffff0" |  |-|lemonchiffon||bgcolor="fffacd" |  |seashell||bgcolor="fff5ee" |  |honeydew||bgcolor="f0fff0" |  |mintcream||bgcolor="f5fffa" |  |-|azure||bgcolor="f0ffff" |  |aliceblue||bgcolor="f0f8ff" |  |lavender||bgcolor="e6e6fa" |  |lavenderblush||bgcolor="fff0f5" |  |-|mistyrose||bgcolor="ffe4e1" |  |white||bgcolor="ffffff" |  |black||bgcolor="000000" |  |darkslategray||bgcolor="2f4f4f" |  |-|dimgray||bgcolor="686868" |  |slategray||bgcolor="708090" |  |lightslategray||bgcolor="778899" |  |gray||bgcolor="c0c0c0" |  |-|lightgray|| bgcolor="d4d4d4" |  |midnightblue||bgcolor="191970" |  |navy||bgcolor="000080" |  |navyblue||bgcolor="000080" |  |-|cornflowerblue||bgcolor="6495ed" |  |darkslateblue||bgcolor="483d8b" |  |slateblue||bgcolor="6a5acd" |  |mediumslateblue||bgcolor="7b68ee" |  |-|lightslateblue||bgcolor="8470ff" |  |mediumblue||bgcolor="0000cd" |  |royalblue||bgcolor="4169e1" |  |blue||bgcolor="0000ff" |  |-|dodgerblue||bgcolor="1e90ff" |  |deepskyblue||bgcolor="00bfff" |  |skyblue||bgcolor="87ceeb" |  |lightskyblue||bgcolor="87cefa" |  |-|steelblue||bgcolor="4682b4" |  |lightsteelblue||bgcolor="b0c4de" |  |lightblue||bgcolor="add8e6" |  |powderblue||bgcolor="b0e0e6" |  |-|paleturquoise||bgcolor="afeeee" |  |darkturquoise||bgcolor="00ced1" |  |mediumturquoise||bgcolor="48d1cc" |  |turquoise||bgcolor="40e0d0" |  |-|cyan||bgcolor="00ffff" |  |lightcyan||bgcolor="e0ffff" |  |cadetblue||bgcolor="5f9ea0" |  |mediumaquamarine||bgcolor="66cdaa" |  |-|aquamarine||bgcolor="7fffd4" |  |darkolivegreen||bgcolor="556b2f" |  |darkseagreen||bgcolor="8fbc8f" |  |seagreen||bgcolor="2e8b57" |  |-|mediumseagreen||bgcolor="3cb371" |  |lightseagreen||bgcolor="20b2aa" |  |palegreen||bgcolor="98fb98" |  |lightgreen||bgcolor="90ee90" |  |-|springgreen||bgcolor="00ff7f" |  |lawngreen||bgcolor="7cfc00" |  |green||bgcolor="00ff00" |  |chartreuse||bgcolor="7fff00" |  |-|mediumspringgreen||bgcolor="00fa9a" |  |greenyellow||bgcolor="adff2f" |  |limegreen||bgcolor="32cd32" |  |yellowgreen||bgcolor="9acd32" |  |-|forestgreen||bgcolor="228b22" |  |olivedrab||bgcolor="6b8e23" |  |darkkhaki||bgcolor="bdb76b" |  |khaki||bgcolor="f0e68c" |  |-|palegoldenrod||bgcolor="eee8aa" |  |lightgoldenrodyellow||bgcolor="fafad2" |  |lightyellow||bgcolor="ffffe0" |  |yellow||bgcolor="ffff00" |  |-|gold||bgcolor="ffd700" |  |lightgoldenrod||bgcolor="eedd82" |  |goldenrod||bgcolor="daa520" |  |darkgoldenrod||bgcolor="b8860b" |  |-|rosybrown||bgcolor="bc8f8f" |  |indianred||bgcolor="cd5c5c" |  |saddlebrown||bgcolor="8b4513" |  |sienna||bgcolor="a0522d" |  |-|peru||bgcolor="cd853f" |  |burlywood||bgcolor="deb887" |  |beige||bgcolor="f5f5dc" |  |wheat||bgcolor="f5deb3" |  |-|sandybrown||bgcolor="f4a460" |  |tan||bgcolor="d2b48c" |  |chocolate||bgcolor="d2691e" |  |firebrick||bgcolor="b22222" |  |-|brown||bgcolor="a52a2a" |  |darksalmon||bgcolor="e9967a" |  |salmon||bgcolor="fa8072" |  |lightsalmon||bgcolor="ffa07a" |  |-|orange||bgcolor="ffa500" |  |darkorange||bgcolor="ff8c00" |  |coral||bgcolor="ff7f50" |  |lightcoral||bgcolor="f08080" |  |-|tomato||bgcolor="ff6347" |  |orangered||bgcolor="ff4500" |  |red||bgcolor="ff0000" |  |hotpink||bgcolor="ff69b4" |  |-|deeppink||bgcolor="ff1493" |  |pink||bgcolor="ffc0cb" |  |lightpink||bgcolor="ffb6c1" |  |palevioletred||bgcolor="db7093" |  |-|maroon||bgcolor="b03060" |  |mediumvioletred||bgcolor="c71585" |  |violetred||bgcolor="d02090" |  |magenta||bgcolor="ff00ff" |  |-|violet||bgcolor="ee82ee" |  |plum||bgcolor="dda0dd" |  |orchid||bgcolor="da70d6" |  |mediumorchid||bgcolor="ba55d3" |  |-|darkorchid||bgcolor="9932cc" |  |darkviolet||bgcolor="9400d3" |  |blueviolet||bgcolor="8a2be2" |  |purple||bgcolor="a020f0" |  |-|mediumpurple||bgcolor="9370db" |  |thistle||bgcolor="d8bfd8" |  |snow1||bgcolor="fffafa" |  |snow2||bgcolor="eee9e9" |  |-|snow3||bgcolor="cdc9c9" |  |snow4||bgcolor="8b8989" |  |seashell1||bgcolor="fff5ee" |  |seashell2||bgcolor="eee5de" |  |-|seashell3||bgcolor="cdc5bf" |  |seashell4||bgcolor="8b8682" |  |antiquewhite1||bgcolor="ffefdb" |  |antiquewhite2||bgcolor="eedfcc" |  |-|antiquewhite3||bgcolor="cdc0b0" |  |antiquewhite4||bgcolor="8b8378" |  |bisque1||bgcolor="ffe4c4" |  |bisque2||bgcolor="eed5b7" |  |-|bisque3||bgcolor="cdb79e" |  |bisque4||bgcolor="8b7d6b" |  |peachpuff1||bgcolor="ffdab9" |  |peachpuff2||bgcolor="eecbad" |  |-|peachpuff3||bgcolor="cdaf95" |  |peachpuff4||bgcolor="8b7765" |  |navajowhite1||bgcolor="ffdead" |  |navajowhite2||bgcolor="eecfa1" |  |-|navajowhite3||bgcolor="cdb38b" |  |navajowhite4||bgcolor="8b795e" |  |lemonchiffon1||bgcolor="fffacd" |  |lemonchiffon2||bgcolor="eee9bf" |  |-|lemonchiffon3||bgcolor="cdc9a5" |  |lemonchiffon4||bgcolor="8b8970" |  |cornsilk1||bgcolor="fff8dc" |  |cornsilk2||bgcolor="eee8cd" |  |-|cornsilk3||bgcolor="cdc8b1" |  |cornsilk4||bgcolor="8b8878" |  |ivory1||bgcolor="fffff0" |  |ivory2||bgcolor="eeeee0" |  |-|ivory3||bgcolor="cdcdc1" |  |ivory4||bgcolor="8b8b83" |  |honeydew1||bgcolor="f0fff0" |  |honeydew2||bgcolor="e0eee0" |  |-|honeydew3||bgcolor="c1cdc1" |  |honeydew4||bgcolor="838b83" |  |lavenderblush1||bgcolor="fff0f5" |  |lavenderblush2||bgcolor="eee0e5" |  |-|lavenderblush3||bgcolor="cdc1c5" |  |lavenderblush4||bgcolor="8b8386" |  |mistyrose1||bgcolor="ffe4e1" |  |mistyrose2||bgcolor="eed5d2" |  |-|mistyrose3||bgcolor="cdb7b5" |  |mistyrose4||bgcolor="8b7d7b" |  |azure1||bgcolor="f0ffff" |  |azure2||bgcolor="e0eeee" |  |-|azure3||bgcolor="c1cdcd" |  |azure4||bgcolor="838b8b" |  |slateblue1||bgcolor="836fff" |  |slateblue2||bgcolor="7a67ee" |  |-|slateblue3||bgcolor="6959cd" |  |slateblue4||bgcolor="473c8b" |  |royalblue1||bgcolor="4876ff" |  |royalblue2||bgcolor="436eee" |  |-|royalblue3||bgcolor="3a5fcd" |  |royalblue4||bgcolor="27408b" |  |blue1||bgcolor="0000ff" |  |blue2||bgcolor="0000ee" |  |-|blue3||bgcolor="0000cd" |  |blue4||bgcolor="00008b" |  |dodgerblue1||bgcolor="1e90ff" |  |dodgerblue2||bgcolor="1c86ee" |  |-|dodgerblue3||bgcolor="1874cd" |  |dodgerblue4||bgcolor="104e8b" |  |steelblue1||bgcolor="63b8ff" |  |steelblue2||bgcolor="5cacee" |  |-|steelblue3||bgcolor="4f94cd" |  |steelblue4||bgcolor="36648b" |  |deepskyblue1||bgcolor="00bfff" |  |deepskyblue2||bgcolor="00b2ee" |  |-|deepskyblue3||bgcolor="009acd" |  |deepskyblue4||bgcolor="00688b" |  |skyblue1||bgcolor="87ceff" |  |skyblue2||bgcolor="7ec0ee" |  |-|skyblue3||bgcolor="6ca6cd" |  |skyblue4||bgcolor="4a708b" |  |lightskyblue1||bgcolor="b0e2ff" |  |lightskyblue2||bgcolor="a4d3ee" |  |-|lightskyblue3||bgcolor="8db6cd" |  |lightskyblue4||bgcolor="607b8b" |  |slategray1||bgcolor="c6e2ff" |  |slategray2||bgcolor="b9d3ee" |  |-|slategray3||bgcolor="9fb6cd" |  |slategray4||bgcolor="6c7b8b" |  |lightsteelblue1||bgcolor="cae1ff" |  |lightsteelblue2||bgcolor="bcd2ee" |  |-|lightsteelblue3||bgcolor="a2b5cd" |  |lightsteelblue4||bgcolor="6e7b8b" |  |lightblue1||bgcolor="bfefff" |  |lightblue2||bgcolor="b2dfee" |  |-|lightblue3||bgcolor="9ac0cd" |  |lightblue4||bgcolor="68838b" |  |lightcyan1||bgcolor="e0ffff" |  |lightcyan2||bgcolor="d1eeee" |  |-|lightcyan3||bgcolor="b4cdcd" |  |lightcyan4||bgcolor="7a8b8b" |  |paleturquoise1||bgcolor="bbffff" |  |paleturquoise2||bgcolor="aeeeee" |  |-|paleturquoise3||bgcolor="96cdcd" |  |paleturquoise4||bgcolor="668b8b" |  |cadetblue1||bgcolor="98f5ff" |  |cadetblue2||bgcolor="8ee5ee" |  |-|cadetblue3||bgcolor="7ac5cd" |  |cadetblue4||bgcolor="53868b" |  |turquoise1||bgcolor="00f5ff" |  |turquoise2||bgcolor="00e5ee" |  |-|turquoise3||bgcolor="00c5cd" |  |turquoise4||bgcolor="00868b" |  |cyan1||bgcolor="00ffff" |  |cyan2||bgcolor="00eeee" |  |-|cyan3||bgcolor="00cdcd" |  |cyan4||bgcolor="008b8b" |  |darkslategray1||bgcolor="97ffff" |  |darkslategray2||bgcolor="8deeee" |  |-|darkslategray3||bgcolor="79cdcd" |  |darkslategray4||bgcolor="528b8b" |  |aquamarine1||bgcolor="7fffd4" |  |aquamarine2||bgcolor="76eec6" |  |-|aquamarine3||bgcolor="66cdaa" |  |aquamarine4||bgcolor="458b74" |  |darkseagreen1||bgcolor="c1ffc1" |  |darkseagreen2||bgcolor="b4eeb4" |  |-|darkseagreen3||bgcolor="9bcd9b" |  |darkseagreen4||bgcolor="698b69" |  |seagreen1||bgcolor="54ff9f" |  |seagreen2||bgcolor="4eee94" |  |-|seagreen3||bgcolor="43cd80" |  |seagreen4||bgcolor="2e8b57" |  |palegreen1||bgcolor="9aff9a" |  |palegreen2||bgcolor="90ee90" |  |-|palegreen3||bgcolor="7ccd7c" |  |palegreen4||bgcolor="548b54" |  |springgreen1||bgcolor="00ff7f" |  |springgreen2||bgcolor="00ee76" |  |-|springgreen3||bgcolor="00cd66" |  |springgreen4||bgcolor="008b45" |  |green1||bgcolor="00ff00" |  |green2||bgcolor="00ee00" |  |-|green3||bgcolor="00cd00" |  |green4||bgcolor="008b00" |  |chartreuse1||bgcolor="7fff00" |  |chartreuse2||bgcolor="76ee00" |  |-|chartreuse3||bgcolor="66cd00" |  |chartreuse4||bgcolor="458b00" |  |olivedrab1||bgcolor="c0ff3e" |  |olivedrab2||bgcolor="b3ee3a" |  |-|olivedrab3||bgcolor="9acd32" |  |olivedrab4||bgcolor="698b22" |  |darkolivegreen1||bgcolor="caff70" |  |darkolivegreen2||bgcolor="bcee68" |  |-|darkolivegreen3||bgcolor="a2cd5a" |  |darkolivegreen4||bgcolor="6e8b3d" |  |khaki1||bgcolor="fff68f" |  |khaki2||bgcolor="eee685" |  |-|khaki3||bgcolor="cdc673" |  |khaki4||bgcolor="8b864e" |  |lightgoldenrod1||bgcolor="ffec8b" |  |lightgoldenrod2||bgcolor="eedc82" |  |-|lightgoldenrod3||bgcolor="cdbe70" |  |lightgoldenrod4||bgcolor="8b814c" |  |lightyellow1||bgcolor="ffffe0" |  |lightyellow2||bgcolor="eeeed1" |  |-|lightyellow3||bgcolor="cdcdb4" |  |lightyellow4||bgcolor="8b8b7a" |  |yellow1||bgcolor="ffff00" |  |yellow2||bgcolor="eeee00" |  |-|yellow3||bgcolor="cdcd00" |  |yellow4||bgcolor="8b8b00" |  |gold1||bgcolor="ffd700" |  |gold2||bgcolor="eec900" |  |-|gold3||bgcolor="cdad00" |  |gold4||bgcolor="8b7500" |  |goldenrod1||bgcolor="ffc125" |  |goldenrod2||bgcolor="eeb422" |  |-|goldenrod3||bgcolor="cd9b1d" |  |goldenrod4||bgcolor="8b6914" |  |darkgoldenrod1||bgcolor="ffb90f" |  |darkgoldenrod2||bgcolor="eead0e" |  |-|darkgoldenrod3||bgcolor="cd950c" |  |darkgoldenrod4||bgcolor="8b6508" |  |rosybrown1||bgcolor="ffc1c1" |  |rosybrown2||bgcolor="eeb4b4" |  |-|rosybrown3||bgcolor="cd9b9b" |  |rosybrown4||bgcolor="8b6969" |  |indianred1||bgcolor="ff6a6a" |  |indianred2||bgcolor="ee6363" |  |-|indianred3||bgcolor="cd5555" |  |indianred4||bgcolor="8b3a3a" |  |sienna1||bgcolor="ff8247" |  |sienna2||bgcolor="ee7942" |  |-|sienna3||bgcolor="cd6839" |  |sienna4||bgcolor="8b4726" |  |burlywood1||bgcolor="ffd39b" |  |burlywood2||bgcolor="eec591" |  |-|burlywood3||bgcolor="cdaa7d" |  |burlywood4||bgcolor="8b7355" |  |wheat1||bgcolor="ffe7ba" |  |wheat2||bgcolor="eed8ae" |  |-|wheat3||bgcolor="cdba96" |  |wheat4||bgcolor="8b7e66" |  |tan1||bgcolor="ffa54f" |  |tan2||bgcolor="ee9a49" |  |-|tan3||bgcolor="cd853f" |  |tan4||bgcolor="8b5a2b" |  |chocolate1||bgcolor="ff7f24" |  |chocolate2||bgcolor="ee7621" |  |-|chocolate3||bgcolor="cd661d" |  |chocolate4||bgcolor="8b4513" |  |firebrick1||bgcolor="ff3030" |  |firebrick2||bgcolor="ee2c2c" |  |-|firebrick3||bgcolor="cd2626" |  |firebrick4||bgcolor="8b1a1a" |  |brown1||bgcolor="ff4040" |  |brown2||bgcolor="ee3b3b" |  |-|brown3||bgcolor="cd3333" |  |brown4||bgcolor="8b2323" |  |salmon1||bgcolor="ff8c69" |  |salmon2||bgcolor="ee8262" |  |-|salmon3||bgcolor="cd7054" |  |salmon4||bgcolor="8b4c39" |  |lightsalmon1||bgcolor="ffa07a" |  |lightsalmon2||bgcolor="ee9572" |  |-|lightsalmon3||bgcolor="cd8162" |  |lightsalmon4||bgcolor="8b5742" |  |orange1||bgcolor="ffa500" |  |orange2||bgcolor="ee9a00" |  |-|orange3||bgcolor="cd8500" |  |orange4||bgcolor="8b5a00" |  |darkorange1||bgcolor="ff7f00" |  |darkorange2||bgcolor="ee7600" |  |-|darkorange3||bgcolor="cd6600" |  |darkorange4||bgcolor="8b4500" |  |coral1||bgcolor="ff7256" |  |coral2||bgcolor="ee6a50" |  |-|coral3||bgcolor="cd5b45" |  |coral4||bgcolor="8b3e2f" |  |tomato1||bgcolor="ff6347" |  |tomato2||bgcolor="ee5c42" |  |-|tomato3||bgcolor="cd4f39" |  |tomato4||bgcolor="8b3626" |  |orangered1||bgcolor="ff4500" |  |orangered2||bgcolor="ee4000" |  |-|orangered3||bgcolor="cd3700" |  |orangered4||bgcolor="8b2500" |  |red1||bgcolor="ff0000" |  |red2||bgcolor="ee0000" |  |-|red3||bgcolor="cd0000" |  |red4||bgcolor="8b0000" |  |debianred||bgcolor="d70751" |  |deeppink1||bgcolor="ff1493" |  |-|deeppink2||bgcolor="ee1289" |  |deeppink3||bgcolor="cd1076" |  |deeppink4||bgcolor="8b0a50" |  |hotpink1||bgcolor="ff6eb4" |  |-|hotpink2||bgcolor="ee6aa7" |  |hotpink3||bgcolor="cd6090" |  |hotpink4||bgcolor="8b3a62" |  |pink1||bgcolor="ffb5c5" |  |-|pink2||bgcolor="eea9b8" |  |pink3||bgcolor="cd919e" |  |pink4||bgcolor="8b636c" |  |lightpink1||bgcolor="ffaeb9" |  |-|lightpink2||bgcolor="eea2ad" |  |lightpink3||bgcolor="cd8c95" |  |lightpink4||bgcolor="8b5f65" |  |palevioletred1||bgcolor="ff82ab" |  |-|palevioletred2||bgcolor="ee799f" |  |palevioletred3||bgcolor="cd6889" |  |palevioletred4||bgcolor="8b475d" |  |maroon1||bgcolor="ff34b3" |  |-|maroon2||bgcolor="ee30a7" |  |maroon3||bgcolor="cd2990" |  |maroon4||bgcolor="8b1c62" |  |violetred1||bgcolor="ff3e96" |  |-|violetred2||bgcolor="ee3a8c" |  |violetred3||bgcolor="cd3278" |  |violetred4||bgcolor="8b2252" |  |magenta1||bgcolor="ff00ff" |  |-|magenta2||bgcolor="ee00ee" |  |magenta3||bgcolor="cd00cd" |  |magenta4||bgcolor="8b008b" |  |orchid1||bgcolor="ff83fa" |  |-|orchid2||bgcolor="ee7ae9" |  |orchid3||bgcolor="cd69c9" |  |orchid4||bgcolor="8b4789" |  |plum1||bgcolor="ffbbff" |  |-|plum2||bgcolor="eeaeee" |  |plum3||bgcolor="cd96cd" |  |plum4||bgcolor="8b668b" |  |mediumorchid1||bgcolor="e066ff" |  |-|mediumorchid2||bgcolor="d15fee" |  |mediumorchid3||bgcolor="b452cd" |  |mediumorchid4||bgcolor="7a378b" |  |darkorchid1||bgcolor="bf3eff" |  |-|darkorchid2||bgcolor="b23aee" |  |darkorchid3||bgcolor="9a32cd" |  |darkorchid4||bgcolor="68228b" |  |purple1||bgcolor="9b30ff" |  |-|purple2||bgcolor="912cee" |  |purple3||bgcolor="7d26cd" |  |purple4||bgcolor="551a8b" |  |mediumpurple1||bgcolor="ab82ff" |  |-|mediumpurple2||bgcolor="9f79ee" |  |mediumpurple3||bgcolor="8968cd" |  |mediumpurple4||bgcolor="5d478b" |  |thistle1||bgcolor="ffe1ff" |  |-|thistle2||bgcolor="eed2ee" |  |thistle3||bgcolor="cdb5cd" |  |thistle4||bgcolor="8b7b8b" |  |}~~{PANTONE 294 CV}</tt>~~

~~Now your output file should work beautifully with graphics embedded!~~The following additional colors are also defined.

{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style=~~Using the 'e' key to \definecolor 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" |  |}

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

~~<texcode>% Define spot colours using 'e=~~The colors are defined in {{src|colo-imp-xwi.mkiv}}.The name suggests that they were from some color file distributed as part of the [https://en.wikipedia.~~' to specify colour names to use in output file\definecolor~~ ~~[PantoneThreeZeroEight~~org/wiki/X_Window_System X_Window_System] ~~[c=1,m=~~.~~05,y=0~~These are a subset of the X11 colors,k=shown earlier.47To load these colors,~~e=PANTONE 308 CV]~~use:

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

~~% Define tints of spot colours to be used in document for colouring text\definespotcolor~~ ~~[DarkBlue]~~ ~~[PantoneThreeZeroEight]~~ ~~[p=1]~~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"| |-|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"|  ~~[LightBlue]~~|salmon||bgcolor="#F97F72"|  ~~[PantoneTwoNineEight]~~|-|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"|  [p|yellowgreen||bgcolor=1]"#99CC33"| ~~</texcode>~~|}

~~(Tested only on minimal Linux distribution dated 31 Aug 2005~~ == 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 =~~start]~~

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

~~\definespotcolor [blue~~To view pre-~~100] [blue] [p=1]\definespotcolor [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>|}

~~\starttext~~If you use {{cmd|showcolor}} without any argument, all currently defined colors are shown. == View specific defined colors == To view the components of a defined color, you can use:

* {{cmd|showcolorcomponents}}<texcode>\~~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] % Define the actual color based on variables:

~~\startbuffer~~\definecolor [~~blue~~ColorName] [% r={\mathexpr[~~c=1, m=~~.383N]{\getvariable{ColorName}{r}/255}}, ~~y=0, k~~ g={\mathexpr[.643N]{\getvariable{ColorName}{g}/255}}, b={\~~definecolor~~ mathexpr[~~yellow~~.3N] ~~[c=0~~{\getvariable{ColorName}{b}/255}}, ~~m=.28, y=1, k=.06~~]%

~~\definespotcolor [blue-100] [blue] [p=1]\definespotcolor [yellow-100] [yellow] [p=1]~~% Test it:

\~~definemultitonecolor~~ startTEXpage[~~combicolor~~offset=5mm] \framed[~~blue~~foregroundcolor=~~.12~~white, ~~yellow~~background=~~.28] [c=.1~~color, mbackgroundcolor=~~.1, y=.3, k=.1~~ColorName]{Hello WORLD!} \\\colorcomponents{ColorName}\stopTEXpage</texcode>

~~\definemultitonecolor [combicolor-b] [~~<context>% Use a color picker to get red, green and blue~~=1] [c=1, m=.38, y=0, k=.64]~~ values of a color:% ~~force multitone\definemultitonecolor [combicolor-y] [yellow=1] [c~~Example: RAL 2005: red =0255, mgreen =~~.28~~35, yblue =1~~, k=.06]~~ % ~~force multitone~~Create variables from the values:

\~~useexternalfigure~~setvariables[~~demo-a~~ColorName][~~mill.png] [object~~r=no255, ~~width~~g=~~.2\textwidth]\useexternalfigure[demo-~~35,b~~][hacker-bw.jpg][object=no, width~~=~~.2\textwidth~~1]

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

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

~~\startbaselinecorrection\startcombination[4*1]~~ ~~{\externalfigure[demo-a]} {no~~ % Define the actual 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~~based on variables:

\~~startbaselinecorrection\startcombination~~definecolor[~~4*1~~ColorName][% r={\~~externalfigure~~mathexpr[~~demo-b~~.3N]{\getvariable{ColorName} {~~no color~~r}/255}}, g={\~~externalfigure~~mathexpr[~~demo-b][color=combicolor~~.3N]{\getvariable{ColorName} {~~indexed duotone~~g}/255}}, b={\~~externalfigure~~mathexpr[~~demo-b~~.3N]~~[color=blue-100]}~~ {~~spot color~~\getvariable{ColorName} {~~\externalfigure[demo-~~b~~][color=yellow-100]~~} ~~{spot color~~/255}},~~\stopcombination\stopbaselinecorrection\stopbuffer~~]%

~~\getbuffer \typebuffer~~% Test it:

\~~stoptext~~startTEXpage[offset=5mm] \framed[foregroundcolor=white, background=color, backgroundcolor=ColorName]{Hello WORLD!} \\\colorcomponents{ColorName}\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