869
edits
Changes
Jump to navigation
Jump to search
m
< [[Visuals]] | [[Graphics]] > = Enabling colors = In current versions (newer than 11.05.2009) of ConTeXt mkiv, colors are enabled by default. In older versions, colors must be enabled using {{cmd|setupcolorsColor navbox}}<tt>[state=start]</tt> = Defining Colors = == Choosing a color model == * 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. == Transparency == Acrobat Reader might not render transparency using RGB in a PDF that is displayed on a monitor. If the colours do not appear correctly, add the following code: <code>\setupcolors[pagecolormodel=auto]</code> In Acrobat, when transparency is used, a different route is followed (at least in the past) when rendering. Rendering colorspaces might be adapted to the output medium so it's a combination of colorspace, monitor/paper, calibration, knockout/overprint, transparency groups, assumptions, and so forth. == Using predefined colors: {{cmd|setupcolor}} ==
Colors have identifiers, some of which are grouped in more or less
widely 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 achieved
the rank of the default ''Web colors''.
For convenience the X11 colors, along with a couple others, are
pre-defined in Context in the form of a loadable module.
''NB''ConTeXt supports two color models: there are two sets representing the web colors[http:<code>xwi</code> and <code>x11</code>en. The main difference between themis that the latter defines variations for many keywordswikipedia.For instance, instead of having only one color ''deepskyblue'' with<code>xwi<org/wiki/code>, you get another four colors ''deepskyblue1'',''deepskyblue2'' ''deepskyblue3'' RGB_color_model RGB] (typically used for screen display) and ''deepskyblue4'' with the<code>x11<[http://code> seten.wikipedia.org/wiki/CMYK_color_model CMYK] (Another technical aspect typically used for printing). There is that the latter are specified usinghexadecimal RGB values whereas the former rely on decimal valuesalso support for [http://en.wikipedia.org/wiki/Spot_color spot colors] (typically used for offset printing)and transparencies.
To use them and any of the others listed below, pass the respectivedefinition identifier to {{cmd|setupcolor}}:= Before you start ... =
The macro {{cmd|showcolor}} pretty prints a the list of all named2. Colors are not enabled by default in MkII. To enabled colors in a definition set.MkII, use<context mode="mkiv" source="yes" text="yields several pages of this:"texcode>\showcolorsetupcolors[rgbstate=start]</contexttexcode>
The definitions reside in the files prefixed <code>colo-imp-</code>, toseparate them from the color functionality that is implemented in<code>colo-xxx.mkiv</code>.= Basic Usage =
{|
! id !! source !! description
|-
| rgb || {{src|colo-imp-rgb.mkiv}} || some simple colors, loaded by default (with translations for the different interface languages!)
|-
| xwi || {{src|colo-imp-xwi.mkiv}}
| Xorg color keywords (WWW), defined in decimal RGB
|-
| x11 || {{src|colo-imp-x11.mkiv}}
| extended Xorg color keywords (WWW), defined in hex RGB
|-
| ema || {{src|colo-imp-ema.mkiv}} || Emacs colors
|-
| dem || {{src|colo-imp-dem.mkiv}}
| color groups and palets for different language interfaces
|}
=== MkII ===
You will find lists of predefined colors in the files
<tt>colo-xxx.mkii</tt>, load them with
{{cmd|setupcolor}}<tt>[xxx]</tt>.
{|
! id !! source !! description
|-
| rgb || {{src|colo-rgb.mkii}} || some simple colors, loaded by default (with translations for the different interface languages!)
|-
| x11 || {{src|colo-x11.mkii}} || Xorg-colors (hex)
|-
| xwi || {{src|colo-xwi.mkii}} || Xorg-colors (decimal)
|-
| pra || {{src|colo-???.mkii|link=no}}
| PRAGMA ADE corporate design (not included in the distribution?)
|-
| ema || {{src|colo-ema.mkii}} || Emacs colors
|}
=== Alternatives ===To color text, use
You can generate an alternative definition set based on the results ofthe <texcode>\color[http://blog.xkcd.com/2010/05/03/colordefined-survey-results/ xkcd color survey]with the[https://bitbucket{ ... text ..org/phg/xcs-colors <code>xcs-colors.lua}</codetexcode> script].
== Defining colors: {{cmd|definecolor}} ==or
{{cmd|definecolor}}<tttexcode>\startcolor[blabluedefined-color][r= ...1, g=text .1, b=1, c=1, m=.1, y=0, k=0, s=.2]\stopcolor</tttexcode> (definition for RGB, CMYK and Grey!).See also [[Command/definecolor]].
\definecolor[blablue][r=.25, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2] Here's some Three \color[blabluered]{blue textcool} inbetween!cats
=== Colors with Hexadecimal Numbers ===or
You can also use hexadecimal numers to specify colors. You need to load the '''hex''' color module first:
===Transparent Colors===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:
You can define '''transparent''' colors through setting t, e.g. <tt>t=0.5</tt>. 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.
\starttext
\startTEXpageThis is some sample text that goes behind the rectangles\hskip-8cm\blackrule[width=2cm,height=1cm,depth=1cm,color=solidyellow]\hskipDefault pre-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,heightdefined colors =2cm,color=solidyellow]\hskip2cm.\stopTEXpage
\stoptext</texcode>The following colors are pre-defined in ConTeXt (see {{src||<context>\setupcolors[state=start]\definecolor [transparentred] [r=1,t=colo-imp-rgb.5,a=1]\definecolor [transparentblue] [b=1,t=mkiv}}).5,a=1]\definecolor [solidyellow] [y=1,t=1,a=1]
\starttext
\startTEXpageThis is some sample {| style="text that goes behind the rectangles\hskip-8cmalign: right; padding-right: 20px;"\blackrule[!| Name !! Color !style="width: 80px;"| Name !! Color !style=2cm,height"width: 100px;"| Name !! Color !style=1cm,depth"width: 100px;"| Name !! Color|-|black||bgcolor=1cm,color"#000"| |white||bgcolor=solidyellow]\hskip"#FFF"| |-0.67cm\blackrule[width|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=2cm,height"#00FFFF" | | ||bgcolor=2cm,color| |middlecyan||bgcolor=transparentred]\hskip"#00CCCC" | |darkcyan||bgcolor="#006666" | |-0.67cm\blackrule[width|magenta||bgcolor=2cm,height"#FF00FF" | | ||bgcolor=1cm,depth| |middlemagenta||bgcolor=1cm,color"CC00CC" | |darkmagenta||bgcolor=transparentblue]\hskip"660066" | |-0.67cm\blackrule[width|yellow||bgcolor=2cm,height"#FFFF00" | | ||bgcolor=2cm,color| |middleyellow||bgcolor=solidyellow]\hskip2cm."CCCC00" | \stopTEXpage|darkyellow||bgcolor="666600" |
\stoptext
</context>
Very interesting feature, see also the manual and here on the wiki <texcode>\usecolors[[Commandxwi]</definecolor]]texcode>
There are three basic strategies to select color combinations for a particular design== Additional pre-defined colors ==
# Create a color scheme by picking several colors found within In addition to the objects to be used (photographsabove, pictures, etc)# Create there are two other sets of pre-defined 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:{| class="wikitable"* | x11 || <code>\usecolors[http:x11]<//colorschemedesignercode>| {{src|colo-imp-x11.com/ colorschemedesigner.com] - Useful site to help choose a mkiv}}| 658 extended Xorg color scheme keywords (WWW), defined in rgb color spacehex RGB|-| crayola || <code>\usecolors[crayola] </code> * Tina Sutton, Bride M Whelan: The Complete Color Harmony| {src|colo-imp-crayola. Rockport Publishers mkiv} || 235 Crayola (2004Binney & Smith)colors|-| ema || <code>\usecolors[ema]</code>| {{src|colo-imp-ema. ISBN 978mkiv}} || 549 Emacs colors|-| RAL || <code>\usecolors[ral]</code>| {{src|colo-imp-1592530311 ral.mkiv}} || 213 RAL color system (recommanded in the mailing listDeutsches Institut für Gütesicherung und Kennzeichnung)|-| Solarized || <code>\usecolors[solarized]</code>| {{src|colo-imp-solarized.mkiv}} || 16 solarized colors |}
* Use New colors may be defined in the color name like <tt>[color=blablue]</tt> in some <tt>\setup...</tt> command.following ways
Typeset single text elements with {{cmd|color}}'''Note''': The key-values are overloaded. For example, <code>h</code> is used for both HSV model and Hex model; <code>s</code> is used for both HSV model and grayscale model. The distinction is made based on the presence or absence of the <ttcode>[colorname]{nice blue text}v</ttcode>:key.
|- | <texcode>\usecolors[xwi]Three \definecolor[highlight][yellow]\defineframed [important] [location=low, frame=off, background=color, backgroundcolor=highlight] This is a \important{important}word. \definecolor[redhighlight][lavenderblush]This is a \important{coolimportant} catsword.
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]):== Adapting existing colors ==
Typeset longer sections with {{cmd|startcolor}}<tt>[colorname] ...</tt> {{cmd|stopcolor}}:For example,
|- | <texcode>\setuppapersizesetupcolors[A6textcolor=blue]
\startcolor[orange]\input tufte\stopcolortext
\startcolor[orange]\input tufte\stopcolortext
See The background color of the page can be changed using<texcode>\setupbackgrounds[page][Titles#Using_colors_in_chapters_and_sections]background=color,backgroundcolor=defined-color]</texcode>
== With frames ==
{|
! width="45%"|
! width="10%"|
! width="45%"|
|-
| <texcode>
\framed[background=color, backgroundcolor=green]{bla}
\framed[background=color, backgroundcolor=yellow, corner=00]{bla}
</texcode>
|
|<context>
\setupcolors[state=start]
\starttext
\framed[background=color, backgroundcolor=green]{bla}
\framed[background=color, backgroundcolor=yellow, corner=00]{bla}
</context>
|}
== Background of the page ==
== Background of cells in tables ==
See
* [[Table#Background Colors]]
* [[TABLE#Round_corners]]
== In Metapost ==
Metapost == Using colors in MkIV is different from MkII and all labels are typesetand colored in TeX, if you want a label use label(textext("\blue RED"),origin) ;MetaPost ==
== In TikZ ==A color defined in TeX is available in MetaPost using `\MPcolor{...}`. For example:
! width="45%"|- ! width="10%"|<texcode> ! width\definecolor[highlight][r=0.8,g=0.8,b=0]\starttext\color[highlight]{Highlighted text in TeX} \startMPcodelabel("45%Highlighted text in MetaPost"|, origin) withcolor \MPcolor{highlight};\stopMPcode |-</texcode> | <texcodecontext mode=mkiv>\usemoduledefinecolor[tikzhighlight][r=0.8,g=0.8,b=0]
|<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
{{* [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)
[[Category:Graphics]]
no edit summary
1. It is usually a bad style to use explicit color switches in the text. It is 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>
\setupcolordefinehighlight[x11important][color=red]
</texcode>
and then use <code>\important{important text}</code> in the text.
3. To disable colors in a document, use<texcode>\setupcolors[state=== MkIV ===stop]</texcode>
where <code>defined-color</code> is a color defined using {{cmd|definecolor}}. For example, <code>red</code> is one of the predefined colors. So, we can use:
{|
|-
| <texcode>
</texcode>
|
| <contextmode=mkiv>\setupcolors[state=start]starttext\definecolor[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2] Here's some Three \color[blabluered]{blue textcool} inbetween!cats\stoptext
</context>
|}
{|
! width="45%"|
|-
| <texcode>
\setupcolorstarttext\startcolor[hexred]\definecolor[salmon][h=AB5757]input tufte\stopcolorHey, \color[salmon]{look at that!}stoptext
</texcode>
|
|<contextmode=mkiv>\setupcolorssetuppapersize[state=startA5]\setupcolorstarttext\startcolor[hexred]\definecolor[salmon][h=AB5757]input tufte\stopcolorHey, \color[salmon]{look at that!}stoptext
</context>
|}
{|
|-
| <texcode>
Three \definecolor [transparentred] colored[r=0.1,tg=0.58,ab=10.8]{colorful} cats</texcode>||<context mode=mkiv>\definecolor starttextThree \colored[transparentblue] [br=0.1,tg=0.58,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=1]defined-color</code>. For example, * To color the section titles red, use<texcode>\definecolor setuphead[solidyellowcolor=red] </texcode> * To color the footnotes red, use<texcode>\setupfootnotes[ycolor=1,tred]</texcode> etc. =1,aPre-defined colors =1]
|}
== Defining color schemes: {{cmd|definecolorgroup}} and {{cmd|definepalet}}X11 Colors =={{cmd|definecolorgroup}}<tt>[name][system][values]</tt>
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 ({{cmdsrc|definepaletcolo-imp-xwi.mkiv}}<tt>[palettename][colorname1=groupcolor:1, colorname2=groupcolor:2), ...]</tt>use
This loads the following additional colors: {| style=Choosing a color scheme"text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|-|aliceblue||bgcolor="#EFF7FF"| |antiquewhite||bgcolor="#F9EAD6"| |aquamarine||bgcolor="#7FFFD3"| |azure||bgcolor="#EFFFFF"| |-|beige||bgcolor="#F4F4DB"| |bisque||bgcolor="#FFE2C4"| |black||bgcolor="#000000"| |blanchedalmond||bgcolor="#FFEACC"| |-|blue||bgcolor="#0000FF"| |blueviolet||bgcolor="#892BE2"| |brown||bgcolor="#A52828"| |burlywood||bgcolor="#DDB787"| |-|cadetblue||bgcolor="#5E9EA0"| |chartreuse||bgcolor="#7FFF00"| |chocolate||bgcolor="#D1681E"| |coral||bgcolor="#FF7F4F"| |-|cornflowerblue||bgcolor="#6393ED"| |cornsilk||bgcolor="#FFF7DB"| |cyan||bgcolor="#00FFFF"| |darkgoldenrod||bgcolor="#B7870A"| |-|darkgreen||bgcolor="#006300"| |darkkhaki||bgcolor="#BCB76B"| |darkolivegreen||bgcolor="#546B2D"| |darkorange||bgcolor="#FF8C00"| |-|darkorchid||bgcolor="#9933CC"| |darksalmon||bgcolor="#E8967A"| |darkseagreen||bgcolor="#8EBC8E"| |darkslateblue||bgcolor="#473D8C"| |-|darkturquoise||bgcolor="#00CED1"| |darkviolet||bgcolor="#9300D3"| |deeppink||bgcolor="#FF1493"| |deepskyblue||bgcolor="#00BFFF"| |-|dodgerblue||bgcolor="#1E8EFF"| |firebrick||bgcolor="#B22121"| |floralwhite||bgcolor="#FFF9EF"| |forestgreen||bgcolor="#218C21"| |-|gainsboro||bgcolor="#DBDBDB"| |ghostwhite||bgcolor="#F7F7FF"| |gold||bgcolor="#FFD600"| |goldenrod||bgcolor="#D8A521"| |-|green||bgcolor="#00FF00"| |greenyellow||bgcolor="#ADFF2D"| |honeydew||bgcolor="#EFFFEF"| |hotpink||bgcolor="#FF68B5"| |-|indianred||bgcolor="#CC5B5B"| |ivory||bgcolor="#FFFFEF"| |khaki||bgcolor="#EFE58C"| |lavender||bgcolor="#E5E5F9"| |-|lavenderblush||bgcolor="#FFEFF4"| |lawngreen||bgcolor="#7CFC00"| |lemonchiffon||bgcolor="#FFF9CC"| |lightblue||bgcolor="#ADD8E5"| |-|lightcoral||bgcolor="#EF7F7F"| |lightcyan||bgcolor="#E0FFFF"| |lightgoldenrod||bgcolor="#EDDD82"| |lightgoldenrodyellow||bgcolor="#F9F9D1"| |-|lightpink||bgcolor="#FFB5C1"| |lightsalmon||bgcolor="#FFA07A"| |lightseagreen||bgcolor="#21B2AA"| |lightskyblue||bgcolor="#87CEF9"| |-|lightslateblue||bgcolor="#8470FF"| |lightsteelblue||bgcolor="#AFC4DD"| |lightyellow||bgcolor="#FFFFE0"| |limegreen||bgcolor="#33CC33"| |-|linen||bgcolor="#F9EFE5"| |magenta||bgcolor="#FF00FF"| |maroon||bgcolor="#AF3060"| |mediumaquamarine||bgcolor="#66CCAA"| |-|mediumblue||bgcolor="#0000CC"| |mediumorchid||bgcolor="#BA54D3"| |mediumpurple||bgcolor="#9370DB"| |mediumseagreen||bgcolor="#3DB270"| |-|mediumslateblue||bgcolor="#7A68ED"| |mediumspringgreen||bgcolor="#00F999"| |mediumturquoise||bgcolor="#47D1CC"| |mediumvioletred||bgcolor="#C61484"| |-|midnightblue||bgcolor="#191970"| |mintcream||bgcolor="#F4FFF9"| |mistyrose||bgcolor="#FFE2E0"| |moccasin||bgcolor="#FFE2B5"| |-|navajowhite||bgcolor="#FFDDAD"| |navy||bgcolor="#00007F"| |navyblue||bgcolor="#00007F"| |oldlace||bgcolor="#FCF4E5"| |-|olivedrab||bgcolor="#6B8E23"| |orange||bgcolor="#FFA500"| |orangered||bgcolor="#FF4400"| |orchid||bgcolor="#D870D6"| |-|palegoldenrod||bgcolor="#EDE8AA"| |palegreen||bgcolor="#99F999"| |paleturquoise||bgcolor="#AFEDED"| |palevioletred||bgcolor="#DB7093"| |-|papayawhip||bgcolor="#FFEFD6"| |peachpuff||bgcolor="#FFD8BA"| |peru||bgcolor="#CC843F"| |pink||bgcolor="#FFBFCC"| |-|plum||bgcolor="#DDA0DD"| |powderblue||bgcolor="#AFE0E5"| |purple||bgcolor="#A021EF"| |red ||bgcolor="#FF0000"| |-|rosybrown||bgcolor="#BC8E8E"| |royalblue||bgcolor="#3F68E0"| |saddlebrown||bgcolor="#8C4411"| |salmon||bgcolor="#F97F72"| |-|sandybrown||bgcolor="#F4A360"| |seagreen||bgcolor="#2D8C56"| |seashell||bgcolor="#FFF4ED"| |sienna||bgcolor="#A0512D"| |-|skyblue||bgcolor="#87CEEA"| |slateblue||bgcolor="#6B59CC"| |snow||bgcolor="#FFF9F9"| |springgreen||bgcolor="#00FF7F"| |-|steelblue||bgcolor="#4482B5"| |tan ||bgcolor="#D1B58C"| |thistle||bgcolor="#D8BFD8"| |tomato||bgcolor="#FF6347"| |-|turquoise||bgcolor="#3FE0D1"| |violet||bgcolor="#ED82ED"| |violetred||bgcolor="#D1218E"| |wheat||bgcolor="#F4DDB2"| |-|white||bgcolor="#FFFFFF"| |whitesmoke||bgcolor="#F4F4F4"| |yellow||bgcolor="#FFFF00"| |yellowgreen||bgcolor="#99CC33"| |}
=Using Defining New Colors=
{| class="wikitable"! Name !! Sytanx (and Example) !! Explanation|-| RGB color model| <texcode>\definecolor[...][r= With text ..., 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 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> 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,<texcode>\definecolor[lime][h=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][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).|}
== Cloning existing colors ==
You can ''clone'' an existing color using
<texcode>\definecolor[new-color][old-color]</texcode>
For example
{|
! width="45%"|
! width="10%"|
! width="45%"|
</texcode>
|
|<contextmode=mkiv>\usecolors[xwi]\definecolor[highlight][yellow]\setupcolorsdefineframed[stateimportant][location=startlow, frame=off, background=color, backgroundcolor=highlight] This is a \starttextimportant{important}word. Three \colordefinecolor[highlight][redlavenderblush]This is a \important{coolimportant} cats\stoptextword.
</context>
|}
{{todo |add details about this}} ! width="45%"| ! width="10%"| ! widthAdvanced Usage ="45%"| |- | <texcode>Three \colored[r=.4, g=.4, bChanging color of entire document =.9]{colorful} kittens.</texcode>||<context>\setupcolors[state=start]\starttextThree \colored[r=.4, g=.4, b=.9]{colorful} kittens.\stoptext</context>|}To change the main text color of the document use
<texcode>\setupcolors[textcolor=defined-color]</texcode>
{|
! width="10%"|
! width="45%"|
\starttext
\stoptext
</texcode>
|
|<contextmode=mkiv>\setuppapersize[A6]\setupcolors[statetextcolor=startblue]
\starttext
\stoptext
</context>
|}
== In titles Changing background color of page ==
For example,
{|
! width="45%"|
|}
{|
\starttext
\tikzcolor[highlight]{Highlighted text in TeX} \shadestartMPcodelabel("Highlighted text in MetaPost", origin) withcolor \MPcolor{highlight};\stopMPcode</context>|} Note that `\MPcolor{...}` behaves similar to a `color` primitive in MetaPost. For example, the following is valid MetaPost code.<texcode>color myColor; myColor = 0.5[ball \MPcolor{highlight}, white];</texcode> == Using colors in TikZ == = Viewing pre-defined color=red!40!yellow] (0 == View all defined colors == To view pre-defined colors, you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{src|colo-imp-x11.mkiv}},0) circle use (output truncated for display here ...15cm); {| |-|<texcode>\showcolor[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. == View specific defined colors == To view the components of a defined color, you can use: * {{cmd|showcolorcomponents}}<texcode>\showcolorcomponents[color-1, color-2]</texcode> For example, {| |-|<texcode>\showcolorcomponents[red,middlered,darkred]</texcode>|<context mode=mkiv>\showcolorcomponents[red,middlered,darkred]</context>|} * {{cmd|colorcomponents}}* {{cmd|transparencycomponents}}* {{cmd|processcolorcomponents}}<texcode>\colorcompoents{defined-color}\tranparencycomponents{defined-color}\processcolorcomponents{defined-color}</texcode> For example,{||-|<texcode>\startlines\colorcomponents{red}\transparencycomponents{red}\processcolorcomponents{red}\stoptextstoplines
</texcode>
|
</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 =
{{Getting started navbox}}
