Changes

47,441 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~~= Before you start ... = 1. It’s usually bad style to use explicit color switches in the text. It’s better to define a semantic command that takes care of the color switching. For example, instead of using <code>\color[red]{important text}</code>, define<texcode>\definehighlight[important][color=red]</texcode>and then use <code>\important{important text}</code> in the text. 2. Colors are not enabled by default in MkII. To enable colors ~~must be enabled using~~in MkII, use <~~cmd~~texcode>\setupcolors[state=start]</~~cmd~~texcode> 3. To disable colors in a document, use<tttexcode>\setupcolors[state=~~start~~stop]</tttexcode> Last [[Documentation|manual dedicated to color]] was issued in 2016 = Basic Usage =

~~=Defining Colors=~~

~~== 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]}</tttexcode> ~~(definition for RGB, CMYK and Grey!).See also [[Command~~where <code>settings</code> 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>~~

~~<cmd>definepalet</cmd><tt>[palettename][colorname1=groupcolor:1, colorname2=groupcolor:2, ...]</tt>~~{{todo | add details about this}}

~~Very interesting feature, see also the manual and here on the wiki [[Command/definecolor]]~~= Pre-defined colors =

~~=Choosing a color scheme=~~

~~There~~ The following colors are ~~three basic strategies to select color combinations for a particular design~~pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).

{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|black||bgcolor="#000"|  |white||bgcolor="#FFF"|   |-|gray||bgcolor="#E6E6E6"|  |lightgray||bgcolor="#D6D6D6"|   |middlegray||bgcolor="#B9B9B9"|   |darkgray||bgcolor="#999999"|   |- |red||bgcolor="#FF0000"|  |lightred||bgcolor="#FF0000"|   |middlered||bgcolor="#CC0000"|   |darkred||bgcolor="#990000"|   |-|green||bgcolor="#00FF00"|  |lightgreen||bgcolor="#00FF00"|   |middlegreen||bgcolor="#00CC00"|   |darkgreen||bgcolor="#009900"|   |-|blue||bgcolor="#0000FF"|  |lightblue||bgcolor="#0000FF"|   |middleblue||bgcolor="#0000CC"|   |darkblue||bgcolor="#000099"|   |-|cyan||bgcolor="#00FFFF" |  |   ||bgcolor=|   |middlecyan||bgcolor="# ~~Create a color scheme by picking several colors found within the objects to be used (photographs, pictures, etc)~~00CCCC" |  |darkcyan||bgcolor="# ~~Create colors derived from those found in the objects to be used~~006666" |  |-|magenta||bgcolor="# ~~Create a color scheme based on the message to convey / the psychological effects of color~~FF00FF" |  |   ||bgcolor=|   |middlemagenta||bgcolor="CC00CC" |  |darkmagenta||bgcolor="660066" |  |-|yellow||bgcolor="#FFFF00" |  |   ||bgcolor=|   |middleyellow||bgcolor="CCCC00" |  |darkyellow||bgcolor="666600" |  

~~See for additional help & reference:~~* [http://colorschemedesigner.com/ 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)|}

In addition to thees, many color collections are defined, which are not loaded by default. These can be loaded using

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

* Use the color name like where <ttcode>~~[color=blablue]~~NAME</ttcode> is the name of the collection. The details of colors defined in ~~some <tt>\setup...</tt> command~~these collections is shown below.You can also include such a detailed description of the colors defined in a color collection using

~~== With text ==~~<texcode>\showcolor[NAME]</texcode>

~~Typeset single text elements with~~ For example, the truncated output of <~~cmd>color</cmd><tt~~code>\showcolor[~~colorname~~crayola]~~{nice blue text}~~</ttcode>:is shown below.

{| ~~! width="45%"|~~ ~~! width="10%"|~~ ~~! width="45%"|~~ |- | <texcode>~~Three~~ \~~color~~showcolor[~~red~~crayola]~~{cool} cats~~</texcode>||<contextmode=mkiv>\~~setupcolors~~startTEXpage[~~state~~height=~~start~~5cm]\~~starttextThree \color~~showcolor[~~red~~crayola]~~{cool} cats~~\~~stoptext~~stopTEXpage</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]):~~

== Crayola crayon colors == The following colors are defined in {{src|colo-imp-crayola.mkiv}}. These canbe loaded using <texcode>\usecolors[crayola]</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|-|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="~~10%~~2D5DA1"|  ~~! width~~|SmokeyTopaz||bgcolor="832A0D" |  |TigersEye||bgcolor="B56917" |  |AquaPearl||bgcolor="~~45%~~5FBED7"|  |- | ~~<texcode>~~BlackCoralPearl||bgcolor="54626F" |  ~~Three \colored[r~~|CaribbeanGreenPearl||bgcolor=~~.4, g~~"6ADA8E" |  |CulturedPearl||bgcolor=~~.4, b~~"F5F5F5" |  |KeyLimePearl||bgcolor=~~.9]{colorful} kittens.~~"E8F48C" |  |-~~</texcode>~~|MandarinPearl||bgcolor="F37A48" |  |MidnightPearl||bgcolor="702670" |  |~~<context>~~MysticPearl||bgcolor="D65282" |  ~~\setupcolors[state~~|OceanBluePearl||bgcolor=~~start]~~"4F42B5" |  |-~~\starttext~~|OceanGreenPearl||bgcolor="48BF91" |  ~~Three \colored[r~~|OrchidPearl||bgcolor=~~.4, g~~"7B4259" |  |RosePearl||bgcolor=~~.4, b~~"F03865" |  |SalmonPearl||bgcolor=~~.9]{colorful} kittens.~~"F1444A" |  |-~~\stoptext~~|SunnyPearl||bgcolor="F2F27A" |  ~~</context>~~|SunsetPearl||bgcolor="F1CC79" |  

|}

== RAL colors ==

~~Typeset longer sections with <cmd>startcolor<~~RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)approximate RGB colors (inofficial translation from [http://~~cmd><tt>[colorname~~www.ralcolor.com www.ralcolor.com] ).These are defined in {{src|colo-imp-ral.~~.</tt> <cmd>stopcolor</cmd>:~~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="FF2301" |   |-|RAL2007||bgcolor="FFA420" |   |RAL2008||bgcolor="F75E25" |   |RAL2009||bgcolor="F54021" |   |RAL2010||bgcolor="D84B20" |   |RAL2011||bgcolor="EC7C26" |   |RAL2012||bgcolor="E55137" |   |-|RAL2013||bgcolor="C35831" |   |RAL3000||bgcolor="AF2B1E" |   |RAL3001||bgcolor="A52019" |   |RAL3002||bgcolor="A2231D" |   |RAL3003||bgcolor="9B111E" |   |RAL3004||bgcolor="75151E" |   |-|RAL3005||bgcolor="5E2129" |   |RAL3007||bgcolor="412227" |   |RAL3009||bgcolor="642424" |   |RAL3011||bgcolor="781F19" |   |RAL3012||bgcolor="C1876B" |   |RAL3013||bgcolor="A12312" |   |-|RAL3014||bgcolor="D36E70" |   |RAL3015||bgcolor="EA899A" |   |RAL3016||bgcolor="B32821" |   |RAL3017||bgcolor="E63244" |   |RAL3018||bgcolor="D53032" |   |RAL3020||bgcolor="CC0605" |   |-|RAL3022||bgcolor="D95030" |   |RAL3024||bgcolor="F80000" |   |RAL3026||bgcolor="FE0000" |   |RAL3027||bgcolor="C51D34" |   |RAL3028||bgcolor="CB3234" |   |RAL3031||bgcolor="B32428" |   |-|RAL3032||bgcolor="721422" |   |RAL3033||bgcolor="B44C43" |   |RAL4001||bgcolor="6D3F5B" |   |RAL4002||bgcolor="922B3E" |   |RAL4003||bgcolor="DE4C8A" |   |RAL4004||bgcolor="641C34" |   |-|RAL4005||bgcolor="6C4675" |   |RAL4006||bgcolor="A03472" |   |RAL4007||bgcolor="4A192C" |   |RAL4008||bgcolor="924E7D" |   |RAL4009||bgcolor="A18594" |   |RAL4010||bgcolor="CF3476" |   |-|RAL4011||bgcolor="8673A1" |   |RAL4012||bgcolor="6C6874" |   |RAL5000||bgcolor="354D73" |   |RAL5001||bgcolor="1F3438" |   |RAL5002||bgcolor="20214F" |   |RAL5003||bgcolor="1D1E33" |   |-|RAL5004||bgcolor="18171C" |   |RAL5005||bgcolor="1E2460" |   |RAL5007||bgcolor="3E5F8A" |   |RAL5008||bgcolor="26252D" |   |RAL5009||bgcolor="025669" |   |RAL5010||bgcolor="0E294B" |   |-|RAL5011||bgcolor="231A24" |   |RAL5012||bgcolor="3B83BD" |   |RAL5013||bgcolor="1E213D" |   |RAL5014||bgcolor="606E8C" |   |RAL5015||bgcolor="2271B3" |   |RAL5017||bgcolor="063971" |   |-|RAL5018||bgcolor="3F888F" |   |RAL5019||bgcolor="1B5583" |   |RAL5020||bgcolor="1D334A" |   |RAL5021||bgcolor="256D7B" |   |RAL5022||bgcolor="252850" |   |RAL5023||bgcolor="49678D" |   |-|RAL5024||bgcolor="5D9B9B" |   |RAL5025||bgcolor="2A6478" |   |RAL5026||bgcolor="102C54" |   |RAL6000||bgcolor="316650" |   |RAL6001||bgcolor="287233" |   |RAL6002||bgcolor="2D572C" |   |-|RAL6003||bgcolor="424632" |   |RAL6004||bgcolor="1F3A3D" |   |RAL6005||bgcolor="2F4538" |   |RAL6006||bgcolor="3E3B32" |   |RAL6007||bgcolor="343B29" |   |RAL6008||bgcolor="39352A" |   |-|RAL6009||bgcolor="31372B" |   |RAL6010||bgcolor="35682D" |   |RAL6011||bgcolor="587246" |   |RAL6012||bgcolor="343E40" |   |RAL6013||bgcolor="6C7156" |   |RAL6014||bgcolor="47402E" |   |-|RAL6015||bgcolor="3B3C36" |   |RAL6016||bgcolor="1E5945" |   |RAL6017||bgcolor="4C9141" |   |RAL6018||bgcolor="57A639" |   |RAL6019||bgcolor="BDECB6" |   |RAL6020||bgcolor="2E3A23" |   |-|RAL6021||bgcolor="89AC76" |   |RAL6022||bgcolor="25221B" |   |RAL6024||bgcolor="308446" |   |RAL6025||bgcolor="3D642D" |   |RAL6026||bgcolor="015D52" |   |RAL6027||bgcolor="84C3BE" |   |-|RAL6028||bgcolor="2C5545" |   |RAL6029||bgcolor="20603D" |   |RAL6032||bgcolor="317F43" |   |RAL6033||bgcolor="497E76" |   |RAL6034||bgcolor="7FB5B5" |   |RAL6035||bgcolor="1C542D" |   |-|RAL6036||bgcolor="193737" |   |RAL6037||bgcolor="008F39" |   |RAL6038||bgcolor="00BB2D" |   |RAL7000||bgcolor="78858B" |   |RAL7001||bgcolor="8A9597" |   |RAL7002||bgcolor="7E7B52" |   |-|RAL7003||bgcolor="6C7059" |   |RAL7004||bgcolor="969992" |   |RAL7005||bgcolor="646B63" |   |RAL7006||bgcolor="6D6552" |   |RAL7008||bgcolor="6A5F31" |   |RAL7009||bgcolor="4D5645" |   |-|RAL7010||bgcolor="4C514A" |   |RAL7011||bgcolor="434B4D" |   |RAL7012||bgcolor="4E5754" |   |RAL7013||bgcolor="464531" |   |RAL7015||bgcolor="434750" |   |RAL7016||bgcolor="293133" |   |-|RAL7021||bgcolor="23282B" |   |RAL7022||bgcolor="332F2C" |   |RAL7023||bgcolor="686C5E" |   |RAL7024||bgcolor="474A51" |   |RAL7026||bgcolor="2F353B" |   |RAL7030||bgcolor="8B8C7A" |   |-|RAL7031||bgcolor="474B4E" |   |RAL7032||bgcolor="B8B799" |   |RAL7033||bgcolor="7D8471" |   |RAL7034||bgcolor="8F8B66" |   |RAL7035||bgcolor="D7D7D7" |   |RAL7036||bgcolor="7F7679" |   |-|RAL7037||bgcolor="7D7F7D" |   |RAL7038||bgcolor="B5B8B1" |   |RAL7039||bgcolor="6C6960" |   |RAL7040||bgcolor="9DA1AA" |   |RAL7042||bgcolor="8D948D" |   |RAL7043||bgcolor="4E5452" |   |-|RAL7044||bgcolor="CAC4B0" |   |RAL7045||bgcolor="909090" |   |RAL7046||bgcolor="82898F" |   |RAL7047||bgcolor="D0D0D0" |   |RAL7048||bgcolor="898176" |   |RAL8000||bgcolor="826C34" |   |-|RAL8001||bgcolor="955F20" |   |RAL8002||bgcolor="6C3B2A" |   |RAL8003||bgcolor="734222" |   |RAL8004||bgcolor="8E402A" |   |RAL8007||bgcolor="59351F" |   |RAL8008||bgcolor="6F4F28" |   |-|RAL8011||bgcolor="5B3A29" |   |RAL8012||bgcolor="592321" |   |RAL8014||bgcolor="~~45%~~382C1E"|  |RAL8015||bgcolor="633A34" |   |RAL8016||bgcolor="4C2F27" |   |RAL8017||bgcolor="45322E" |   |- | ~~<texcode>~~RAL8019||bgcolor="403A3A" |   |RAL8022||bgcolor="212121" |   |RAL8023||bgcolor="A65E2E" |   |RAL8024||bgcolor="79553D" |   |RAL8025||bgcolor="755C48" |   |RAL8028||bgcolor="4E3B31" |   |-|RAL8029||bgcolor="763C28" |   |RAL9001||bgcolor="FDF4E3" |   ~~\starttext~~|RAL9002||bgcolor="E7EBDA" |   ~~\startcolor[orange]~~|RAL9003||bgcolor="F4F4F4" |   ~~\input tufte~~|RAL9004||bgcolor="282828" |   ~~\stopcolor~~|RAL9005||bgcolor="0A0A0A" |   ~~\stoptext~~|-~~</texcode>~~|RAL9006||bgcolor="A5A5A5" |   |RAL9007||bgcolor="8F8F8F" |   |~~<context>~~RAL9010||bgcolor="FFFFFF" |   ~~\setupcolors[state~~|RAL9011||bgcolor=~~start]~~"1C1C1C" |   ~~\starttext~~|RAL9016||bgcolor="F6F6F6" |   ~~\startcolor[orange]~~|RAL9017||bgcolor="1E1E1E" |   ~~\input tufte~~|-~~\stopcolor~~|RAL9018||bgcolor="D7D7D7" |   ~~\stoptext~~|RAL9022||bgcolor="9C9C9C" |   ~~</context>~~|RAL9023||bgcolor="828282" |  

|}

== ~~In titles~~ Solarized colors ==

~~See~~ Colors based on the [~~[Titles#Using_colors_in_chapters_and_sections]~~http://ethanschoonover.com/solarized Solarized]color scheme by Ethan Schoonover.These are defined in {{src|colo-imp-solarized.mkiv}} and can be loaded using

~~== With frames ==~~<texcode>\usecolors[solarized]</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|-|base03||bgcolor="~~10%~~002b36"|  ~~! width~~|base02||bgcolor="073642" |  |base01||bgcolor="586e75" |  |base00||bgcolor="~~45%~~657b83"|  |- | ~~<texcode>~~base0||bgcolor="839496" |  |base1||bgcolor="93a1a1" |  |base2||bgcolor="eee8d5" |  ~~\framed[background~~|base3||bgcolor=~~color, backgroundcolor~~"fdf6e3" |  |-|yellow||bgcolor=~~green]{bla}~~"b58900" |  ~~\framed[background~~|orange||bgcolor=~~color, backgroundcolor~~"cb4b16" |  |red||bgcolor=~~yellow, corner~~"dc322f" |  |magenta||bgcolor=~~00]{bla}~~"d33682" |  ~~</texcode>~~|-|violet||bgcolor="6c71c4" |  |~~<context>~~blue||bgcolor="268bd2" |  ~~\setupcolors[state~~|cyan||bgcolor="2aa198" |  |green||bgcolor=~~start]~~"859900" |  |}

~~\starttext\framed[background~~=~~color, backgroundcolor~~=~~green]{bla}\framed[background~~SVG colors =~~color, backgroundcolor~~=~~yellow, corner=00]{bla}</context>~~|}

~~== Background of~~ Colors based on the ~~page ==~~[http://www.december.com/html/spec/colorsvghex.html SVG]spec. These are defined in {{src|colo-imp-svg.mkiv}} and can be loaded using

{| ~~! width="45%"|~~ ~~! width="10%"|~~ ~~! width="45%"|~~ |- | <texcode>\~~setupbackgrounds~~usecolors[~~page][background=color,backgroundcolor=blue~~svg]</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|-|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" |  ~~text~~|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" |  ~~\stoptext~~|yellow||bgcolor="FFFF00" |  ~~</texcode>~~|-|lightyellow||bgcolor="FFFFE0" |  |~~<context>~~ivory||bgcolor="FFFFF0" |  ~~\setupcolors[state~~|white||bgcolor=~~start]~~"FFFFFF" |  |}

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

~~\starttexttext\stoptext</context>~~|}== X11 colors ==

~~== Background of cells~~ [https://en.wikipedia.org/wiki/X11_color_names X11_color_names] defined in ~~tables ==~~{{src|colo-imp-x11.mkiv}}. These can be loaded using

~~See~~* <texcode>\usecolors[~~[Table#Background Colors]]~~* [[TABLE#Round_corners]x11]</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|-|snow||bgcolor="fffafa" |  |ghostwhite||bgcolor="f8f8ff" |  |whitesmoke||bgcolor="f5f5f5" |  |gainsboro||bgcolor="dcdcdc" |  |-|floralwhite||bgcolor="fffaf0" |  |oldlace||bgcolor="fdf5e6" |  |linen||bgcolor="faf0e6" |  |antiquewhite||bgcolor="faebd7" |  ~~and colored in TeX, if you want a label use~~|- ~~label(textext(~~|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 ~~RED~~||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="~~),origin)~~ 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" |  |}

~~== In TikZ ==~~The following additional colors are also defined.

{| ~~! width~~style="~~45%~~text-align: right; padding-right: 20px;"!|Name !! Color ! ~~width~~style="~~10%~~width: 100px;"|Name !! Color ! ~~width~~style="~~45%~~width: 100px;"|Name !! Color |- | ~~<texcode>~~darkgray||bgcolor="a8a8a8" |  ~~\usemodule[tikz]~~|darkblue||bgcolor="00008b" |   ~~\starttext\tikz\shade[ball color~~|darkcyan||bgcolor=~~red!40!yellow] (0,0) circle (.15cm)~~"008b8b" |  ~~\stoptext~~|-~~</texcode>~~|darkmagenta||bgcolor="8b008b" |  |darkred||~~<context>\setupcolors[state~~bgcolor=~~start]~~"8b000000" |  ~~\usemodule[tikz]\starttext\tikz\shade[ball color~~|darkgreen||bgcolor=~~red!40!yellow] (0,0) circle (.15cm)~~"006400" |  ~~\stoptext</context>~~

|}

=~~Spot colours~~= XWI Colors ==

~~To produce a~~ The colors are defined in {{src|colo-imp-xwi.mkiv}}. The name suggests that they were from some color file ~~ready for~~ distributed as part of the [https://en.wikipedia.org/wiki/X_Window_System X_Window_System]. These are a ~~clean PDF separation process at your print house~~subset of the X11 colors, shown earlier. To load these colors, ~~start with~~use:

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

~~which will set things up for spot~~ This loads the following additional colors ~~with CMYK allowed. The last setting ensures that~~ : {| 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 ~~overprinting your spot colour tints will not knock out the colour~~ ||bgcolor="#000000"| |blanchedalmond||bgcolor="#FFEACC"| |-|blue||bgcolor="#0000FF"| |blueviolet||bgcolor="#892BE2"| |brown||bgcolor="#A52828"| |burlywood||bgcolor="#DDB787"| |-|cadetblue||bgcolor="#5E9EA0"| |chartreuse||bgcolor="#7FFF00"| |chocolate||bgcolor="#D1681E"| |coral||bgcolor="#FF7F4F"| |-|cornflowerblue||bgcolor="#6393ED"| |cornsilk||bgcolor="#FFF7DB"| |cyan||bgcolor="#00FFFF"| |darkgoldenrod||bgcolor="#B7870A"| |-|darkgreen||bgcolor="#006300"| |darkkhaki||bgcolor="#BCB76B"| |darkolivegreen||bgcolor="#546B2D"| |darkorange||bgcolor="#FF8C00"| |-|darkorchid||bgcolor="#9933CC"| |darksalmon||bgcolor="#E8967A"| |darkseagreen||bgcolor="#8EBC8E"| |darkslateblue||bgcolor="#473D8C"| |-|darkturquoise||bgcolor="#00CED1"| |darkviolet||bgcolor="#9300D3"| |deeppink||bgcolor="#FF1493"| |deepskyblue||bgcolor="#00BFFF"| |-|dodgerblue||bgcolor="#1E8EFF"| |firebrick||bgcolor="#B22121"| |floralwhite||bgcolor="#FFF9EF"| |forestgreen||bgcolor="#218C21"| |-|gainsboro||bgcolor="#DBDBDB"| |ghostwhite||bgcolor="#F7F7FF"| |gold||bgcolor="#FFD600"| |goldenrod||bgcolor="#D8A521"| |-|green||bgcolor="#00FF00"| |greenyellow||bgcolor="#ADFF2D"| |honeydew||bgcolor="#EFFFEF"| |hotpink||bgcolor="#FF68B5"| |-|indianred||bgcolor="#CC5B5B"| |ivory||bgcolor="#FFFFEF"| |khaki||bgcolor="#EFE58C"| |lavender||bgcolor="#E5E5F9"| |-|lavenderblush||bgcolor="#FFEFF4"| |lawngreen||bgcolor="#7CFC00"| |lemonchiffon||bgcolor="#FFF9CC"| |lightblue||bgcolor="#ADD8E5"| |-|lightcoral||bgcolor="#EF7F7F"| |lightcyan||bgcolor="#E0FFFF"| |lightgoldenrod||bgcolor="#EDDD82"| |lightgoldenrodyellow||bgcolor="#F9F9D1"| |-|lightpink||bgcolor="#FFB5C1"| |lightsalmon||bgcolor="#FFA07A"| |lightseagreen||bgcolor="#21B2AA"| |lightskyblue||bgcolor="#87CEF9"| |-|lightslateblue||bgcolor="#8470FF"| |lightsteelblue||bgcolor="#AFC4DD"| |lightyellow||bgcolor="#FFFFE0"| |limegreen||bgcolor="#33CC33"| |-|linen||bgcolor="#F9EFE5"| |magenta||bgcolor="#FF00FF"| |maroon||bgcolor="#AF3060"| |mediumaquamarine||bgcolor="#66CCAA"| |-|mediumblue||bgcolor="#0000CC"| |mediumorchid||bgcolor="#BA54D3"| |mediumpurple||bgcolor="#9370DB"| |mediumseagreen||bgcolor="#3DB270"| |-|mediumslateblue||bgcolor="#7A68ED"| |mediumspringgreen||bgcolor="#00F999"| |mediumturquoise||bgcolor="#47D1CC"| |mediumvioletred||bgcolor="#C61484"| |-|midnightblue||bgcolor="#191970"| |mintcream||bgcolor="#F4FFF9"| |mistyrose||bgcolor="#FFE2E0"| |moccasin||bgcolor="#FFE2B5"| |-|navajowhite||bgcolor="#FFDDAD"| |navy||bgcolor="#00007F"| |navyblue||bgcolor="#00007F"| |oldlace||bgcolor="#FCF4E5"| |-|olivedrab||bgcolor="#6B8E23"| |orange||bgcolor="#FFA500"| |orangered||bgcolor="#FF4400"| |orchid||bgcolor="#D870D6"| |-|palegoldenrod||bgcolor="#EDE8AA"| |palegreen||bgcolor="#99F999"| |paleturquoise||bgcolor="#AFEDED"| |palevioletred||bgcolor="#DB7093"| |-|papayawhip||bgcolor="#FFEFD6"| |peachpuff||bgcolor="#FFD8BA"| |peru||bgcolor="#CC843F"| |pink||bgcolor="#FFBFCC"| |-|plum||bgcolor="#DDA0DD"| |powderblue||bgcolor="#AFE0E5"| |purple||bgcolor="#A021EF"| |red ||bgcolor="#FF0000"| |-|rosybrown||bgcolor="#BC8E8E"| |royalblue||bgcolor="#3F68E0"| |saddlebrown||bgcolor="#8C4411"| |salmon||bgcolor="#F97F72"| |-|sandybrown||bgcolor="#F4A360"| |seagreen||bgcolor="#2D8C56"| |seashell||bgcolor="#FFF4ED"| |sienna||bgcolor="#A0512D"| |-|skyblue||bgcolor="#87CEEA"| |slateblue||bgcolor="#6B59CC"| |snow||bgcolor="#FFF9F9"| |springgreen||bgcolor="#00FF7F"| |-|steelblue||bgcolor="#4482B5"| |tan ||bgcolor="#D1B58C"| |thistle||bgcolor="#D8BFD8"| |tomato||bgcolor="#FF6347"| |-|turquoise||bgcolor="#3FE0D1"| |violet||bgcolor="#ED82ED"| |violetred||bgcolor="#D1218E"| |wheat||bgcolor="#F4DDB2"| |- ~~this is important for some types of commercial printing.~~|white||bgcolor="#FFFFFF"| |whitesmoke||bgcolor="#F4F4F4"| |yellow||bgcolor="#FFFF00"| |yellowgreen||bgcolor="#99CC33"| |}

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

~~<cmd>definecolor</cmd><tt>[PantoneTwoNineFour][c=1~~In addition to the above,m=there are other pre-defined colors.~~56,y=0,k=.18]</tt>~~

~~Now you can define the tints of this ink that you are actually going to use in your document~~{| class="wikitable"|-| ema || <code>\usecolors[ema]</code>| {{src|colo-imp-ema. ~~Let's say you'll have a 100% for headings:~~mkiv}} || 549 Emacs colors|}

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

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

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

~~And now you can happily use these named colours~~A color defined in TeX is available in MetaPost using `\MPcolor{...}` or in LuaMetaFun simply the name in quotation marks. For example:

{||-|<texcode>\definecolor[highlight][r=0.8,g=0.8,b=0]

\starttext

\color[~~MyBlue~~highlight]{~~Interesting~~Highlighted text in TeX} \startMPcodelabel("Highlighted text in MetaPost", origin) withcolor \MPcolor{highlight};\~~stoptext~~stopMPcode

</texcode>

|<context mode=mkiv>

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

\color[highlight]{Highlighted text in TeX}

\startMPcode

label("Highlighted text in MetaPost", origin)

withcolor \MPcolor{highlight};

\stopMPcode

</context>

|}

~~If you are including graphics made by an external program, you might want~~ Note that `\MPcolor{...}` behaves similar to ~~match the colour name used~~ a `color` primitive in MetaPost. For example, the ~~graphic with the colour name in your '''ConTeXt''' set-up so that only one colour space~~ following is ~~used in the final file~~valid MetaPost code.<texcode>color myColor; myColor = 0. ~~Unfortunately Pantone names and others tend to have spaces and numbers in them~~5[\MPcolor{highlight}, ~~so you need to do some extra work.~~white];</texcode>

~~==Using the 'e' key to \definespotcolor to specify a spot colour name with spaces==~~For more further reading: [[Color in MetaPost]].

~~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:~~== Testing if color is defined ==

~~<texcode>% set up the cmyk fallbacks\definecolor~~ ~~[PantoneThreeZeroEight]~~ ~~[c=1~~To test if a color is defined,~~m=.05,y=0,k=.47]~~use

~~\definecolor~~* {{cmd|doifcolor}} ~~[PantoneTwoNineEight]~~ ~~[c=.69,m=.07,y=0,k=0]~~* {{cmd|doifcolorelse}}

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

<texcode>\~~definespotcolor~~doifcolor{color-name}{... if branch ... } ~~[LightBlue]~~ ~~[PantoneTwoNineEight]~~ ~~[p=1,e=PANTONE 298 CV]~~\doifcolorelse{color-name}{... if branch ...}{... else branch ...}

</texcode>

~~(Tested only on minimal Linux distribution dated 8 May 2010 - can others confirm this~~

~~to be true across the board now?)~~

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

= Viewing pre-defined color = == View all defined colors == To view pre-defined colors, you can use {{cmd|showcolor}}. For example, ~~if your original graphic is an EPS file containing~~ to see all the ~~following lines:~~colors defined in {{src|colo-imp-x11.mkiv}}, use (output truncated for display here ...)

~~%%DocumentCustomColors: (PANTONE 298 CV)~~{| ~~%%+ (PANTONE 308 CV)~~|- ~~%%CMYKCustomColor: 0.69 0.07 0 0 (PANTONE 298 CV)~~|<texcode>\showcolor[x11]</texcode> ~~%%+ 1 0.05 0 0.47 (PANTONE 308 CV)~~|<context mode=mkiv>\startTEXpage[height=5cm]\showcolor[x11]\stopTEXpage</context>|}

~~and~~ If you ~~convert this to a PDF using <tt>ps2pdf</tt> for inclusion in your '''ConTeXt''' document your PDF graphic will then contain something like:~~use {{cmd|showcolor}} without any argument, all currently defined colors are shown.

~~<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>~~== View specific defined colors ==

~~Note how~~ To view the ~~space characters in the colour name are now encoded as '#20'~~components of a defined color, ~~but the colour names are essentially identical between the original EPS graphic, the new PDF graphic and your text.~~you can use:

~~A good way of testing colour separation if you don't have access to expensive pre~~* {{cmd|showcolorcomponents}}<texcode>\showcolorcomponents[color-~~flight PDF validation tools is to use the following GhostScript command:~~1, color-2]</texcode>

~~gs \~~ ~~-dBATCH \~~ ~~-dNOPAUSE \~~ ~~-sDEVICE=tiffsep \~~ ~~-dDOINTERPOLATE \~~ ~~-dTextAlphaBits=4 \~~ ~~-dGraphicsAlphaBits=4 \~~ ~~-sOutputFile=output.tif \~~ ~~-r120 \~~ ~~-MaxSeparations=8 \~~ ~~input.pdf~~For example,

~~This renders a PDF file~~ {| |-|<tttexcode>~~input.pdf~~\showcolorcomponents[red,middlered,darkred]</tttexcode> ~~as a set of TIFF files:~~|<context mode=mkiv>\showcolorcomponents[red,middlered,darkred]</context>|}

~~output.tif - Composite including CMYK approximations to spot colours~~* {{cmd|colorcomponents}} ~~output.tif.Black.tif - K channel~~* {{cmd|transparencycomponents}} ~~output.tif.Cyan.tif - C channel~~* {{cmd|processcolorcomponents}} ~~output.tif.Magenta.tif~~ <texcode>\colorcompoents{defined- ~~M channel~~color} ~~output.tif.Yellow.tif~~ \tranparencycomponents{defined- ~~Y channel~~color} ~~output.tif.s0.tif~~ \processcolorcomponents{defined- ~~Pantone 308 CV~~color} ~~output.tif.s1.tif - Pantone 298 CV~~</texcode>

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

~~Hans posted this example about spot~~ = Tips and ~~multitone colors on the mailinglist (2012-05-07).The interface has slightly changed in comparison to older versions. It is important to define the colorants as spot colors first (\definespotcolor).~~Tricks =

~~<texcode>\definecolor [xcyan] [c~~=1]~~\definecolor [xmagenta][m~~=1]~~\definecolor [xyellow] [y~~Calculating RGB Values ==1]

~~\definespotcolor [scyan] [xcyan] [p=1]\definespotcolor [smagenta][xmagenta][p=1]\definespotcolor [syellow] [xyellow] [p=1]~~An example of how to use LMTX to calculate RGB values is the following:

~~\definemultitonecolor[scombi] [xcyan=.2,xmagenta=.4~~<texcode>% Use a color picker to get red,~~xyellow=.6][c~~green and blue values of a color:% Example: RAL 2005: red =.2255,mgreen =.435,yblue =~~.6]~~1% Create variables from the values:

\~~startTEXpage~~ ~~\hbox \bgroup~~ ~~\blackrule~~setvariables[~~color=scyan, width=1cm,height=1cm,depth=0cm~~ColorName]% ~~\blackrule~~[~~color=smagenta,width=1cm,height=1cm,depth=0cm]%~~ ~~\blackrule[color=syellow, width=1cm,height=1cm,depth=0cm]%~~ ~~\blackrule[color=scombi, width~~r=~~1cm~~255,~~height~~g=~~1cm~~35,~~depth~~b=~~0cm~~1]% ~~\egroup\stopTEXpage</texcode>(The CMYK color spec is the fall back color used on screen; one can preview separations in full Acrobat 7.)~~

~~=Colorizing Grayscale Pictures=~~% Do some magic:

~~Another sample by Hans (mailing list 2005-11-16) demonstrates a lot of different possibilities:~~\usemodule[mathfun]

~~<texcode>\setuplayout[header=0pt,footer=0pt,width=middle,height=middle,backspace=1cm,topspace=1cm]\setupcolors[state=start]~~% 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>

= ~~References~~ Further reading and specialized topics =

~~See "~~* [[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 ~~and Background"~~ Harmony. Rockport Publishers (2004). ISBN 978-1592530311 (recommended in the ~~manual~~mailing list)

[[Category:Color]]

[[Category:Graphics]]

Hraban

gardener, Interface administrators, Administrators

1,542

edits

Changes

Color (view source)

Revision as of 14:27, 30 July 2023

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

Main

Navigation

Indexes

Interaction

Tools