3,897
edits
Changes
Jump to navigation
Jump to search
m
< [[Visuals]] | [[Graphics]] >{{Color navbox}}
= Enabling colors =
In current versions ConTeXt supports two color models: [http://en.wikipedia.org/wiki/RGB_color_model RGB] (earlier than 11typically used for screen display) and [http://en.05wikipedia.2009org/wiki/CMYK_color_model CMYK] (typically used for printing) of ConTeXt mkiv, . There is also support for [http://en.wikipedia.org/wiki/Spot_color spot colors are enabled by default] (typically used for offset printing) and transparencies.
In older versions, colors must be enabled using <cmd>setupcolors</cmd><tt>[state=Before you start]</tt>... =
Using 3. To disable colors with ConTeXt is easy:in a document, use<texcode>\setupcolors[state=stop]</texcode>
* 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.
== Using predefined colors: <cmd>setupcolor</cmd> ==To color text, use
You find lists of predefined colors in the files <tttexcode>colo\color[defined-xxxcolor]{ ...textext ... }</tttexcode>, load them with <cmd>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 or <texcode>\startcolor[defined-color] ... text ... \stopcolor</texcode> where <cmdcode>showcolordefined-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:
<cmd>definecolor</cmd><tt>[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2]</tt> (definition for It is also possible to use RGB, or CMYK and Grey!)* You can define '''transparent''' colors through setting t, eor hex values to color text.g. <tt>t=0.5</tt>. Beware, most PDF viewers and printshops can't handle PDF transparences!The syntax for these is* Use the color name like <tttexcode>\colored[color=blabluesettings]</tt> in some <tt>\setup{...</tt> command.* Typeset single text elements with <cmd>color</cmd><tt>[blablue]{nice blue text}</tt> or longer sections with <cmd>startcolor</cmd><tt>[blablue] ...}</tttexcode> where <cmdcode>stopcolorsettings</code> are the same settings as used by {{cmd>|definecolor}}.For example:
(See also "Color and Background" in the manual!)
=Colorgroups and Palettes=
<cmd>definecolorgroup</cmd><tt>[name][system][values]</tt>
Very interesting feature* To color the section titles red, to be described later... (see manual)use<texcode>\setuphead[color=red]</texcode>
To produce a file ready for a clean PDF separation process at your print house, start with:etc.
<cmd>setupcolors</cmd><tt>[rgb=no,cmyk=yes,spot=yes,state=start,overprint=yes]</tt>
which will set things up for spot = Pre-defined colors with CMYK allowed. The last setting ensures that black overprinting your spot colour tints will not knock out the colour - this is important for some types of commercial printing.=
Then define your basic spot colour. Note that the name cannot contain spaces or numbers (but we come to that later):
<cmd>definecolor</cmd><tt>[PantoneTwoNineFour][c=1,m=.56,yDefault pre-defined colors =0,k=.18]</tt>
Now you can define the tints of this ink that you The following colors are actually going to use pre-defined in your documentConTeXt (see {{src|colo-imp-rgb.mkiv}}). Let's say you'll have a 100% for headings:
<cmd>definespotcolor</cmd><tt>[MyBlue][PantoneTwoNineFour][p=1]</tt>
And then a 20% tint for nice display boxes{| 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=| |middlemagenta||bgcolor="CC00CC" | |darkmagenta||bgcolor="660066" | |-|yellow||bgcolor="#FFFF00" | | ||bgcolor=| |middleyellow||bgcolor="CCCC00" | |darkyellow||bgcolor="666600" |
<cmd>definespotcolor</cmd><tt>[MyBlueTint][PantoneTwoNineFour][p=.2]</tt>|}
And now you can happily use these named colours:== X11 Colors ==
<texcode>\starttext \In addition to the above basic color, ConTeXt also includes a definition of the [MyBluehttp://www.w3.org/TR/2002/WD-css3-color-20020219/#x11-color X11 colors]. To load this list ({Interesting{src|colo-imp-xwi.mkiv}\stoptext</texcode>}), use
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:<texcode>\usecolors[xwi]</texcode>
<cmd>doregisterspotcolorname</cmd><tt>{PantoneTwoNineFour}{PANTONE 294 CV}</tt>This loads the following additional colors:
Now your output file should work beautifully with graphics embedded{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 80px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|-|aliceblue||bgcolor="#EFF7FF"| |antiquewhite||bgcolor="#F9EAD6"| |aquamarine||bgcolor="#7FFFD3"| |azure||bgcolor="#EFFFFF"| |-|beige||bgcolor="#F4F4DB"| |bisque||bgcolor="#FFE2C4"| |black||bgcolor="#000000"| |blanchedalmond||bgcolor="#FFEACC"| |-|blue||bgcolor="#0000FF"| |blueviolet||bgcolor="#892BE2"| |brown||bgcolor="#A52828"| |burlywood||bgcolor="#DDB787"| |-|cadetblue||bgcolor="#5E9EA0"| |chartreuse||bgcolor="#7FFF00"| |chocolate||bgcolor="#D1681E"| |coral||bgcolor="#FF7F4F"| |-|cornflowerblue||bgcolor="#6393ED"| |cornsilk||bgcolor="#FFF7DB"| |cyan||bgcolor="#00FFFF"| |darkgoldenrod||bgcolor="#B7870A"| |-|darkgreen||bgcolor="#006300"| |darkkhaki||bgcolor="#BCB76B"| |darkolivegreen||bgcolor="#546B2D"| |darkorange||bgcolor="#FF8C00"| |-|darkorchid||bgcolor="#9933CC"| |darksalmon||bgcolor="#E8967A"| |darkseagreen||bgcolor="#8EBC8E"| |darkslateblue||bgcolor="#473D8C"| |-|darkturquoise||bgcolor="#00CED1"| |darkviolet||bgcolor="#9300D3"| |deeppink||bgcolor="#FF1493"| |deepskyblue||bgcolor="#00BFFF"| |-|dodgerblue||bgcolor="#1E8EFF"| |firebrick||bgcolor="#B22121"| |floralwhite||bgcolor="#FFF9EF"| |forestgreen||bgcolor="#218C21"| |-|gainsboro||bgcolor="#DBDBDB"| |ghostwhite||bgcolor="#F7F7FF"| |gold||bgcolor="#FFD600"| |goldenrod||bgcolor="#D8A521"| |-|green||bgcolor="#00FF00"| |greenyellow||bgcolor="#ADFF2D"| |honeydew||bgcolor="#EFFFEF"| |hotpink||bgcolor="#FF68B5"| |-|indianred||bgcolor="#CC5B5B"| |ivory||bgcolor="#FFFFEF"| |khaki||bgcolor="#EFE58C"| |lavender||bgcolor="#E5E5F9"| |-|lavenderblush||bgcolor="#FFEFF4"| |lawngreen||bgcolor="#7CFC00"| |lemonchiffon||bgcolor="#FFF9CC"| |lightblue||bgcolor="#ADD8E5"| |-|lightcoral||bgcolor="#EF7F7F"| |lightcyan||bgcolor="#E0FFFF"| |lightgoldenrod||bgcolor="#EDDD82"| |lightgoldenrodyellow||bgcolor="#F9F9D1"| |-|lightpink||bgcolor="#FFB5C1"| |lightsalmon||bgcolor="#FFA07A"| |lightseagreen||bgcolor="#21B2AA"| |lightskyblue||bgcolor="#87CEF9"| |-|lightslateblue||bgcolor="#8470FF"| |lightsteelblue||bgcolor="#AFC4DD"| |lightyellow||bgcolor="#FFFFE0"| |limegreen||bgcolor="#33CC33"| |-|linen||bgcolor="#F9EFE5"| |magenta||bgcolor="#FF00FF"| |maroon||bgcolor="#AF3060"| |mediumaquamarine||bgcolor="#66CCAA"| |-|mediumblue||bgcolor="#0000CC"| |mediumorchid||bgcolor="#BA54D3"| |mediumpurple||bgcolor="#9370DB"| |mediumseagreen||bgcolor="#3DB270"| |-|mediumslateblue||bgcolor="#7A68ED"| |mediumspringgreen||bgcolor="#00F999"| |mediumturquoise||bgcolor="#47D1CC"| |mediumvioletred||bgcolor="#C61484"| |-|midnightblue||bgcolor="#191970"| |mintcream||bgcolor="#F4FFF9"| |mistyrose||bgcolor="#FFE2E0"| |moccasin||bgcolor="#FFE2B5"| |-|navajowhite||bgcolor="#FFDDAD"| |navy||bgcolor="#00007F"| |navyblue||bgcolor="#00007F"| |oldlace||bgcolor="#FCF4E5"| |-|olivedrab||bgcolor="#6B8E23"| |orange||bgcolor="#FFA500"| |orangered||bgcolor="#FF4400"| |orchid||bgcolor="#D870D6"| |-|palegoldenrod||bgcolor="#EDE8AA"| |palegreen||bgcolor="#99F999"| |paleturquoise||bgcolor="#AFEDED"| |palevioletred||bgcolor="#DB7093"| |-|papayawhip||bgcolor="#FFEFD6"| |peachpuff||bgcolor="#FFD8BA"| |peru||bgcolor="#CC843F"| |pink||bgcolor="#FFBFCC"| |-|plum||bgcolor="#DDA0DD"| |powderblue||bgcolor="#AFE0E5"| |purple||bgcolor="#A021EF"| |red ||bgcolor="#FF0000"| |-|rosybrown||bgcolor="#BC8E8E"| |royalblue||bgcolor="#3F68E0"| |saddlebrown||bgcolor="#8C4411"| |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"| |}
As an update In addition to the above description on defining spot colours, you can now use the 'e' key when defining your spot colours in order to specify the precise colour names to be used by your ConTeXt setthere are two other sets of pre-up in the output filedefined colors. For example:
\definecolor [PantoneTwoNineEight] [c=.69,mDefining New Colors =.07,y=0,k=0,e=PANTONE 298 CV]
% Define tints of spot colours to New colors may be used defined in document for colouring text\definespotcolor [DarkBlue] [PantoneThreeZeroEight] [p=1]the following ways
(Tested only '''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 minimal Linux distribution dated 31 Aug 2005 - can others confirm thisto be true across the board now?)presence or absence of the <code>v</code> key.
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. == Cloning existing colors ==
For example, if your original graphic is You can ''clone'' an EPS file containing the following lines:existing color using<texcode>\definecolor[new-color][old-color]</texcode>
For example{|| width="45%%DocumentCustomColors: (PANTONE 298 CV)"| <texcode>\usecolors[xwi]\definecolor[highlight][yellow]\defineframed %%+ (PANTONE 308 CV) [important] %%CMYKCustomColor: 0.69 0.07 0 0 (PANTONE 298 CV) [location=low, frame=off, %%+ 1 0.05 0 0.47 (PANTONE 308 CV) background=color, backgroundcolor=highlight]
and you convert this to This is a PDF using <tt>ps2pdf</tt> for inclusion in your '''ConTeXt''' document your PDF graphic will then contain something like:\important{important}word.
<code> 8 0 obj \definecolor[highlight][/Separationlavenderblush] /PANTONE#20308#20CVThis is a \important{important}word. </DeviceCMYKtexcode> 9 0 R]endobj | width="10 0 obj%"| | width="45%"| <context mode=mkiv>\usecolors[/Separationxwi] /PANTONE#20298#20CV\definecolor[highlight][yellow] /DeviceCMYK\defineframed[important][location=low, frame=off, 11 0 R background=color, backgroundcolor=highlight]endobj </code>
Note how the space characters in the colour name are now encoded as '#20', but the colour names are essentially identical between the original EPS graphic, the new PDF graphic and your textThis is a \important{important}word.
A good way of testing colour separation if you don't have access to expensive pre-flight PDF validation tools \definecolor[highlight][lavenderblush]This is to use the following GhostScript command:a \important{important}word.</context>|}
gs \ -dBATCH \ -dNOPAUSE \ -sDEVICE=tiffsep \ -dDOINTERPOLATE \ -dTextAlphaBits=4 \ -dGraphicsAlphaBitsAdapting existing colors =4 \ -sOutputFile=output.tif \ -r120 \ -MaxSeparations=8 \ input.pdf
This renders a PDF file <tt>input.pdf</tt> as a set of TIFF files:{{todo | add details about this}}
output.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= Advanced Usage =
Hans wrote on To change the mailinglist on 2004-12-27 about handling main text color of multitone colors:the document use
Currently it's done by pdftools.rb<texcode>\setupcolors[textcolor=defined-color]</texcode>
Once pdfxTeX becomes pdfeTeX out of a sudden your beta can do it as well.For example,
I still need to figure out a way to automatically reverse the graphic, but one of these days you can start using it.{| ! width="45%"| ! width="10%"| ! width="45%"||-|<texcode>\setupcolors[textcolor=blue]\starttexttext\stoptext</texcode>||<context mode=mkiv>\setupcolors[textcolor=blue]\starttexttext\stoptext</context>|}
Actually, multitones for text already work out == Changing background color of the box:<texcode>\setupcolors[statepage ==start]
\definecolor [blue] [c=1,m=.38,y=0,k=.64]The background color of the page can be changed using<texcode>\definecolor setupbackgrounds[yellowpage] [c=0,m=.28,ybackground=1color,kbackgroundcolor=.06defined-color]</texcode>
\definespotcolor [blue-100] [blue] [p=1]
\definespotcolor [yellow-100] [yellow] [p=1]
\startcolor[combicolor]\blackrule[width=3cm,height=3cm]\stopcolor
\stoptext
</texcode>
(The CMYK color spec is the fall back color used on screen; one can preview separations in full Acrobat 7.)
=Transparent Colors=
As mentioned earlier, transparent == Using colors can be produced by setting the <tt>t</tt> 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.MetaPost ==
<texcode>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:
<context>Note that `\setupcolors[state=start]\definecolor [transparentred] [r=1MPcolor{...}` behaves similar to a `color` primitive in MetaPost. For example,t=the following is valid MetaPost code.5,a=1]\definecolor [transparentblue] [b=1,t<texcode>color myColor; myColor =0.5,a=1][\definecolor [solidyellow] [y=1MPcolor{highlight},t=1,a=1white];</texcode>
\starttext
\startTEXpageThis is some sample text that goes behind the rectangles\hskip-8cm\blackrule[width=2cm,height=1cm,depthUsing colors in TikZ =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</context>= Viewing pre-defined color =
Another sample by Hans (mailing list 2005To view pre-defined colors, you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{src|colo-11imp-16x11.mkiv}}, use (output truncated for display here ...) demonstrates a lot of different possibilities:
\startbuffer\definecolor [blue] [c=1If you use {{cmd|showcolor}} without any argument, m=all currently defined colors are shown.38, y=0, k=.64]\definecolor [yellow] [c=0, m=.28, y=1, k=.06]
\definespotcolor [blue-100] [blue] [p=1]\definespotcolor [yellow-100] [yellow] [p=1]View specific defined colors ==
\definemultitonecolor [combicolor] [blue=.12To view the components of a defined color, yellow=.28] [c=.1, m=.1, y=.3, k=.1]you can use:
\useexternalfigure[demo-a][mill.png] [object=noFor example, width=.2\textwidth]\useexternalfigure[demo-b][hacker-bw.jpg][object=no, width=.2\textwidth]
\startbaselinecorrection{| \startcombination[4*1]|- {|<texcode>\externalfigureshowcolorcomponents[demo-ared,middlered,darkred]} {no color}</texcode> {\externalfigure[demo-a][color|<context mode=combicolor]} {indexed duotone} {mkiv>\externalfigure[demo-a]showcolorcomponents[color=combicolor-bred,middlered,darkred]} {spot color}</context> {\externalfigure[demo-a][color=combicolor-y]|} {spot color}\stopcombination\stopbaselinecorrection
\startbaselinecorrection* {{cmd|colorcomponents}}\startcombination[4*1] {\externalfigure[demo-b]{cmd|transparencycomponents} {no color} * {{\externalfigure[demo-b][color=combicolor]cmd|processcolorcomponents} {indexed duotone} <texcode>\colorcompoents{\externalfigure[demodefined-b][color=combicolor-b]} \tranparencycomponents{spot defined-color} \processcolorcomponents{\externalfigure[demo-b][color=combicolordefined-y]} {spot color}\stopcombination\stopbaselinecorrection</texcode>
\startbaselinecorrection\startcombination[4*1] {\externalfigure[demo-b]} {no color} {\externalfigure[demo-b][color=combicolor]} {indexed duotone} {\externalfigure[demo-b][color=blue-100]} {spot color} {\externalfigure[demo-b][Testing if coloris defined =yellow-100]} {spot color}\stopcombination\stopbaselinecorrection\stopbuffer
\getbuffer \typebufferTo test if a color is defined, use
\stoptext* {{cmd|doifcolor}}</texcode>* {{cmd|doifcolorelse}}
= Colors with Hexadecimal Numbers =Usage:
You can also use hexadecimal numers to specify colors. You need to load the '''hex''' color module first:
→Defining New Colors: bit of visual cleanup
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>\definehighlight[important][color=Using red]</texcode>and then use <code>\important{important text}</code> in the text. 2. Colorsare not enabled by default in MkII. To enabled colors in MkII, use<texcode>\setupcolors[state=start]</texcode>
== Choosing a color model =Basic Usage =
{|
! width="2545%"|
! width="10%"|
! width="6545%"|
|-
| <texcode>
Three \showcolorcolor[rgbred]{cool} cats
</texcode>
|
| <contextmode=mkiv>\setupcolorsstarttextThree \color[state=startred]{cool} cats\showcolor[rgb]stoptext
</context>
|}
or {| ! width="45%"| ! width= Defining colors: "10%"| ! width="45%"| |- | <cmdtexcode>definecolor\starttext\startcolor[red]\input tufte\stopcolor\stoptext</cmdtexcode> ||<context mode==mkiv>\setuppapersize[A5]\starttext\startcolor[red]\input tufte\stopcolor\stoptext</context>|}
{|
|-
| <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[blablue8]{blue textcolorful} inbetween!cats
</texcode>
|
| <contextmode=mkiv>\setupcolors[state=start]starttextThree \definecolor[blablue]colored[r=0.1, g=0.18, b=1, c=1, m=.1, y=0, k=0, s=.28]{colorful} cats Here's some \color[blablue]{blue text} inbetween!stoptext
</context>
|}
'''Note'''. There is no need to use the color commands directly. Almost all ConTeXt commands accept a <cmdcode>definepaletcolor</cmdcode>key, and you can use <ttcode>[palettename][colorname1=groupcolor:1, colorname2color=groupcolor:2, ...]defined-color</ttcode>. For example,
* To color the footnotes red, use<texcode>\setupfootnotes[color=Spot colours=red]</texcode>
==Using the 'e' key to \definecolor to specify a spot colour name with spacesAdditional pre-defined colors ==
{| class="wikitable"| x11 || <code>\usecolors[x11]<texcode/code>% Define spot colours using 'e=| {{src|colo-imp-x11....' to specify colour names to use mkiv}}| 658 extended Xorg color keywords (WWW), defined in output filehex RGB|-| crayola || <code>\definecolorusecolors[crayola] </code> | {{src|colo-imp-crayola.mkiv}} || 235 Crayola (Binney & Smith) colors |-| ema || <code>\usecolors[PantoneThreeZeroEightema]</code> | {{src|colo-imp-ema.mkiv}} || 549 Emacs colors|-| RAL || <code>\usecolors[c=1,m=ral]</code>| {{src|colo-imp-ral.05,y=0,k=mkiv}} || 213 RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)|-| Solarized || <code>\usecolors[solarized]</code>| {{src|colo-imp-solarized.47,e=PANTONE 308 CV]mkiv}} || 16 solarized colors |}
{| class="wikitable"! Name !! Syntax (and Example) !! Explanation|-| style="width:20%;" | RGB color model| style="width:40%;" | <texcode>\definespotcolordefinecolor[...][r=..., g=..., b=...]</texcode> For example,<texcode>\definecolor[LightBluelime][r=0.75, g=1, b=0] This is \color[PantoneTwoNineEightlime]{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][ph=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).|}
=Multitones= Changing color of entire document ==
For example,{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>\definemultitonecolor setuppapersize[combicolorA10] \setupbackgrounds[blue=.12,yellow=.28page] [cbackground=.1color,mbackgroundcolor=.1,y=.3,k=.1blue]
\starttext
text
\stoptext
</texcode>
|
|<context>
\setuppapersize[A10]
\setupcolors[state=start]
\startcolorsetupbackgrounds[bluepage]\blackrule[widthbackground=3cmcolor,heightbackgroundcolor=3cmblue]\stopcolor
\startcolor[yellow]starttexttext\blackrule[width=3cm,height=3cm]\stopcolorstoptext</context>|}
{|
|-
|<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</texcodecontext>|}
=Colorizing Grayscale Pictures= View all defined colors ==
{| |-|<texcode>\showcolor[x11]</texcode>|<context mode=mkiv>\setuplayoutstartTEXpage[header=0pt,footer=0pt,width=middle,height=middle,backspace=1cm,topspace=1cm5cm]\setupcolorsshowcolor[state=startx11]\stopTEXpage</context>|}
* {{cmd|showcolorcomponents}}<texcode>\definemultitonecolor showcolorcomponents[combicolorcolor-b] [blue=1] [c=1, m=.38, y=0, k=.64] % force multitone\definemultitonecolor [combicolorcolor-y] [yellow=1] [c=0, m=.28, y=1, k=.062] % force multitone</texcode>
For example,{||-|<texcode>\startbaselinecorrectionstartlines\startcombination[4*1]colorcomponents{red} \transparencycomponents{red}\externalfigure[demo-a]} processcolorcomponents{no colorred} {\externalfigure[demo-a][colorstoplines</texcode>|<context mode=combicolor]} mkiv>\startlines\colorcomponents{indexed duotonered} {\externalfigure[demo-a][color=blue-100]} transparencycomponents{spot colorred} {\externalfigure[demo-a][color=yellow-100]} processcolorcomponents{spot colorred}\stopcombinationstoplines</context>\stopbaselinecorrection|}
<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}}
