869
edits
Changes
Jump to navigation
Jump to search
m
< [[Visuals]] | [[Graphics]] >{{Color navbox}}
=Using Colors=
Using colors with ConTeXt is easysupports two color models: [http:* Start with <cmd>setupcolors</cmd><tt>[state=start]</tt>en. Without that, everything appears in greyswikipedia.* RGB and CMYK are enabled by default. If you want only RGB or only CMYK color, use <tt>cmyk=no<org/tt> or <tt>rgb=no<wiki/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_color_model RGB ''and'' CMYK and get converted if needed.* You find lists of predefined colors in the files <tt>colo-xxx.tex</tt>, load them with <cmd>setupcolor</cmd><tt>[xxx]</tt>:** rgb: some simple colors, loaded by default (with translations typically used for the different interface languages!screen display)** xwi: X-Windows-colors** pra: PRAGMA ADE company colors** emaand [http: Emacs colors* Try the magic <cmd>showcolor</cmd><tt>[xxx]</tt>!* Define your own colors with <cmd>definecolor</cmd><tt>[blablue][r=en.1, g=wikipedia.1, b=1, c=1, m=.1, y=0, k=0, s=.2org/wiki/CMYK_color_model CMYK]</tt> (definition typically used for RGB, CMYK and Grey!printing)* You can define '''transparent''' colors through setting t, e.g. <tt>t=0.5<There is also support for [http:/tt>. Beware, most PDF viewers and printshops can't handle PDF transparences!* Use the color name like <tt>[color=blablue]</tt> in some <tt>\setupen.wikipedia..<org/tt> command.* Typeset single text elements with <cmd>color<wiki/cmd><tt>[blablueSpot_color spot colors]{nice blue text}</tt> or longer sections with <cmd>startcolor</cmd><tt>[blablue] ...</tt> <cmd>stopcolor</cmd>(typically used for offset printing) and transparencies.
(See also "Color and Background" in the manual!)= Before you start ... =
===Sample===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
Here's some \where <code>defined-color[blablue]</code> is a color defined using {blue text{cmd|definecolor}} inbetween!. For example, <code>red</code> is one of the predefined colors. So, we can use:
Here's some \color[blablue]{blue text} inbetween!or
=Colorgroups and Palettes=It is also possible to use RGB or CMYK or hex values to color text. The syntax for these is<cmdtexcode>definecolorgroup\colored[settings]{... text ...}</cmdtexcode>where <ttcode>[name][system][values]settings</ttcode>are the same settings as used by {{cmd|definecolor}}. For example:
<cmd>definepalet</cmd><tt>[palettename][colorname1=groupcolor:1, colorname2=groupcolor:2, ...]</tt>
Very interesting feature{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>Three \colored[r=0.1, g=0.8, to be described laterb=0.8]{colorful} cats</texcode>||<context mode=mkiv>\starttextThree \colored[r=0.1, g=0.8, b=0. (see manual)8]{colorful} cats\stoptext</context>|}
=Spot colours=
To produce '''Note'''. There is no need to use the color commands directly. Almost all ConTeXt commands accept a file ready for a clean PDF separation process at your print house<code>color</code> key, and you can use <code>color=defined-color</code>. For example, start with:
which will set things up for spot colors with CMYK allowed. The last setting ensures that black overprinting your spot colour tints will not knock out * To color the colour - this is important for some types of commercial printing.footnotes red, use<texcode>\setupfootnotes[color=red]</texcode>
Then define your basic spot colouretc. Note that the name cannot contain spaces or numbers (but we come to that later):
<cmd>definecolor</cmd><tt>[PantoneTwoNineFour][c=1,m=.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. Let's say you'll have a 100% for headings:= Pre-defined colors =
<cmd>definespotcolor</cmd><tt>[MyBlue][PantoneTwoNineFour][p=1]</tt>
And then a 20% tint for nice display boxes:== Default pre-defined colors ==
<cmd>definespotcolor</cmd><tt>[MyBlueTint][PantoneTwoNineFour][p=The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).2]</tt>
And now you can happily use these named colours:
<texcode>{| 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="#00CCCC" | |darkcyan||bgcolor="#006666" | |-|magenta||bgcolor="#FF00FF" | | ||bgcolor=| \starttext|middlemagenta||bgcolor="CC00CC" | \color[MyBlue]{Interesting}|darkmagenta||bgcolor="660066" | |-|yellow||bgcolor="#FFFF00" | | ||bgcolor=| \stoptext|middleyellow||bgcolor="CCCC00" | </texcode>|darkyellow||bgcolor="666600" |
If you are including graphics made by an external program, you might want to match the colour name used in the graphic with the colour name in your '''ConTeXt''' set-up so that only one colour space is used in the final file. Unfortunately Pantone names and others tend to have spaces and numbers in them, so you need to do a low-level mapping trick from your base name to the name you want embedded in the file:|}
<cmd>doregisterspotcolorname</cmd><tt>{PantoneTwoNineFour}{PANTONE 294 CV}</tt>== X11 Colors ==
Now your output file should work beautifully with graphics embedded!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
==Using the 'e' key to <texcode>\definecolor to specify a spot colour name with spaces==usecolors[xwi]</texcode>
As an update to This loads the above description on defining spot colours, you can now use the 'e' key when defining your spot colours in order to specify the precise colour names to be used by your ConTeXt set-up in the output file. For examplefollowing additional colors:
<texcode>{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|-|aliceblue||bgcolor="#EFF7FF"| |antiquewhite||bgcolor="#F9EAD6"| |aquamarine||bgcolor="#7FFFD3"| |azure||bgcolor="#EFFFFF"| |-|beige||bgcolor="#F4F4DB"| |bisque||bgcolor="#FFE2C4"| |black||bgcolor="#000000"| |blanchedalmond||bgcolor="#FFEACC"| |-|blue||bgcolor="#0000FF"| |blueviolet||bgcolor="#892BE2"| |brown||bgcolor="#A52828"| |burlywood||bgcolor="#DDB787"| |-|cadetblue||bgcolor="#5E9EA0"| |chartreuse||bgcolor="#7FFF00"| |chocolate||bgcolor="#D1681E"| |coral||bgcolor="#FF7F4F"| |-|cornflowerblue||bgcolor="#6393ED"| |cornsilk||bgcolor="#FFF7DB"| |cyan||bgcolor="#00FFFF"| |darkgoldenrod||bgcolor="#B7870A"| |-|darkgreen||bgcolor="#006300"| |darkkhaki||bgcolor="#BCB76B"| |darkolivegreen||bgcolor="#546B2D"| |darkorange||bgcolor="#FF8C00"| |-|darkorchid||bgcolor="#9933CC"| |darksalmon||bgcolor="#E8967A"| |darkseagreen||bgcolor="#8EBC8E"| |darkslateblue||bgcolor="#473D8C"| |-|darkturquoise||bgcolor="#00CED1"| |darkviolet||bgcolor="#9300D3"| |deeppink||bgcolor="#FF1493"| |deepskyblue||bgcolor="#00BFFF"| |-|dodgerblue||bgcolor="#1E8EFF"| |firebrick||bgcolor="#B22121"| |floralwhite||bgcolor="#FFF9EF"| |forestgreen||bgcolor="#218C21"| |-|gainsboro||bgcolor="#DBDBDB"| |ghostwhite||bgcolor="#F7F7FF"| |gold||bgcolor="#FFD600"| |goldenrod||bgcolor="#D8A521"| |-|green||bgcolor="#00FF00"| |greenyellow||bgcolor="#ADFF2D"| |honeydew||bgcolor="#EFFFEF"| |hotpink||bgcolor="#FF68B5"| |-|indianred||bgcolor="#CC5B5B"| |ivory||bgcolor="#FFFFEF"| |khaki||bgcolor="#EFE58C"| % Define spot colours using 'e|lavender||bgcolor=....' to specify colour names to use in output file"#E5E5F9"| \definecolor|- [PantoneThreeZeroEight]|lavenderblush||bgcolor="#FFEFF4"| [c|lawngreen||bgcolor=1,m"#7CFC00"| |lemonchiffon||bgcolor=.05,y"#FFF9CC"| |lightblue||bgcolor=0,k"#ADD8E5"| |-|lightcoral||bgcolor="#EF7F7F"| |lightcyan||bgcolor=.47,e"#E0FFFF"| |lightgoldenrod||bgcolor=PANTONE 308 CV]"#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"| |}
\definecolor [PantoneTwoNineEight] [c=.69,m=.07,yAdditional pre-defined colors =0,k=0,e=PANTONE 298 CV]
% Define tints In addition to the above, there are two other sets of spot colours to be used in document for colouring text\definespotcolor [DarkBlue] [PantoneThreeZeroEight] [p=1]pre-defined colors.
(Tested only on minimal Linux distribution dated 31 Aug 2005 - 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. = Defining New Colors =
For example, if your original graphic is an EPS file containing New colors may be defined in the following lines:ways
%%DocumentCustomColors: {| class="wikitable"! Name !! Sytanx (PANTONE 298 CVand Example)!! Explanation|-| RGB color model %%+ (PANTONE 308 CV)| <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> %%CMYKCustomColor: | 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=.69 ., k=..]</texcode> For example,<texcode>\definecolor[lime][c=0.07 25, m=0 , y=1, k=0 (PANTONE 298 CV)] 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>.05 |-| 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.47 </code> and <code>1</code>, representing the grayness value (PANTONE 308 CV1 represents white, 0 represents black).|}
<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>== Cloning existing colors ==
Note how the space characters in the colour name are now encoded as You can '#20', but the colour names are essentially identical between the original EPS graphic, the clone'' an existing color using<texcode>\definecolor[new PDF graphic and your text.-color][old-color]</texcode>
A good way of testing colour separation if you don't have access to expensive pre-flight PDF validation tools is to use the following GhostScript command:For example{| ! width="45%"| ! width="10%"| ! width="45%"||<texcode>\usecolors[xwi]\definecolor[highlight][yellow]\defineframed [important] [location=low, frame=off, background=color, backgroundcolor=highlight]
gs This is a \ -dBATCH \ -dNOPAUSE \ -sDEVICE=tiffsep \ -dDOINTERPOLATE \ -dTextAlphaBits=4 \ -dGraphicsAlphaBits=4 \ -sOutputFile=output.tif \ -r120 \ -MaxSeparations=8 \ inputimportant{important}word.pdf
outputThis is a \important{important}word.tif - Composite including CMYK approximations to spot colours output.tif.Black.tif - K channel output.tif.Cyan.tif - C channel output.tif.Magenta.tif - M channel output.tif.Yellow.tif - Y channel output.tif.s0.tif - Pantone 308 CV output.tif.s1.tif - Pantone 298 CV
=Multitones=\definecolor[highlight][lavenderblush]This is a \important{important}word.</context>|}
Hans wrote on the mailinglist on 2004-12-27 about handling of multitone == Adapting existing colors:==
Currently it's done by pdftools.rb{{todo | add details about this}}
Once pdfxTeX becomes pdfeTeX out of a sudden your beta can do it as well.= Advanced Usage =
I still need to figure out a way to automatically reverse the graphic, but one == Changing color of these days you can start using it.entire document ==
Actually, multitones for To change the main text already work out color of the box:<texcode>\setupcolors[state=start]document use
\definespotcolor [blue-100] [blue] [p=1]\definespotcolor [yellow-100] [yellow] [p=1]For example,
\starttext== Changing background color of page ==
\startcolor[yellow]\blackrule[width=3cm,height=3cm]\stopcolor
(The CMYK color spec is the fall back color used on screen; one can preview separations in full Acrobat 7.)||<context>\setuppapersize[A10]\setupcolors[state=start]
As mentioned earlier, transparent colors can be produced by setting the <tt>t\starttexttext\stoptext</ttcontext> value for the color. Hans Hagen posted the following sample code for transparent colors on the mailing list on 2005-07-13; the yellow blocks have been added to demonstrate the order in which the blocks are drawn on the page; the first yellow block is behind the transparent red and blue blocks, while the second is in front of them.|}
<texcode>
\setupcolors[state=start]
\definecolor [transparentred] [r=1,t=.5,a=1]
\definecolor [transparentblue] [b=1,t=.5,a=1]
\definecolor [solidyellow] [y=1,t=1,a=1]
\starttext
\startTEXpage
This 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
\stoptext</texcode>== Using colors in MetaPost ==
<context>A color defined in TeX is available in MetaPost using `\setupcolors[state=start]\definecolor [transparentred] [r=1,t=MPcolor{...5,a=1]\definecolor [transparentblue] [b=1,t=}`.5,a=1]\definecolor [solidyellow] [y=1,t=1,a=1]For example:
=Colorizing Grayscale Pictures=
Another sample by Hans (mailing list 2005-11-16) demonstrates a lot of different possibilities:== Using colors in TikZ ==
<texcode>\setuplayout[header=0pt,footerViewing pre-defined color =0pt,width=middle,height=middle,backspace=1cm,topspace=1cm]\setupcolors[state=start]
\startbuffer\definecolor [blue] [c=1, m=.38, yView all defined colors =0, k=.64]\definecolor [yellow] [c=0, m=.28, y=1, k=.06]
\definespotcolor [blueTo view pre-100] [blue] [p=1]\definespotcolor [yellowdefined colors, you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{src|colo-100] [yellow] [p=1]imp-x11.mkiv}}, use (output truncated for display here ...)
\definemultitonecolor [combicolor-b] [blue=1] [c=1If you use {{cmd|showcolor}} without any argument, m=all currently defined colors are shown.38, y=0, k=.64] % force multitone\definemultitonecolor [combicolor-y] [yellow=1] [c=0, m=.28, y=1, k=.06] % force multitone
\useexternalfigure[demo-a][mill.png] [object=no, width=.2\textwidth]\useexternalfigure[demo-b][hacker-bw.jpg][objectView specific defined colors =no, width=.2\textwidth]
\startbaselinecorrection\startcombination[4*1] {\externalfigure[demo-To view the components of a]} {no defined 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, you can use:
\startbaselinecorrection\startcombination[4*1] {\externalfigure[demo-b]} {no colorcmd|showcolorcomponents} {\externalfigure[demo-b][color=combicolor]} {indexed duotone} {<texcode>\externalfigure[demo-b]showcolorcomponents[color=combicolor-b]} {spot color} {\externalfigure[demo-b][1, color=combicolor-y2]} {spot color}\stopcombination\stopbaselinecorrection</texcode>
\startbaselinecorrection\startcombination[4*1] {\externalfigure[demo-a]} {no color} {\externalfigure[demo-a][color=combicolor]} {indexed duotone} {\externalfigure[demo-a][color=blue-100]} {spot color} {\externalfigure[demo-a][color=yellow-100]} {spot color}\stopcombination\stopbaselinecorrectionFor example,
\startbaselinecorrection{| \startcombination[4*1]|- {|<texcode>\externalfigureshowcolorcomponents[demo-bred,middlered,darkred]} {no color}</texcode> {\externalfigure[demo-b][color|<context mode=combicolor]} {indexed duotone} {mkiv>\externalfigure[demo-b]showcolorcomponents[color=blue-100red,middlered,darkred]} {spot color}</context> {\externalfigure[demo-b][color=yellow-100]} {spot color|}\stopcombination\stopbaselinecorrection\stopbuffer
You can also use hexadecimal numers to specify colors. You need to load the '''hex''' color module first:
no edit summary
<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 enabled colors in MkII, use<texcode>\setupcolors[state=start]</texcode> 3. To disable colors in a document, use<texcode>\definecolorsetupcolors[blabluestate=stop]</texcode> = Basic Usage = To color text, use <texcode>\color[r=defined-color]{ ...25, g=text .1, b=1, c=1, m=.1, y=0, k=0, s=.2}</texcode> or <texcode>\startcolor[defined-color] ... text ... \stopcolor</texcode>
{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>Three \showcolorcolor[rgbred]{cool} cats
</texcode>
||<contextmode=mkiv>\setupcolorsstarttextThree \color[state=startred]{cool} cats\definecolor[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2]stoptext</context>|}
{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>\showcolorstarttext\startcolor[red]\input tufte\stopcolor\stoptext</texcode>||<context mode=mkiv>\setuppapersize[A5]\starttext\startcolor[rgbred]\input tufte\stopcolor\stoptext
</context>
|}
* To color the section titles red, use<cmd>setupcolors</cmd><tttexcode>\setuphead[rgb=no,cmyk=yes,spot=yes,state=start,overprintcolor=yesred]</tttexcode>
{| class="wikitable"| x11 || <code>\definespotcolorusecolors[x11]</code>| {{src|colo-imp-x11.mkiv}}| 658 extended Xorg color keywords (WWW), defined in hex RGB|- | crayola || <code>\usecolors[LightBluecrayola]</code> | {src|colo-imp-crayola.mkiv} || 235 Crayola (Binney & Smith) colors|-| ema || <code>\usecolors[PantoneTwoNineEightema]</code> | {{src|colo-imp-ema.mkiv}} || 549 Emacs colors|-| RAL || <code>\usecolors[p=1ral]</code>| {{src|colo-imp-ral.mkiv}} || 213 RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)|-| Solarized || <code>\usecolors[solarized]</texcodecode>| {{src|colo-imp-solarized.mkiv}} || 16 solarized colors |}
'''Note''': The key-values are overloaded. For example, <code>h</code> is used for both HSV model and you convert this to a PDF using Hex model; <ttcode>ps2pdfs</ttcode> is used for inclusion in your '''ConTeXt''' document your PDF graphic will then contain something like:both HSV model and grayscale model. The distinction is made based on the presence or absence of the <code>v</code> key.
\definecolor[highlight][lavenderblush]This renders is a PDF file \important{important}word.<tt/texcode>input.pdf||</ttcontext mode=mkiv> as a set of TIFF files:\usecolors[xwi]\definecolor[highlight][yellow]\defineframed[important][location=low, frame=off, background=color, backgroundcolor=highlight]
<texcode>\definecolor setupcolors[blue] [c=1,m=.38,y=0,k=.64]\definecolor [yellow] [c=0,m=.28,y=1,ktextcolor=.06defined-color]</texcode>
{| ! width="45%"| ! width="10%"| ! width="45%"||-|<texcode>\definemultitonecolor setupcolors[combicolortextcolor=blue] [blue\starttexttext\stoptext</texcode>||<context mode=.12,yellow=.28] mkiv>\setupcolors[ctextcolor=.1,m=.1,y=.3,k=.1blue]\starttexttext\stoptext</context>|}
The background color of the page can be changed using<texcode>\startcolorsetupbackgrounds[bluepage]\blackrule[widthbackground=3cmcolor,heightbackgroundcolor=3cmdefined-color]\stopcolor</texcode>
For example,{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>\startcolorsetuppapersize[combicolorA10]\blackrulesetupbackgrounds[widthpage][background=3cmcolor,heightbackgroundcolor=3cmblue]\stopcolor
\starttext
text
\stoptext
</texcode>
\setupbackgrounds[page][background=Transparent Colorscolor,backgroundcolor=blue]
{|
|-
|<texcode>
\definecolor[highlight][r=0.8,g=0.8,b=0]
\starttext
\color[highlight]{Highlighted text in TeX}
\startTEXpagestartMPcodeThis is some sample label("Highlighted text that goes behind the rectanglesin MetaPost", origin) withcolor \hskip-8cmMPcolor{highlight};\blackrule[widthstopMPcode</texcode>|<context mode=2cm,height=1cm,depth=1cm,color=solidyellow]\hskip-0.67cmmkiv>\blackruledefinecolor[highlight][widthr=2cm,height=2cm0.8,colorg=transparentred]\hskip-0.67cm\blackrule[width=2cm8,heightb=1cm,depth=1cm,color=transparentblue0]\hskip-0.67cmstarttext\blackrulecolor[width=2cm,height=2cm,color=solidyellowhighlight]\hskip2cm.\stopTEXpage{Highlighted text in TeX}
\stoptextstartMPcodelabel("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[\MPcolor{highlight}, white];</texcode>
{| |-|<texcode>\definemultitonecolor showcolor[combicolorx11] </texcode>|<context mode=mkiv>\startTEXpage[blueheight=.12, yellow=.285cm] \showcolor[c=.1, m=.1, y=.3, k=.1x11]\stopTEXpage</context>|}
* {{cmd|colorcomponents}}* {{cmd|transparencycomponents}}* {{cmd|processcolorcomponents}}<texcode>\getbuffer colorcompoents{defined-color}\typebuffertranparencycomponents{defined-color}\processcolorcomponents{defined-color}</texcode>
For example,{||-|<texcode>\stoptextstartlines\colorcomponents{red}\transparencycomponents{red}\processcolorcomponents{red}\stoplines
</texcode>
|
<context mode=mkiv>
\startlines
\colorcomponents{red}
\transparencycomponents{red}
\processcolorcomponents{red}
\stoplines
</context>
|}
= Colors with Hexadecimal Numbers Testing if color is defined = To test if a color is defined, use * {{cmd|doifcolor}}* {{cmd|doifcolorelse}} Usage:
<texcode>
\setupcolor[hex]</texcode>and then you may define colors with<texcode>doifcolor{color-name}{... if branch ... }\definecolor[hexdoifcolorelse{color-red][h=FF0000]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 Harmony. Rockport Publishers (2004). ISBN 978-1592530311 (recommanded in the mailing list)
{{Getting started navbox}}
