Changes

Jump to navigation Jump to search
8,662 bytes added ,  05:00, 18 September 2018
m
no edit summary
< {{Color navbox}}  ConTeXt supports two color models: [http://en.wikipedia.org/wiki/RGB_color_model RGB] (typically used for screen display) and [Visuals]http://en.wikipedia.org/wiki/CMYK_color_model CMYK] | [(typically used for printing). There is also support for [Graphics]http://en.wikipedia.org/wiki/Spot_color spot colors] >(typically used for offset printing) and transparencies.
= Enabling colors Before you start ... =
In current versions (newer than 111.05It is usually a bad style to use explicit color switches in the text.2009) It is better to define a semantic command that takes care of ConTeXt mkivthe color switching. For example, instead of using <code>\color[red]{important text}</code>, colors are enabled by defaultdefine<texcode>\definehighlight[important][color=red]</texcode>and then use <code>\important{important text}</code> in the text.
In older versions2. Colors are not enabled by default in MkII. To enabled colors in MkII, colors must be enabled usinguse {{cmd|setupcolors}}<tttexcode>\setupcolors[state=start]</tttexcode>
3. To disable colors in a document, use<texcode>\setupcolors[state= Defining Colors =stop]</texcode>
== Choosing a color model =Basic Usage =
* RGB and CMYK are enabled by default. If you want only RGB or only CMYK color, use <tt>cmyk=no</tt> or <tt>rgb=no</tt>. Multitone colors see below.
* For spot colors, say spot=yes. To eliminate everything except spot colours, leaving a clean file for professional printing, accompany this with rgb=no,cmyk=no. See spot colours below for more details.
* Normally all colors are defined in RGB ''and'' CMYK and get converted if needed.
To color text, use
== Using predefined colors: <texcode>\color[defined-color]{{cmd|setupcolor}... text ... } ==</texcode>
Colors have identifiers, some of which are grouped in more or lesswidely known sets. The primary example of these possibly are the[http://www.w3.org/TR/2002/WD-css3-color-20020219/#x11-color named colors of the X Windowing System],a set of RGB vectors.With the growth of the WWW this list of definitions eventually achievedthe rank of the default ''Web colors''.For convenience the X11 colors, along with a couple others, arepre-defined in Context in the form of a loadable module.
''NB'': there are two sets representing the web colors:<code>xwi</code> and <code>x11</codetexcode>\startcolor[defined-color] ... text .. The main difference between themis that the latter defines variations for many keywords.For instance, instead of having only one color ''deepskyblue'' with<code>xwi\stopcolor</code>, you get another four colors ''deepskyblue1'',''deepskyblue2'' ''deepskyblue3'' and ''deepskyblue4'' with the<codetexcode>x11</code> set.(Another technical aspect is that the latter are specified usinghexadecimal RGB values whereas the former rely on decimal values.)
To use them and any of the others listed below, pass the respectivedefinition identifier to where <code>defined-color</code> is a color defined using {{cmd|setupcolordefinecolor}}. For example, <code>red</code> is one of the predefined colors. So, we can use:
{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>Three \setupcolorcolor[x11red]{cool} cats
</texcode>
|
|<context mode=mkiv>
\starttext
Three \color[red]{cool} cats
\stoptext
</context>
|}
The macro {{cmd|showcolor}} pretty prints a the list of all namedcolors in a definition set.or
<context mode{| ! width="mkiv45%" source| ! width="yes10%" text| ! width="yields several pages of this:45%"| |- | <texcode>\showcolorstarttext\startcolor[rgbred]\input tufte\stopcolor\stoptext</texcode>||<context mode=mkiv>\setuppapersize[A5]\starttext\startcolor[red]\input tufte\stopcolor\stoptext
</context>
|}
=== MkIV ===It is also possible to use RGB or CMYK or hex values to color text. The syntax for these is<texcode>\colored[settings]{... text ...}</texcode>where <code>settings</code> are the same settings as used by {{cmd|definecolor}}. For example:
The definitions reside in the files prefixed <code>colo-imp-</code>, to
separate them from the color functionality that is implemented in
<code>colo-xxx.mkiv</code>.
{|
! id width="45%"| !width="10%"| ! source width="45%"| |- | <texcode>Three \colored[r=0.1, g=0.8, b=0.8]{colorful} cats</texcode>||<context mode=mkiv>\starttextThree \colored[r=0.1, g=0.8, b=0.8]{colorful} cats\stoptext</context>|}  '''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.  = Pre-defined colors =  == Default pre-defined colors == The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).  {| style="text-align: right; padding-right: 20px;"!| Name ! description! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color
|-
| rgb black|| {{srcbgcolor="#000"|colo-imp-rgb.mkiv}} &nbsp;|white| some simple colors, loaded by default (with translations for the different interface languages!)|bgcolor="#FFF"| &nbsp;
|-
| xwi gray|| {{srcbgcolor="#E6E6E6"| &nbsp;|lightgray||bgcolor="#D6D6D6"| &nbsp; |middlegray||bgcolor="#B9B9B9"| &nbsp; |darkgray||bgcolor="#999999"| &nbsp; |colo-imp-xwi.mkiv}}| Xorg color keywords (WWW), defined in decimal RGBred||bgcolor="#FF0000"| &nbsp;|lightred||bgcolor="#FF0000"| &nbsp; |middlered||bgcolor="#CC0000"| &nbsp; |darkred||bgcolor="#990000"| &nbsp;
|-
| x11 green|| {{srcbgcolor="#00FF00"|colo-imp-x11.mkiv}}&nbsp;| extended Xorg color keywords (WWW), defined in hex RGBlightgreen||bgcolor="#00FF00"| &nbsp; |middlegreen||bgcolor="#00CC00"| &nbsp; |darkgreen||bgcolor="#009900"| &nbsp;
|-
| ema blue|| {{srcbgcolor="#0000FF"|colo-imp-ema.mkiv}} &nbsp;|lightblue| Emacs colors|bgcolor="#0000FF"| &nbsp; |middleblue||bgcolor="#0000CC"| &nbsp; |darkblue||bgcolor="#000099"| &nbsp;
|-
| dem cyan|| {{srcbgcolor="#00FFFF" | &nbsp;| &nbsp; ||bgcolor=| &nbsp; |middlecyan||bgcolor="#00CCCC" | &nbsp;|darkcyan||bgcolor="#006666" | &nbsp;|colo-imp|magenta||bgcolor="#FF00FF" | &nbsp;| &nbsp; ||bgcolor=| &nbsp; |middlemagenta||bgcolor="CC00CC" | &nbsp;|darkmagenta||bgcolor="660066" | &nbsp;|-dem.mkiv}}| color groups and palets for different language interfacesyellow||bgcolor="#FFFF00" | &nbsp;| &nbsp; ||bgcolor=| &nbsp; |middleyellow||bgcolor="CCCC00" | &nbsp;|darkyellow||bgcolor="666600" | &nbsp; 
|}
=== MkII =X11 Colors == In addition to the above basic color, ConTeXt also includes a definition of the [http://www.w3.org/TR/2002/WD-css3-color-20020219/#x11-color X11 colors]. To load this list ({{src|colo-imp-xwi.mkiv}}), use <texcode>\usecolors[xwi]</texcode> This loads the following additional colors:
You will find lists of predefined colors in the files<tt>colo{| style="text-align: right; padding-xxx.mkii</tt>, load them withright: 20px;"{{cmd!|setupcolor}}<tt>[xxx]</tt>.Name !! Color {!style="width: 80px;"|Name !! Color ! id style="width: 100px;"| Name !!Color ! source style="width: 100px;"| Name !! descriptionColor|-|-|aliceblue||bgcolor="#EFF7FF"|&nbsp;|antiquewhite||bgcolor="#F9EAD6"|&nbsp;|aquamarine||bgcolor="#7FFFD3"|&nbsp;|azure||bgcolor="#EFFFFF"|&nbsp;|-|beige||bgcolor="#F4F4DB"|&nbsp;|bisque||bgcolor="#FFE2C4"|&nbsp;|black||bgcolor="#000000"|&nbsp;|blanchedalmond||bgcolor="#FFEACC"|&nbsp;|-|blue||bgcolor="#0000FF"|&nbsp;|blueviolet||bgcolor="#892BE2"|&nbsp;|brown||bgcolor="#A52828"|&nbsp;|burlywood||bgcolor="#DDB787"|&nbsp;|-|cadetblue||bgcolor="#5E9EA0"|&nbsp;|chartreuse||bgcolor="#7FFF00"|&nbsp;|chocolate||bgcolor="#D1681E"|&nbsp;|coral||bgcolor="#FF7F4F"|&nbsp;|-|cornflowerblue||bgcolor="#6393ED"|&nbsp;|cornsilk||bgcolor="#FFF7DB"|&nbsp;|cyan||bgcolor="#00FFFF"|&nbsp;|darkgoldenrod||bgcolor="#B7870A"|&nbsp;|-|darkgreen||bgcolor="#006300"|&nbsp;|darkkhaki||bgcolor="#BCB76B"|&nbsp;|darkolivegreen||bgcolor="#546B2D"|&nbsp;|darkorange||bgcolor="#FF8C00"|&nbsp;|-|darkorchid||bgcolor="#9933CC"|&nbsp;|darksalmon||bgcolor="#E8967A"|&nbsp;|darkseagreen||bgcolor="#8EBC8E"|&nbsp;|darkslateblue||bgcolor="#473D8C"|&nbsp;|-|darkturquoise||bgcolor="#00CED1"|&nbsp;|darkviolet||bgcolor="#9300D3"|&nbsp;|deeppink||bgcolor="#FF1493"|&nbsp;|deepskyblue||bgcolor="#00BFFF"|&nbsp;|-|dodgerblue||bgcolor="#1E8EFF"|&nbsp;|firebrick||bgcolor="#B22121"|&nbsp;|floralwhite||bgcolor="#FFF9EF"|&nbsp;|forestgreen||bgcolor="#218C21"|&nbsp;|-|gainsboro||bgcolor="#DBDBDB"|&nbsp;|ghostwhite||bgcolor="#F7F7FF"|&nbsp;|gold||bgcolor="#FFD600"|&nbsp;|goldenrod||bgcolor="#D8A521"|&nbsp;|-|green||bgcolor="#00FF00"|&nbsp;|greenyellow||bgcolor="#ADFF2D"|&nbsp;|honeydew||bgcolor="#EFFFEF"|&nbsp;|hotpink||bgcolor="#FF68B5"|&nbsp;|-|indianred||bgcolor="#CC5B5B"|&nbsp;|ivory||bgcolor="#FFFFEF"|&nbsp;|khaki||bgcolor="#EFE58C"|&nbsp;|lavender||bgcolor="#E5E5F9"|&nbsp;|-|lavenderblush||bgcolor="#FFEFF4"|&nbsp;|lawngreen||bgcolor="#7CFC00"|&nbsp;|lemonchiffon||bgcolor="#FFF9CC"|&nbsp;|lightblue||bgcolor="#ADD8E5"|&nbsp;|-|lightcoral||bgcolor="#EF7F7F"|&nbsp;|lightcyan||bgcolor="#E0FFFF"|&nbsp;|lightgoldenrod||bgcolor="#EDDD82"|&nbsp;|lightgoldenrodyellow||bgcolor="#F9F9D1"|&nbsp;|-|lightpink||bgcolor="#FFB5C1"|&nbsp;|lightsalmon||bgcolor="#FFA07A"|&nbsp;|lightseagreen||bgcolor="#21B2AA"|&nbsp;|lightskyblue||bgcolor="#87CEF9"|&nbsp;|-|lightslateblue||bgcolor="#8470FF"|&nbsp;|lightsteelblue||bgcolor="#AFC4DD"|&nbsp;|lightyellow||bgcolor="#FFFFE0"|&nbsp;|limegreen||bgcolor="#33CC33"|&nbsp;|-|linen||bgcolor="#F9EFE5"|&nbsp;|magenta||bgcolor="#FF00FF"|&nbsp;|maroon||bgcolor="#AF3060"|&nbsp;|mediumaquamarine||bgcolor="#66CCAA"|&nbsp;|-|mediumblue||bgcolor="#0000CC"|&nbsp;|mediumorchid||bgcolor="#BA54D3"|&nbsp;|mediumpurple||bgcolor="#9370DB"|&nbsp;|mediumseagreen||bgcolor="#3DB270"|&nbsp;|-|mediumslateblue||bgcolor="#7A68ED"|&nbsp;|mediumspringgreen||bgcolor="#00F999"|&nbsp;|mediumturquoise||bgcolor="#47D1CC"|&nbsp;|mediumvioletred||bgcolor="#C61484"|&nbsp;|-|midnightblue||bgcolor="#191970"|&nbsp;|mintcream||bgcolor="#F4FFF9"|&nbsp;|mistyrose||bgcolor="#FFE2E0"|&nbsp;|moccasin||bgcolor="#FFE2B5"|&nbsp;|-|navajowhite||bgcolor="#FFDDAD"|&nbsp;|navy||bgcolor="#00007F"|&nbsp;|navyblue||bgcolor="#00007F"|&nbsp;|oldlace||bgcolor="#FCF4E5"|&nbsp;|-|olivedrab||bgcolor="#6B8E23"|&nbsp;|orange||bgcolor="#FFA500"|&nbsp;|orangered||bgcolor="#FF4400"|&nbsp;|orchid||bgcolor="#D870D6"|&nbsp;|-|palegoldenrod||bgcolor="#EDE8AA"|&nbsp;|palegreen||bgcolor="#99F999"|&nbsp;|paleturquoise||bgcolor="#AFEDED"|&nbsp;|palevioletred||bgcolor="#DB7093"|&nbsp;|-|papayawhip||bgcolor="#FFEFD6"|&nbsp;|peachpuff||bgcolor="#FFD8BA"|&nbsp;|peru||bgcolor="#CC843F"|&nbsp;|pink||bgcolor="#FFBFCC"|&nbsp;|-|plum||bgcolor="#DDA0DD"|&nbsp;|powderblue||bgcolor="#AFE0E5"|&nbsp;|purple||bgcolor="#A021EF"|&nbsp;|red ||bgcolor="#FF0000"|&nbsp;|-|rosybrown||bgcolor="#BC8E8E"|&nbsp;|royalblue||bgcolor="#3F68E0"|&nbsp;|saddlebrown||bgcolor="#8C4411"|&nbsp;|salmon||bgcolor="#F97F72"|&nbsp;
|-
| rgb sandybrown|| {{srcbgcolor="#F4A360"|colo-rgb.mkii}} &nbsp;|seagreen| some simple colors, loaded by default (with translations for the different interface languages!)|bgcolor="#2D8C56"|&nbsp;|seashell||bgcolor="#FFF4ED"|&nbsp;|sienna||bgcolor="#A0512D"|&nbsp;
|-
| x11 skyblue|| {{srcbgcolor="#87CEEA"|colo-x11.mkii}} &nbsp;|slateblue| Xorg-colors (hex)|bgcolor="#6B59CC"|&nbsp;|snow||bgcolor="#FFF9F9"|&nbsp;|springgreen||bgcolor="#00FF7F"|&nbsp;
|-
| xwi steelblue|| {{srcbgcolor="#4482B5"|colo-xwi.mkii}} &nbsp;|tan | Xorg-colors (decimal)|bgcolor="#D1B58C"|&nbsp;|thistle||bgcolor="#D8BFD8"|&nbsp;|tomato||bgcolor="#FF6347"|&nbsp;
|-
| pra turquoise|| {{srcbgcolor="#3FE0D1"|&nbsp;|violet|colo-???.mkii|linkbgcolor=no}}"#ED82ED"|&nbsp;| PRAGMA ADE corporate design (not included in the distribution?)violetred||bgcolor="#D1218E"|&nbsp;|wheat||bgcolor="#F4DDB2"|&nbsp;
|-
| ema white|| {{srcbgcolor="#FFFFFF"|colo-ema.mkii}} &nbsp;|whitesmoke| Emacs colors|bgcolor="#F4F4F4"|&nbsp;|yellow||bgcolor="#FFFF00"|&nbsp;|yellowgreen||bgcolor="#99CC33"|&nbsp;
|}
=== Alternatives =Additional pre-defined colors ==
You can generate an alternative definition set based on In addition to the results above, there are two other sets ofpre-defined colors.  the {| class="wikitable"| x11 || <code>\usecolors[http:x11]<//blog.xkcd.com/2010/05/03/colorcode>| {{src|colo-surveyimp-results/ xkcd x11.mkiv}}| 658 extended Xorg color survey]keywords (WWW), defined in hex RGBwith the|-| crayola || <code>\usecolors[https:crayola] <//bitbucketcode> | {src|colo-imp-crayola.orgmkiv} || 235 Crayola (Binney & Smith) colors|-| ema || <code>\usecolors[ema]</phg/xcscode>| {{src|colo-imp-ema.mkiv}} || 549 Emacs colors |-| RAL || <code>xcs\usecolors[ral]</code>| {{src|colo-colorsimp-ral.luamkiv}} || 213 RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)|-| Solarized || <code>\usecolors[solarized]</code> script]| {{src|colo-imp-solarized.mkiv}} || 16 solarized colors |}
== Defining colors: {{cmd|definecolor}} ==
{{cmd|definecolor}}<tt>[blablue][r=.1, gDefining New Colors =.1, b=1, c=1, m=.1, y=0, k=0, s=.2]</tt> (definition for RGB, CMYK and Grey!).See also [[Command/definecolor]].
New colors may be defined in the following ways
{| ! widthclass="45%wikitable"| ! width="10%"|Name !! Sytanx (and Example) !! Explanation ! width="45%"|- |-RGB color model | <texcode>\definecolor[...][r=..., g=..., b=...]</texcode>For example,<texcode>\definecolor[blabluelime][r=0.2575, 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 color model|<texcode>\definecolor[...][h=.., s=.., v=..]</texcode> For example,<texcode>\definecolor[lime][h=75, s=1, yv=1] This is \color[lime]{a new color}that we defined</texcode>| The value for <code>h</code> is between <code>0</code> and <code>360</code>; the values for <code>s</code>, <code>v</code> are floating point numbers between <code>0</code> and <code>1</code>. |-| Hex| <texcode>\definecolor[...][h=...]</texcode> For example, k<texcode>\definecolor[lime][h=0BFFF00] 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=.2..]</texcode> For example,<texcode>\definecolor[screen][g=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).|}
Here'''Note''': The key-values are overloaded. For example, <code>h</code> is used for both HSV model and Hex model; <code>s some \color[blablue]{blue text} inbetween!</texcodecode>|| is used for both HSV model and grayscale model. The distinction is made based on the presence or absence of the <contextcode>\setupcolors[state=start]\definecolor[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, s=v</code> key.2]
Here's some \color[blablue]{blue text} inbetween!</context>|}== Cloning existing colors ==
=== Colors with Hexadecimal Numbers ===You can ''clone'' an existing color using<texcode>\definecolor[new-color][old-color]</texcode>
You can also use hexadecimal numers to specify colors. You need to load the '''hex''' color module first:For example
{|
! width="45%"|
! width="10%"|
! width="45%"|
|- | <texcode>\usecolors[xwi]\setupcolordefinecolor[highlight][hexyellow]\definecolordefineframed [salmonimportant] [hlocation=low, frame=off, background=color, backgroundcolor=AB5757highlightThis is a \important{important}word.
Hey, \colordefinecolor[salmonhighlight][lavenderblush]This is a \important{look at that!important}word.
</texcode>
|
|<contextmode=mkiv>\setupcolorsusecolors[state=startxwi]\setupcolordefinecolor[hexhighlight][yellow]\definecolordefineframed[salmonimportant][hlocation=AB5757low, frame=off, background=color, backgroundcolor=highlightThis is a \important{important}word.
Hey, \colordefinecolor[salmonhighlight][lavenderblush]This is a \important{look at that!important}word.
</context>
|}
== Adapting existing colors ==
{{todo | add details about this}}
=Choosing a color schemeAdvanced Usage 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 to be used (photographs, pictures, etc)# Create colors derived from those found in the objects to be used# Create a color scheme based on the message to convey / the psychological effects of color
See for additional help & reference:* [http://colorschemedesigner.com/ colorschemedesigner.com] - Useful site to help choose a == Changing 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)of entire document ==
To change the main text color of the document use
<texcode>\setupcolors[textcolor=Using Colors=defined-color]</texcode>
* Use the color name like <tt>[color=blablue]</tt> in some <tt>\setup...</tt> command. == With text == Typeset single text elements with {{cmd|color}}<tt>[colorname]{nice blue text}</tt>:For example,
{|
! width="10%"|
! width="45%"|
|- | <texcode>Three \color[red]{cool} cats</texcode>||<context>\setupcolors[statetextcolor=startblue]
\starttext
Three \color[red]{cool} catstext
\stoptext
</context>
|}
 
Alternatively, typeset text elements with {{cmd|colored}}<tt>[rgb values]{colored text}</tt> (suggested on NTG-ConTeXt: [http://www.ntg.nl/pipermail/ntg-context/2010/046563.html]):
 
{|
! width="45%"|
! width="10%"|
! width="45%"|
|-
| <texcode>
Three \colored[r=.4, g=.4, b=.9]{colorful} kittens.
</texcode>
|
|<contextmode=mkiv>\setupcolors[statetextcolor=startblue]
\starttext
Three \colored[r=.4, g=.4, b=.9]{colorful} kittens.text
\stoptext
</context>
|}
== Changing background color of page ==
 
The background color of the page can be changed using
<texcode>\setupbackgrounds[page][background=color,backgroundcolor=defined-color]</texcode>
Typeset longer sections with {{cmd|startcolor}}<tt>[colorname] ...</tt> {{cmd|stopcolor}}:
For example,
{|
! width="45%"|
|-
| <texcode>
\setuppapersize[A6A10]\setupbackgrounds[page][background=color,backgroundcolor=blue] 
\starttext
\startcolor[orange]\input tufte\stopcolortext
\stoptext
</texcode>
|
|<context>
\setuppapersize[A6A10]
\setupcolors[state=start]
 
\setupbackgrounds[page][background=color,backgroundcolor=blue]
 
\starttext
\startcolor[orange]\input tufte\stopcolortext
\stoptext
</context>
|}
== In titles ==
See [[Titles#Using_colors_in_chapters_and_sections]]
 == With frames Using colors in MetaPost == A color defined in TeX is available in MetaPost using `\MPcolor{...}`. For example:
{|
! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>\frameddefinecolor[highlight][backgroundr=color0.8,g=0.8, backgroundcolorb=green0]\starttext\color[highlight]{blaHighlighted text in TeX} \framed[background=colorstartMPcodelabel("Highlighted text in MetaPost", backgroundcolor=yellow, corner=00]origin) withcolor \MPcolor{blahighlight};\stopMPcode
</texcode>
||<contextmode=mkiv>\setupcolorsdefinecolor[highlight][stater=0.8,g=0.8,b=start0]\starttext\color[highlight]{Highlighted text in TeX}
\starttextstartMPcodelabel("Highlighted text in MetaPost", origin) withcolor \framed[background=color, backgroundcolor=green]MPcolor{blahighlight};\framed[background=color, backgroundcolor=yellow, corner=00]{bla}stopMPcode
</context>
|}
Note that `\MPcolor{...}` behaves similar to a `color` primitive in MetaPost. For example, the following is valid MetaPost code.<texcode>color myColor; myColor =0.5[\MPcolor{highlight}, white];</texcode>  = Background of the page = Using colors in TikZ ==
{| ! width="45%"| ! width="10%"| ! width="45%"| |Viewing pre- | <texcode>\setuppapersize[A10]\setupbackgrounds[page][background=defined color,backgroundcolor=blue]
\starttexttext\stoptext</texcode>||<context>\setuppapersize[A10]\setupcolors[state=start]= View all defined colors ==
\setupbackgrounds[page][background=colorTo view pre-defined colors,backgroundcolor=blue]you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{src|colo-imp-x11.mkiv}}, use (output truncated for display here ...)
\starttext{| text|-|<texcode>\stoptextshowcolor[x11]</texcode>|<context mode=mkiv>\startTEXpage[height=5cm]\showcolor[x11]\stopTEXpage</context>
|}
If you use {{cmd|showcolor}} without any argument, all currently defined colors are shown. == Background of cells in tables View specific defined colors == To view the components of a defined color, you can use:
See* [[Table#Background Colors]]{{cmd|showcolorcomponents}}* [<texcode>\showcolorcomponents[TABLE#Round_corners]color-1, color-2]</texcode>
== In Metapost ==For example,
Metapost in MkIV is different from MkII and all labels are typeset{| and colored in TeX|-|<texcode>\showcolorcomponents[red, if you want a label usemiddlered,darkred]</texcode> label(textext("|<context mode=mkiv>\blue RED")showcolorcomponents[red,origin) ;middlered,darkred]</context>|}
== In TikZ ==* {{cmd|colorcomponents}}* {{cmd|transparencycomponents}}* {{cmd|processcolorcomponents}}<texcode>\colorcompoents{defined-color}\tranparencycomponents{defined-color}\processcolorcomponents{defined-color}</texcode>
For example,
{|
! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>\usemodule[tikz]startlines\starttextcolorcomponents{red}\tikztransparencycomponents{red}\shade[ball color=processcolorcomponents{red!40!yellow] (0,0) circle (.15cm);}\stoptextstoplines
</texcode>
|
|<contextmode=mkiv>\setupcolors[state=start]startlines\usemodule[tikz]colorcomponents{red}\starttexttransparencycomponents{red}\tikz\shade[ball color=processcolorcomponents{red!40!yellow] (0,0) circle (.15cm);}\stoptextstoplines
</context>
|}
= Testing if color is defined =
 
To test if a color is defined, use
 
* {{cmd|doifcolor}}
* {{cmd|doifcolorelse}}
 
Usage:
 
<texcode>
\doifcolor{color-name}{... if branch ... }
\doifcolorelse{color-name}{... if branch ...}{... else branch ...}
</texcode>
 
= Specialized topics =
 
* [[Color/Palet|Color Palettes]]
* [[Color/Transparency|Transparency]]
* [[Color/Spot_Colors|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 navbox}}Harmony. Rockport Publishers (2004). ISBN 978-1592530311 (recommanded in the mailing list)  
{{Getting started navbox}}
 
[[Category:Graphics]]

Navigation menu