gardener, Interface administrators, Administrators
1,542
edits
Changes
Jump to navigation
Jump to search
< [[Visuals]] | [[Graphics]] >{{Color_navigation_Trial}}
= Enabling colors =__TOC__
In current versions (newer than 11.05.2009) of ConTeXt mkiv, colors are enabled by default.
In older versions, colors must be enabled using {{cmd|setupcolors}}<tt>[state=Before you start]</tt>... =
* RGB and CMYK are enabled by default3. If you want only RGB or only CMYK colorTo disable colors in a document, use <tt>cmyk=no</tt> or <tttexcode>rgb\setupcolors[state=nostop]</tttexcode>. 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 ==Last [[Documentation|manual dedicated to color]] was issued in 2016
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:= Basic Usage =
<code>
\setupcolors[pagecolormodel=auto]
</code>
In AcrobatTo color text, 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.use
== Using predefined colors: 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:
Colors have identifiers, some of which are grouped in more or less{|widely known sets. The primary example of these possibly are the ! width="45%"|[http://www.w3.org/TR/2002/WD-css3-color-20020219/#x11-color named colors of the X Windowing System], ! width="10%"|a set of RGB vectors. ! width="45%"|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</code>. 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</code>, you get another four colors ''deepskyblue1'',''deepskyblue2'' ''deepskyblue3'' and ''deepskyblue4'' with the<code>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 {{cmd |setupcolor}}: <texcode>Three \setupcolorcolor[x11red]{cool} cats
The macro {{cmd|showcolor}} pretty prints a the list of all namedcolors in a definition set.or
=== MkIV ===
=== MkII ===
You will find lists of predefined colors in '''Note'''. There is no need to use the filescolor commands directly. Almost all ConTeXt commands accept a <code>color</code> key, and you can use <ttcode>colocolor=defined-xxx.mkiicolor</ttcode>. For example, load them with{{cmd|setupcolor}}* To color the section titles red, use<tttexcode>\setuphead[xxxcolor=red]</tttexcode>.{|! id !! source !! description|-| rgb || {{src|colo-rgb.mkii}} || some simple colors* To color the footnotes red, loaded by default (with translations for the different interface languages!)use|-| x11 || {{src|colo-x11.mkii}} || Xorg-colors (hex)|-| xwi || {{src|colo-xwi.mkii}} || Xorg-colors (decimal)|-| pra || {{src|colo-???.mkii|link<texcode>\setupfootnotes[color=no}}| PRAGMA ADE corporate design (not included in the distribution?)|-| ema || {{src|colo-ema.mkii}} || Emacs colors|}red]</texcode>
=== Alternatives ===etc.
You can generate an alternative definition set based on the results == Changing color ofthe [http://blog.xkcd.com/2010/05/03/color-survey-results/ xkcd color survey]with the[https://bitbucket.org/phg/xcs-colors <code>xcs-colors.lua</code> script].entire document ==
== Defining colors: {{cmd|definecolor}} ==To change the main text color of the document use
{{cmd|definecolor}}<tttexcode>\setupcolors[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, stextcolor=.2defined-color]</tttexcode> (definition for RGB, CMYK and Grey!).See also [[Command/definecolor]].
|- | <texcode>\definecolor[blablue]setupcolors[rtextcolor=.25, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2blue] Here's some \color[blablue]samplefile{blue texttufte} inbetween!
You The background color of the page can also use hexadecimal numers to specify colors. You need to load the '''hex''' be changed using<texcode>\setupbackgrounds[page][background=color,backgroundcolor=defined-color module first:]</texcode> For example,
Hey, \color[salmon]{look at that!}starttext\input ward\stoptext
Hey, \color[salmon]starttext\samplefile{look at that!ward}\stoptext
You can define '''transparent''' New colors through setting t, e.g. <tt>t=0.5</tt>. Beware, some PDF viewers and printshops can't handle PDF transparences!may be defined in the following ways
Hans Hagen posted the following sample {| class="wikitable"! Name !! Syntax (and Example) !! Explanation|-| style="width:20%;" | RGB color model| style="width:40%;" | <texcode>\definecolor[...][r=..., g=..., b=...]</texcode> For example,<texcode>\definecolor[lime][r=0.75, g=1, b=0] This is \color[lime]{a new color}that we defined</texcode>| The values for <code>r</code>, <code>g</code>, and <code>b</code> are floating point number between <code>0</code> and <code>1</code >. |-| CMYK color model| <texcode>\definecolor[...][c=.., m=.., y=.., k=..]</texcode> For example,<texcode>\definecolor[lime][c=0.25, m=0, y=1, k=0] This is \color[lime]{a new color}that we defined</texcode>| The values for transparent colors on the mailing list on 2005<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>. |-07-13| HSV/HSL color model|<texcode>\definecolor[...][h=.., s=.., v=..]</texcode> For example,<texcode>\definecolor[lime][h=75, s=1, v=1] This is \color[lime]{a new color}that we defined</texcode>| The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the yellow blocks have been added to demonstrate the order in which the blocks values for <code>s</code> (saturation), <code>v</code> (value/brightness) are drawn on the pagefloating point numbers between <code>0</code> and <code>1</code>. |-| HWB color model|<texcode>\definecolor[...][h=.., w=.., b=..]</texcode> For example,<texcode>\definecolor[something][h=75, w=0.5, b=.1] This is \color[something]{a new color}that we defined</texcode>| The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the first yellow block values for <code>w</code> (whiteness), <code>b</code> (blackness) are floating point numbers between <code>0</code> and <code>1</code>. This mostly unknown color model is also used in CSS3/SVG.|-| Hex| <texcode>\definecolor[...][x=...]</texcode> For example,<texcode>\definecolor[lime][x=BFFF00] This is behind \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 transparent red , green, and blue blocksvalues. This follows the HTML and CSS style of defining colors.|-|Gray scale|<texcode>\definecolor[...][s=...]</texcode> For example,<texcode>\definecolor[screen][s=0.5] This is \color[screen]{a new color}that we defined</texcode>| The value for <code>s</code> is a floating point number between <code>0</code> and <code>1</code>, while representing the second is in front of themgrayness value (1 represents white, 0 represents black).|}
! | width="45%"|<texcode>\usecolors[xwi] ! \definecolor[highlight][yellow]\defineframed [important] [location=low, frame=off, background=color, backgroundcolor=highlight] This is an \important{important}word. \definecolor[highlight][lavenderblush]This is a \important{important}word.</texcode>| width="10%"| ! | width="45%"| |- | <texcodecontext mode=mkiv>\usecolors[xwi]\definecolor [transparentredhighlight] [ryellow]\defineframed[important][location=low, frame=1off,t background=.5color,abackgroundcolor=1highlight] This is an \important{important}word. \definecolor [transparentbluehighlight] [blavenderblush]This is an \important{important}word.</context>|} == Adapting existing colors == {{todo | add details about this}} =1,tPre-defined colors = The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).5 {| 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" | |} In addition to thees, many color collections are defined,which are not loaded by default. These can be loaded using <texcode>\usecolors[NAME]</texcode> where <code>NAME</code> is the name of the collection. The details of colors defined in these collections is shown below. You can also include such a detailed description of the colors defined in a=1color collection using <texcode>\showcolor[NAME]</texcode> For example, the truncated output of <code>\showcolor[crayola]</code> is shown below. {| |-|<texcode>\showcolor[crayola]</texcode>|<context mode=mkiv>\definecolor startTEXpage[solidyellowheight=5cm] \showcolor[ycrayola]\stopTEXpage</context>|} ==1,tCrayola crayon colors =1,a=1 The following colors are defined in {{src|colo-imp-crayola.mkiv}}. These canbe loaded using <texcode>\usecolors[crayola]</texcode>
\starttext
\startTEXpageThis is some sample {| style="text that goes behind the rectangles\hskip-8cmalign: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color \blackrule[!style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|Red||bgcolor="ED0A3F" | |Maroon||bgcolor="C32148" | |Scarlet||bgcolor="FD0E35" | |BrickRed||bgcolor="C62D42" | |-|EnglishVermilion||bgcolor="CC474B" | |MadderLake||bgcolor="CC3336" | |PermanentGeraniumLake||bgcolor="E12C2C" | |MaximumRed||bgcolor="D92121" | |-|IndianRed||bgcolor="B94E48" | |OrangeRed||bgcolor="FF5349" | |SunsetOrange||bgcolor="FE4C40" | |Bittersweet||bgcolor="FE6F5E" | |-|DarkVenetianRed||bgcolor="B33B24" | |VenetianRed||bgcolor="CC553D" | |LightVenetianRed||bgcolor="E6735C" | |VividTangerine||bgcolor="FF9980" | |-|MiddleRed||bgcolor="E58E73" | |BurntOrange||bgcolor="FF7F49" | |RedOrange||bgcolor="FF681F" | |Orange||bgcolor="FF8833" | |-|MacaroniandCheese||bgcolor="FFB97B" | |MiddleYellowRed||bgcolor="ECB176" | |MangoTango||bgcolor="E77200" | |YellowOrange||bgcolor="FFAE42" | |-|MaximumYellowRed||bgcolor="F2BA49" | |BananaMania||bgcolor="FBE7B2" | |Maize||bgcolor="F2C649" | |OrangeYellow||bgcolor="F8D568" | |-|Goldenrod||bgcolor="FCD667" | |Dandelion||bgcolor="FED85D" | |Yellow||bgcolor="FBE870" | |GreenYellow||bgcolor="F1E788" | |-|MiddleYellow||bgcolor="FFEB00" | |OliveGreen||bgcolor="B5B35C" | |SpringGreen||bgcolor="ECEBBD" | |MaximumYellow||bgcolor="FAFA37" | |-|Canary||bgcolor="FFFF99" | |LemonYellow||bgcolor="FFFF9F" | |MaximumGreenYellow||bgcolor="D9E650" | |MiddleGreenYellow||bgcolor="ACBF60" | |-|Inchworm||bgcolor="AFE313" | |LightChromeGreen||bgcolor="BEE64B" | |YellowGreen||bgcolor="C5E17A" | |MaximumGreen||bgcolor="5E8C31" | |-|Asparagus||bgcolor="7BA05B" | |GrannySmithApple||bgcolor="9DE093" | |Fern||bgcolor="63B76C" | |MiddleGreen||bgcolor="4D8C57" | |-|Green||bgcolor="3AA655" | |MediumChromeGreen||bgcolor="6CA67C" | |ForestGreen||bgcolor="5FA777" | |SeaGreen||bgcolor="93DFB8" | |-|Shamrock||bgcolor="33CC99" | |MountainMeadow||bgcolor="1AB385" | |JungleGreen||bgcolor="29AB87" | |CaribbeanGreen||bgcolor="00CC99" | |-|TropicalRainForest||bgcolor="00755E" | |MiddleBlueGreen||bgcolor="8DD9CC" | |PineGreen||bgcolor="01786F" | |MaximumBlueGreen||bgcolor="30BFBF" | |-|RobinsEggBlue||bgcolor="00CCCC" | |TealBlue||bgcolor="008080" | |LightBlue||bgcolor="8FD8D8" | |Aquamarine||bgcolor="95E0E8" | |-|TurquoiseBlue||bgcolor="6CDAE7" | |OuterSpace||bgcolor="2D383A" | |SkyBlue||bgcolor="76D7EA" | |MiddleBlue||bgcolor="7ED4E6" | |-|BlueGreen||bgcolor="0095B7" | |PacificBlue||bgcolor="009DC4" | |Cerulean||bgcolor="02A4D3" | |MaximumBlue||bgcolor="47ABCC" | |-|BlueI||bgcolor="4997D0" | |CeruleanBlue||bgcolor="339ACC" | |Cornflower||bgcolor="93CCEA" | |GreenBlue||bgcolor="2887C8" | |-|MidnightBlue||bgcolor="00468C" | |NavyBlue||bgcolor="0066CC" | |Denim||bgcolor="1560BD" | |BlueIII||bgcolor="0066FF" | |-|CadetBlue||bgcolor="A9B2C3" | |Periwinkle||bgcolor="C3CDE6" | |BlueII||bgcolor="4570E6" | |WildBlueYonder||bgcolor="7A89B8" | |-|Indigo||bgcolor="4F69C6" | |Manatee||bgcolor="8D90A1" | |CobaltBlue||bgcolor="8C90C8" | |CelestialBlue||bgcolor="7070CC" | |-|BlueBell||bgcolor="9999CC" | |MaximumBluePurple||bgcolor="ACACE6" | |VioletBlue||bgcolor="766EC8" | |BlueViolet||bgcolor="6456B7" | |-|UltramarineBlue||bgcolor="3F26BF" | |MiddleBluePurple||bgcolor="8B72BE" | |PurpleHeart||bgcolor="652DC1" | |RoyalPurple||bgcolor="6B3FA0" | |-|VioletII||bgcolor="8359A3" | |MediumViolet||bgcolor="8F47B3" | |Wisteria||bgcolor="C9A0DC" | |LavenderI||bgcolor="BF8FCC" | |-|VividViolet||bgcolor="803790" | |MaximumPurple||bgcolor="733380" | |PurpleMountainsMajesty||bgcolor="D6AEDD" | |Fuchsia||bgcolor="C154C1" | |-|PinkFlamingo||bgcolor="FC74FD" | |VioletI||bgcolor="732E6C" | |BrilliantRose||bgcolor="E667CE" | |Orchid||bgcolor="E29CD2" | |-|Plum||bgcolor="8E3179" | |MediumRose||bgcolor="D96CBE" | |Thistle||bgcolor="EBB0D7" | |Mulberry||bgcolor="C8509B" | |-|RedViolet||bgcolor="BB3385" | |MiddlePurple||bgcolor="D982B5" | |MaximumRedPurple||bgcolor="A63A79" | |JazzberryJam||bgcolor="A50B5E" | |-|Eggplant||bgcolor="614051" | |Magenta||bgcolor="F653A6" | |Cerise||bgcolor="DA3287" | |WildStrawberry||bgcolor="FF3399" | |-|LavenderII||bgcolor="FBAED2" | |CottonCandy||bgcolor="FFB7D5" | |CarnationPink||bgcolor="FFA6C9" | |VioletRed||bgcolor="F7468A" | |-|Razzmatazz||bgcolor="E30B5C" | |PigPink||bgcolor="FDD7E4" | |Carmine||bgcolor="E62E6B" | |Blush||bgcolor="DB5079" | |-|TickleMePink||bgcolor="FC80A5" | |Mauvelous||bgcolor="F091A9" | |Salmon||bgcolor="FF91A4" | |MiddleRedPurple||bgcolor="A55353" | |-|Mahogany||bgcolor="CA3435" | |Melon||bgcolor="FEBAAD" | |PinkSherbert||bgcolor="F7A38E" | |BurntSienna||bgcolor="E97451" | |-|Brown||bgcolor="AF593E" | |Sepia||bgcolor="9E5B40" | |FuzzyWuzzy||bgcolor="87421F" | |Beaver||bgcolor="926F5B" | |-|Tumbleweed||bgcolor="DEA681" | |RawSienna||bgcolor="D27D46" | |VanDykeBrown||bgcolor="664228" | |Tan||bgcolor="D99A6C" | |-|DesertSand||bgcolor="EDC9AF" | |Peach||bgcolor="FFCBA4" | |BurntUmber||bgcolor="805533" | |Apricot||bgcolor="FDD5B1" | |-|Almond||bgcolor="EED9C4" | |RawUmber||bgcolor="665233" | |Shadow||bgcolor="837050" | |RawSiennaI||bgcolor="E6BC5C" | |-|Timberwolf||bgcolor="D9D6CF" | |GoldI||bgcolor="92926E" | |GoldII||bgcolor="E6BE8A" | |Silver||bgcolor="C9C0BB" | |-|Copper||bgcolor="DA8A67" | |AntiqueBrass||bgcolor="C88A65" | |Black||bgcolor="000000" | |CharcoalGray||bgcolor="736A62" | |-|Gray||bgcolor="8B8680" | |BlueGray||bgcolor="C8C8CD" | |White||bgcolor="FFFFFF" | |RadicalRed||bgcolor="FF355E" | |-|WildWatermelon||bgcolor="FD5B78" | |OutrageousOrange||bgcolor="FF6037" | |AtomicTangerine||bgcolor="FF9966" | |NeonCarrot||bgcolor="FF9933" | |-|Sunglow||bgcolor="FFCC33" | |LaserLemon||bgcolor="FFFF66" | |UnmellowYellow||bgcolor="FFFF66" | |ElectricLime||bgcolor=2cm,height"CCFF00" | |-|ScreaminGreen||bgcolor=1cm,depth"66FF66" | |MagicMint||bgcolor=1cm,color"AAF0D1" | |BlizzardBlue||bgcolor=solidyellow]\hskip"50BFE6" | |ShockingPink||bgcolor="FF6EFF" | |-0.67cm\blackrule[width|RazzleDazzleRose||bgcolor="EE34D2" | |HotMagenta||bgcolor="FF00CC" | |PurplePizzazz||bgcolor="FF00CC" | |AztecGold||bgcolor="C39953" | |-|BurnishedBrown||bgcolor="A17A74" | |CeruleanFrost||bgcolor="6D9BC3" | |CinnamonSatin||bgcolor="CD607E" | |CopperPenny||bgcolor="AD6F69" | |-|CosmicCobalt||bgcolor="2E2D88" | |GlossyGrape||bgcolor="AB92B3" | |GraniteGray||bgcolor="676767" | |GreenSheen||bgcolor="6EAEA1" | |-|LilacLuster||bgcolor="AE98AA" | |MistyMoss||bgcolor="BBB477" | |MysticMaroon||bgcolor="AD4379" | |PearlyPurple||bgcolor="B768A2" | |-|PewterBlue||bgcolor="8BA8B7" | |PolishedPine||bgcolor="5DA493" | |QuickSilver||bgcolor="A6A6A6" | |RoseDust||bgcolor="9E5E6F" | |-|RustyRed||bgcolor="DA2C43" | |ShadowBlue||bgcolor="778BA5" | |ShinyShamrock||bgcolor="5FA778" | |SteelTeal||bgcolor="5F8A8B" | |-|SugarPlum||bgcolor="914E75" | |TwilightLavender||bgcolor="8A496B" | |WintergreenDream||bgcolor="56887D" | |Amethyst||bgcolor="64609A" | |-|Citrine||bgcolor="933709" | |Emerald||bgcolor="14A989" | |Jade||bgcolor="469A84" | |Jasper||bgcolor="D05340" | |-|LapisLazuli||bgcolor="436CB9" | |Malachite||bgcolor="469496" | |Moonstone||bgcolor="3AA8C1" | |Onyx||bgcolor="353839" | |-|Peridot||bgcolor="ABAD48" | |PinkPearl||bgcolor="B07080" | |RoseQuartz||bgcolor="BD559C" | |Ruby||bgcolor="AA4069" | |-|Sapphire||bgcolor="2D5DA1" | |SmokeyTopaz||bgcolor="832A0D" | |TigersEye||bgcolor="B56917" | |AquaPearl||bgcolor="5FBED7" | |-|BlackCoralPearl||bgcolor="54626F" | |CaribbeanGreenPearl||bgcolor=2cm,height"6ADA8E" | |CulturedPearl||bgcolor=2cm,color"F5F5F5" | |KeyLimePearl||bgcolor=transparentred]\hskip"E8F48C" | |-0.67cm\blackrule[width|MandarinPearl||bgcolor=2cm,height"F37A48" | |MidnightPearl||bgcolor=1cm,depth"702670" | |MysticPearl||bgcolor=1cm,color"D65282" | |OceanBluePearl||bgcolor=transparentblue]\hskip"4F42B5" | |-0.67cm\blackrule[width|OceanGreenPearl||bgcolor="48BF91" | |OrchidPearl||bgcolor=2cm,height"7B4259" | |RosePearl||bgcolor=2cm,color"F03865" | |SalmonPearl||bgcolor="F1444A" | |-|SunnyPearl||bgcolor="F2F27A" | |SunsetPearl||bgcolor=solidyellow]\hskip2cm."F1CC79" | \stopTEXpage|}
\stoptext</texcode>||<context>\setupcolors[state=start]\definecolor [transparentred] [r=1,tRAL colors =.5,a=1]\definecolor [transparentblue] [b=1,t=.5,a=1]\definecolor [solidyellow] [y=1,t=1,a=1]
\starttextRAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)approximate RGB colors (inofficial translation from [http://www.ralcolor.com www.ralcolor.com]). These are defined in {{src|colo-imp-ral.mkiv}} and can be loaded using
\stoptext{| style="text-align: right; padding-right: 20px;"</context>!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color!style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|RAL1000||bgcolor="BEBD7F" | |RAL1001||bgcolor="C2B078" | |RAL1002||bgcolor="C6A664" | |RAL1003||bgcolor="E5BE01" | |RAL1004||bgcolor="CDA434" | |RAL1005||bgcolor="A98307" | |-|RAL1006||bgcolor="E4A010" | |RAL1007||bgcolor="DC9D00" | |RAL1011||bgcolor="8A6642" | |RAL1012||bgcolor="C7B446" | |RAL1013||bgcolor="EAE6CA" | |RAL1014||bgcolor="E1CC4F" | |-|RAL1015||bgcolor="E6D690" | |RAL1016||bgcolor="EDFF21" | |RAL1017||bgcolor="F5D033" | |RAL1018||bgcolor="F8F32B" | |RAL1019||bgcolor="9E9764" | |RAL1020||bgcolor="999950" | |-|RAL1021||bgcolor="F3DA0B" | |RAL1023||bgcolor="FAD201" | |RAL1024||bgcolor="AEA04B" | |RAL1026||bgcolor="FFFF00" | |RAL1027||bgcolor="9D9101" | |RAL1028||bgcolor="F4A900" | |-|RAL1032||bgcolor="D6AE01" | |RAL1033||bgcolor="F3A505" | |RAL1034||bgcolor="EFA94A" | |RAL1035||bgcolor="6A5D4D" | |RAL1036||bgcolor="705335" | |RAL1037||bgcolor="F39F18" | |-|RAL2000||bgcolor="ED760E" | |RAL2001||bgcolor="C93C20" | |RAL2002||bgcolor="CB2821" | |RAL2003||bgcolor="FF7514" | |RAL2004||bgcolor="F44611" | |RAL2005||bgcolor="FF2301" | |-|RAL2007||bgcolor="FFA420" | |RAL2008||bgcolor="F75E25" | |RAL2009||bgcolor="F54021" | |RAL2010||bgcolor="D84B20" | |RAL2011||bgcolor="EC7C26" | |RAL2012||bgcolor="E55137" | |-|RAL2013||bgcolor="C35831" | |RAL3000||bgcolor="AF2B1E" | |RAL3001||bgcolor="A52019" | |RAL3002||bgcolor="A2231D" | |RAL3003||bgcolor="9B111E" | |RAL3004||bgcolor="75151E" | |-|RAL3005||bgcolor="5E2129" | |RAL3007||bgcolor="412227" | |RAL3009||bgcolor="642424" | |RAL3011||bgcolor="781F19" | |RAL3012||bgcolor="C1876B" | |RAL3013||bgcolor="A12312" | |-|RAL3014||bgcolor="D36E70" | |RAL3015||bgcolor="EA899A" | |RAL3016||bgcolor="B32821" | |RAL3017||bgcolor="E63244" | |RAL3018||bgcolor="D53032" | |RAL3020||bgcolor="CC0605" | |-|RAL3022||bgcolor="D95030" | |RAL3024||bgcolor="F80000" | |RAL3026||bgcolor="FE0000" | |RAL3027||bgcolor="C51D34" | |RAL3028||bgcolor="CB3234" | |RAL3031||bgcolor="B32428" | |-|RAL3032||bgcolor="721422" | |RAL3033||bgcolor="B44C43" | |RAL4001||bgcolor="6D3F5B" | |RAL4002||bgcolor="922B3E" | |RAL4003||bgcolor="DE4C8A" | |RAL4004||bgcolor="641C34" | |-|RAL4005||bgcolor="6C4675" | |RAL4006||bgcolor="A03472" | |RAL4007||bgcolor="4A192C" | |RAL4008||bgcolor="924E7D" | |RAL4009||bgcolor="A18594" | |RAL4010||bgcolor="CF3476" | |-|RAL4011||bgcolor="8673A1" | |RAL4012||bgcolor="6C6874" | |RAL5000||bgcolor="354D73" | |RAL5001||bgcolor="1F3438" | |RAL5002||bgcolor="20214F" | |RAL5003||bgcolor="1D1E33" | |-|RAL5004||bgcolor="18171C" | |RAL5005||bgcolor="1E2460" | |RAL5007||bgcolor="3E5F8A" | |RAL5008||bgcolor="26252D" | |RAL5009||bgcolor="025669" | |RAL5010||bgcolor="0E294B" | |-|RAL5011||bgcolor="231A24" | |RAL5012||bgcolor="3B83BD" | |RAL5013||bgcolor="1E213D" | |RAL5014||bgcolor="606E8C" | |RAL5015||bgcolor="2271B3" | |RAL5017||bgcolor="063971" | |-|RAL5018||bgcolor="3F888F" | |RAL5019||bgcolor="1B5583" | |RAL5020||bgcolor="1D334A" | |RAL5021||bgcolor="256D7B" | |RAL5022||bgcolor="252850" | |RAL5023||bgcolor="49678D" | |-|RAL5024||bgcolor="5D9B9B" | |RAL5025||bgcolor="2A6478" | |RAL5026||bgcolor="102C54" | |RAL6000||bgcolor="316650" | |RAL6001||bgcolor="287233" | |RAL6002||bgcolor="2D572C" | |-|RAL6003||bgcolor="424632" | |RAL6004||bgcolor="1F3A3D" | |RAL6005||bgcolor="2F4538" | |RAL6006||bgcolor="3E3B32" | |RAL6007||bgcolor="343B29" | |RAL6008||bgcolor="39352A" | |-|RAL6009||bgcolor="31372B" | |RAL6010||bgcolor="35682D" | |RAL6011||bgcolor="587246" | |RAL6012||bgcolor="343E40" | |RAL6013||bgcolor="6C7156" | |RAL6014||bgcolor="47402E" | |-|RAL6015||bgcolor="3B3C36" | |RAL6016||bgcolor="1E5945" | |RAL6017||bgcolor="4C9141" | |RAL6018||bgcolor="57A639" | |RAL6019||bgcolor="BDECB6" | |RAL6020||bgcolor="2E3A23" | |-|RAL6021||bgcolor="89AC76" | |RAL6022||bgcolor="25221B" | |RAL6024||bgcolor="308446" | |RAL6025||bgcolor="3D642D" | |RAL6026||bgcolor="015D52" | |RAL6027||bgcolor="84C3BE" | |-|RAL6028||bgcolor="2C5545" | |RAL6029||bgcolor="20603D" | |RAL6032||bgcolor="317F43" | |RAL6033||bgcolor="497E76" | |RAL6034||bgcolor="7FB5B5" | |RAL6035||bgcolor="1C542D" | |-|RAL6036||bgcolor="193737" | |RAL6037||bgcolor="008F39" | |RAL6038||bgcolor="00BB2D" | |RAL7000||bgcolor="78858B" | |RAL7001||bgcolor="8A9597" | |RAL7002||bgcolor="7E7B52" | |-|RAL7003||bgcolor="6C7059" | |RAL7004||bgcolor="969992" | |RAL7005||bgcolor="646B63" | |RAL7006||bgcolor="6D6552" | |RAL7008||bgcolor="6A5F31" | |RAL7009||bgcolor="4D5645" | |-|RAL7010||bgcolor="4C514A" | |RAL7011||bgcolor="434B4D" | |RAL7012||bgcolor="4E5754" | |RAL7013||bgcolor="464531" | |RAL7015||bgcolor="434750" | |RAL7016||bgcolor="293133" | |-|RAL7021||bgcolor="23282B" | |RAL7022||bgcolor="332F2C" | |RAL7023||bgcolor="686C5E" | |RAL7024||bgcolor="474A51" | |RAL7026||bgcolor="2F353B" | |RAL7030||bgcolor="8B8C7A" | |-|RAL7031||bgcolor="474B4E" | |RAL7032||bgcolor="B8B799" | |RAL7033||bgcolor="7D8471" | |RAL7034||bgcolor="8F8B66" | |RAL7035||bgcolor="D7D7D7" | |RAL7036||bgcolor="7F7679" | |-|RAL7037||bgcolor="7D7F7D" | |RAL7038||bgcolor="B5B8B1" | |RAL7039||bgcolor="6C6960" | |RAL7040||bgcolor="9DA1AA" | |RAL7042||bgcolor="8D948D" | |RAL7043||bgcolor="4E5452" | |-|RAL7044||bgcolor="CAC4B0" | |RAL7045||bgcolor="909090" | |RAL7046||bgcolor="82898F" | |RAL7047||bgcolor="D0D0D0" | |RAL7048||bgcolor="898176" | |RAL8000||bgcolor="826C34" | |-|RAL8001||bgcolor="955F20" | |RAL8002||bgcolor="6C3B2A" | |RAL8003||bgcolor="734222" | |RAL8004||bgcolor="8E402A" | |RAL8007||bgcolor="59351F" | |RAL8008||bgcolor="6F4F28" | |-|RAL8011||bgcolor="5B3A29" | |RAL8012||bgcolor="592321" | |RAL8014||bgcolor="382C1E" | |RAL8015||bgcolor="633A34" | |RAL8016||bgcolor="4C2F27" | |RAL8017||bgcolor="45322E" | |-|RAL8019||bgcolor="403A3A" | |RAL8022||bgcolor="212121" | |RAL8023||bgcolor="A65E2E" | |RAL8024||bgcolor="79553D" | |RAL8025||bgcolor="755C48" | |RAL8028||bgcolor="4E3B31" | |-|RAL8029||bgcolor="763C28" | |RAL9001||bgcolor="FDF4E3" | |RAL9002||bgcolor="E7EBDA" | |RAL9003||bgcolor="F4F4F4" | |RAL9004||bgcolor="282828" | |RAL9005||bgcolor="0A0A0A" | |-|RAL9006||bgcolor="A5A5A5" | |RAL9007||bgcolor="8F8F8F" | |RAL9010||bgcolor="FFFFFF" | |RAL9011||bgcolor="1C1C1C" | |RAL9016||bgcolor="F6F6F6" | |RAL9017||bgcolor="1E1E1E" | |-|RAL9018||bgcolor="D7D7D7" | |RAL9022||bgcolor="9C9C9C" | |RAL9023||bgcolor="828282" |
Very interesting feature, see also the manual and here on the wiki <texcode>\usecolors[[Commandsolarized]</definecolor]]texcode>
There Colors based on the [http://www.december.com/html/spec/colorsvghex.html SVG]spec. These are three basic strategies to select color combinations for a particular designdefined in {{src|colo-imp-svg.mkiv}} and can be loaded using
# 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 <texcode>\usecolors[svg]</ the psychological effects of colortexcode>
See for additional help & reference{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width:100px;"| Name !! Color * [http!style="width://colorschemedesigner.com/ colorschemedesigner.com] - Useful site to help choose a color scheme in rgb color space100px;"| Name !! Color * Tina Sutton, Bride M Whelan!style="width: The Complete 100px;"| Name !! Color Harmony. Rockport Publishers (2004). ISBN 978|-|black||bgcolor="000000" | |navy||bgcolor="000080" | |darkblue||bgcolor="00008B" | |mediumblue||bgcolor="0000CD" | |-|blue||bgcolor="0000FF" | |darkgreen||bgcolor="006400" | |green||bgcolor="008000" | |teal||bgcolor="008080" | |-|darkcyan||bgcolor="008B8B" | |deepskyblue||bgcolor="00BFFF" | |darkturquoise||bgcolor="00CED1" | |mediumspringgreen||bgcolor="00FA9A" | |-|lime||bgcolor="00FF00" | |springgreen||bgcolor="00FF7F" | |cyan||bgcolor="00FFFF" | |aqua||bgcolor="00FFFF" | |-|midnightblue||bgcolor="191970" | |dodgerblue||bgcolor="1E90FF" | |lightseagreen||bgcolor="20B2AA" | |forestgreen||bgcolor="228B22" | |-|seagreen||bgcolor="2E8B57" | |darkslategray||bgcolor="2F4F4F" | |darkslategrey||bgcolor="2F4F4F" | |limegreen||bgcolor="32CD32" | |-|mediumseagreen||bgcolor="3CB371" | |turquoise||bgcolor="40E0D0" | |royalblue||bgcolor="4169E1" | |steelblue||bgcolor="4682B4" | |-|darkslateblue||bgcolor="483D8B" | |mediumturquoise||bgcolor="48D1CC" | |indigo||bgcolor="4B0082" | |darkolivegreen||bgcolor="556B2F" | |-|cadetblue||bgcolor="5F9EA0" | |cornflowerblue||bgcolor="6495ED" | |mediumaquamarine||bgcolor="66CDAA" | |dimgrey||bgcolor="696969" | |-|dimgray||bgcolor="696969" | |slateblue||bgcolor="6A5ACD" | |olivedrab||bgcolor="6B8E23" | |slategrey||bgcolor="708090" | |-|slategray||bgcolor="708090" | |lightslategray||bgcolor="778899" | |lightslategrey||bgcolor="778899" | |mediumslateblue||bgcolor="7B68EE" | |-|lawngreen||bgcolor="7CFC00" | |chartreuse||bgcolor="7FFF00" | |aquamarine||bgcolor="7FFFD4" | |maroon||bgcolor="800000" | |-|purple||bgcolor="800080" | |olive||bgcolor="808000" | |gray||bgcolor="808080" | |grey||bgcolor="808080" | |-1592530311 (recommanded in the mailing list)|skyblue||bgcolor="87CEEB" | |lightskyblue||bgcolor="87CEFA" | |blueviolet||bgcolor="8A2BE2" | |darkred||bgcolor="8B0000" | |-|darkmagenta||bgcolor="8B008B" | |saddlebrown||bgcolor="8B4513" | |darkseagreen||bgcolor="8FBC8F" | |lightgreen||bgcolor="90EE90" | |-|mediumpurple||bgcolor="9370DB" | |darkviolet||bgcolor="9400D3" | |palegreen||bgcolor="98FB98" | |darkorchid||bgcolor="9932CC" | |-|yellowgreen||bgcolor="9ACD32" | |sienna||bgcolor="A0522D" | |brown||bgcolor="A52A2A" | |darkgray||bgcolor="A9A9A9" | |-|darkgrey||bgcolor="A9A9A9" | |lightblue||bgcolor="ADD8E6" | |greenyellow||bgcolor="ADFF2F" | |paleturquoise||bgcolor="AFEEEE" | |-|lightsteelblue||bgcolor="B0C4DE" | |powderblue||bgcolor="B0E0E6" | |firebrick||bgcolor="B22222" | |darkgoldenrod||bgcolor="B8860B" | |-|mediumorchid||bgcolor="BA55D3" | |rosybrown||bgcolor="BC8F8F" | |darkkhaki||bgcolor="BDB76B" | |silver||bgcolor="C0C0C0" | |-|mediumvioletred||bgcolor="C71585" | |indianred||bgcolor="CD5C5C" | |peru||bgcolor="CD853F" | |chocolate||bgcolor="D2691E" | |-|tan||bgcolor="D2B48C" | |lightgray||bgcolor="D3D3D3" | |lightgrey||bgcolor="D3D3D3" | |thistle||bgcolor="D8BFD8" | |-|orchid||bgcolor="DA70D6" | |goldenrod||bgcolor="DAA520" | |palevioletred||bgcolor="DB7093" | |crimson||bgcolor="DC143C" | |-|gainsboro||bgcolor="DCDCDC" | |plum||bgcolor="DDA0DD" | |burlywood||bgcolor="DEB887" | |lightcyan||bgcolor="E0FFFF" | |-|lavender||bgcolor="E6E6FA" | |darksalmon||bgcolor="E9967A" | |violet||bgcolor="EE82EE" | |palegoldenrod||bgcolor="EEE8AA" | |-|lightcoral||bgcolor="F08080" | |khaki||bgcolor="F0E68C" | |aliceblue||bgcolor="F0F8FF" | |honeydew||bgcolor="F0FFF0" | |-|azure||bgcolor="F0FFFF" | |sandybrown||bgcolor="F4A460" | |wheat||bgcolor="F5DEB3" | |beige||bgcolor="F5F5DC" | |-|whitesmoke||bgcolor="F5F5F5" | |mintcream||bgcolor="F5FFFA" | |ghostwhite||bgcolor="F8F8FF" | |salmon||bgcolor="FA8072" | |-|antiquewhite||bgcolor="FAEBD7" | |linen||bgcolor="FAF0E6" | |lightgoldenrodyellow||bgcolor="FAFAD2" | |oldlace||bgcolor="FDF5E6" | |-|red||bgcolor="FF0000" | |fuchsia||bgcolor="FF00FF" | |magenta||bgcolor="FF00FF" | |deeppink||bgcolor="FF1493" | |-|orangered||bgcolor="FF4500" | |tomato||bgcolor="FF6347" | |hotpink||bgcolor="FF69B4" | |coral||bgcolor="FF7F50" | |-|darkorange||bgcolor="FF8C00" | |lightsalmon||bgcolor="FFA07A" | |orange||bgcolor="FFA500" | |lightpink||bgcolor="FFB6C1" | |-|pink||bgcolor="FFC0CB" | |gold||bgcolor="FFD700" | |peachpuff||bgcolor="FFDAB9" | |navajowhite||bgcolor="FFDEAD" | |-|moccasin||bgcolor="FFE4B5" | |bisque||bgcolor="FFE4C4" | |mistyrose||bgcolor="FFE4E1" | |blanchedalmond||bgcolor="FFEBCD" | |-|papayawhip||bgcolor="FFEFD5" | |lavenderblush||bgcolor="FFF0F5" | |seashell||bgcolor="FFF5EE" | |cornsilk||bgcolor="FFF8DC" | |-|lemonchiffon||bgcolor="FFFACD" | |floralwhite||bgcolor="FFFAF0" | |snow||bgcolor="FFFAFA" | |yellow||bgcolor="FFFF00" | |-|lightyellow||bgcolor="FFFFE0" | |ivory||bgcolor="FFFFF0" | |white||bgcolor="FFFFFF" | |}
* Use the color name like <tt>[color=blablue]<https://tt> in some <tt>\setupen.wikipedia.org/wiki/X11_color_names X11_color_names] defined in{{src|colo-imp-x11.</tt> commandmkiv}}.These can be loaded using
== With text ==<texcode>\usecolors[x11]</texcode>
Typeset single text elements with {{cmd|color}}<tt>[colorname]{nice blue text}</tt>:
Alternatively== Additional pre-defined colors == In addition to the above, typeset text elements with {{cmd|colored}}<tt>[rgb values]{colored text}</tt> (suggested on NTG-ConTeXt: [http://www.ntg.nl/pipermail/ntgthere are other pre-context/2010/046563defined colors.html]):
Typeset longer sections with = Advanced Usage = == Using colors in MetaPost == A color defined in TeX is available in MetaPost using `\MPcolor{{cmd|startcolor}}<tt>[colorname] ...</tt> {{cmd|stopcolor}}` or in LuaMetaFun simply the name in quotation marks. For example:
! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>\setuppapersizedefinecolor[highlight][A6r=0.8,g=0.8,b=0]
||<contextmode=mkiv>\setuppapersizedefinecolor[A6highlight]\setupcolors[stater=0.8,g=0.8,b=start0]\starttext\startcolorcolor[orangehighlight]{Highlighted text in TeX} \input tuftestartMPcodelabel("Highlighted text in MetaPost", origin) withcolor \stopcolorMPcolor{highlight};\stoptextstopMPcode
See [[Titles#Using_colors_in_chapters_and_sections]]* {{cmd|doifcolor}}* {{cmd|doifcolorelse}}
== With frames ==Usage:
{| ! width="45%"| ! width="10%"| ! width="45%"| |- | <texcode>\framed[background=doifcolor{color, backgroundcolor=green]-name}{bla... if branch ... }\framed[background=doifcolorelse{color, backgroundcolor=yellow, corner=00]-name}{... if branch ...}{bla... else branch ...}
|
|<context>
\setupcolors[state=start]
\starttext
\framed[background=color, backgroundcolor=green]{bla}
\framed[background=color, backgroundcolor=yellow, corner=00]{bla}
</context>
|}
== Background of the page ==
{| ! 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>
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>
! 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
|<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
{{Color navbox}}= Further reading and specialized topics =
{{Getting started navbox}}* [[Transparency]] * [[Spot Colors]]* References** [http://paletton.com Paletton] - website to choose color palettes** [http://colorbrewer2.org/ ColorBrewer] - website to choose colors for maps and graphics** Tina Sutton, Bride M Whelan: The Complete Color Harmony. Rockport Publishers (2004). ISBN 978-1592530311 (recommended in the mailing list)
simplify some examples, small additions
1. It’s usually bad style to use explicit color switches in the text. It’s better to define a semantic command that takes care of the color switching. For example, instead of using <code>\color[red]{important text}</code>, define<texcode>\definehighlight[important][color= Defining Colors =red]</texcode>and then use <code>\important{important text}</code> in the text.
2. Colors are not enabled by default in MkII. To enable colors in MkII, use<texcode>\setupcolors[state== Choosing a color model ==start]</texcode>
<texcode>\color[defined-color]{ ... text ... }</texcode>
or
<texcode>\startcolor[defined-color]
... text ...
\stopcolor</texcode>
</texcode>
|
|<context>
Three \color[red]{cool} cats
</context>
|}
<context mode="mkiv" source="yes" text="yields several pages of this:">\showcolorstartcolor[rgbred]\input tufte\stopcolor
</context>
It is also possible to use RGB or CMYK or hex values to color text. The definitions reside in the files prefixed syntax for these is<codetexcode>colo-imp-\colored[settings]{... text ...}</codetexcode>, toseparate them from the color functionality that is implemented inwhere <code>colo-xxx.mkivsettings</code>are the same settings as used by {{cmd|definecolor}}.For example:
{|
! id width="45%"| !width="10%"| ! source !! descriptionwidth="45%"| |- | rgb || {{src|colo-imp-rgb<texcode>Three \colored[r=0.1, g=0.mkiv}} || some simple colors8, loaded by default (with translations for the different interface languages!)|-| xwi || b=0.8]{{src|colo-imp-xwi.mkiv}colorful}cats</texcode>| Xorg color keywords (WWW), defined in decimal RGB|-<context>| x11 || {{src|colo-imp-x11Three \colored[r=0.1, g=0.mkiv}}| extended Xorg color keywords (WWW)8, defined in hex RGB|-| ema || {{src|colo-imp-emab=0.mkiv}} || Emacs colors|-| dem || 8]{{src|colo-imp-dem.mkiv}colorful}cats| color groups and palets for different language interfaces</context>
|}
For example,
{|
! width="10%"|
! width="45%"|
</texcode>
|
| <context>\setupcolors[statetextcolor=start]\definecolor[blablue][r=.1, g=.1, b=1, c=1, m=.1, y=0, k=0, s=.2blue] Here's some \color[blablue]{blue text} inbetween!input tufte
</context>
|}
=== Colors with Hexadecimal Numbers =Changing background color of page ==
{|
! width="45%"|
|-
| <texcode>
\setupcolorsetuppapersize[hexA8, landscape]\definecolorsetupbackgrounds[salmonpage][hbackground=AB5757color,backgroundcolor=blue]\setupcolors[textcolor=white]
</texcode>
|
|<context>
\setupcolorssetuppapersize[state=startA8, landscape]\setupcolorsetupbackgrounds[hexpage][background=color,backgroundcolor=blue]\definecolor[salmon]setupcolors[htextcolor=AB5757white]
</context>
|}
=Defining New Colors ==Transparent ConTeXt Defining New Colors|supports several color models:* [https://en.wikipedia.org/wiki/CMYK_color_model CMYK], typically used for printing* [https://en.wikipedia.org/wiki/RGB_color_model RGB], [https://en.wikipedia.org/wiki/HSL_and_HSV HSV/HSL] and [https://en.wikipedia.org/wiki/HWB_color_model HWB], typically used for screen display,* [[Transparency]] ([https://en.wikipedia.org/wiki/Transparency_(graphic) Transparency] on wikipedia).* [[Spot Colors===]] typically used for offset printing ([https://en.wikipedia.org/wiki/Spot_color Spot colors] on wikipedia).
== Cloning existing colors ==
You can ''clone'' an existing color using
<texcode>\definecolor[new-color][old-color]</texcode>
For example
{|
<texcode>\startTEXpageThis is some sample text that goes behind the rectangles\hskip-8cm\blackrule[width=2cm,height=1cm,depth=1cm,color=solidyellow]\hskip-0.67cm\blackrule[width=2cm,height=2cm,color=transparentred]\hskip-0.67cm\blackrule[width=2cm,height=1cm,depth=1cm,color=transparentblue]\hskip-0.67cm\blackruleusecolors[width=2cm,height=2cm,color=solidyellowral]\hskip2cm.\stopTEXpage</texcode>
|}
== Defining color schemes: {{cmd|definecolorgroup}} and {{cmd|definepalet}}Solarized colors =={{cmd|definecolorgroup}}<tt>[name][system][values]</tt>
Colors based on the [http://ethanschoonover.com/solarized Solarized] color scheme by Ethan Schoonover.These are defined in {{cmdsrc|definepaletcolo-imp-solarized.mkiv}}<tt>[palettename][colorname1=groupcolor:1, colorname2=groupcolor:2, ...]</tt>and can be loaded using
{| style="text-align: right; padding-right: 20px;"!| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color|-|base03||bgcolor="002b36" | |base02||bgcolor="073642" | |base01||bgcolor="586e75" | |base00||bgcolor="657b83" | |-|base0||bgcolor="839496" | |base1||bgcolor="93a1a1" | |base2||bgcolor="eee8d5" | |base3||bgcolor="fdf6e3" | |-|yellow||bgcolor="b58900" | |orange||bgcolor="cb4b16" | |red||bgcolor="dc322f" | |magenta||bgcolor="d33682" | |-|violet||bgcolor="6c71c4" | |blue||bgcolor="268bd2" | |cyan||bgcolor="2aa198" | |green||bgcolor="859900" | |} == SVG colors =Choosing a color scheme=
=Using Colors= X11 colors ==
{|style="text-align: right; padding-right: 20px;" ! | Name !! Color !style="width: 100px;"| Name !! Color !style="45%width: 100px;"|Name !! Color ! style="width: 100px;"| Name !! Color|-|snow||bgcolor="fffafa" | |ghostwhite||bgcolor="f8f8ff" | |whitesmoke||bgcolor="f5f5f5" | |gainsboro||bgcolor="dcdcdc" | |-|floralwhite||bgcolor="fffaf0" | |oldlace||bgcolor="fdf5e6" | |linen||bgcolor="faf0e6" | |antiquewhite||bgcolor="faebd7" | |-|papayawhip||bgcolor="ffefd5" | |blanchedalmond||bgcolor="ffebcd" | |bisque||bgcolor="ffe4c4" | |peachpuff||bgcolor="ffdab9" | |-|navajowhite||bgcolor="ffdead" | |moccasin||bgcolor="ffe4b5" | |cornsilk||bgcolor="fff8dc" | |ivory||bgcolor="fffff0" | |-|lemonchiffon||bgcolor="fffacd" | |seashell||bgcolor="fff5ee" | |honeydew||bgcolor="f0fff0" | |mintcream||bgcolor="f5fffa" | |-|azure||bgcolor="f0ffff" | |aliceblue||bgcolor="f0f8ff" | |lavender||bgcolor="e6e6fa" | |lavenderblush||bgcolor="fff0f5" | |-|mistyrose||bgcolor="ffe4e1" | |white||bgcolor="ffffff" | |black||bgcolor="000000" | |darkslategray||bgcolor="2f4f4f" | |-|dimgray||bgcolor="686868" | |slategray||bgcolor="708090" | |lightslategray||bgcolor="778899" | |gray||bgcolor="c0c0c0" | |-|lightgray|| bgcolor="d4d4d4" | |midnightblue||bgcolor="191970" | |navy||bgcolor="000080" | |navyblue||bgcolor="000080" | |-|cornflowerblue||bgcolor="6495ed" | |darkslateblue||bgcolor="483d8b" | |slateblue||bgcolor="6a5acd" | |mediumslateblue||bgcolor="7b68ee" | |-|lightslateblue||bgcolor="8470ff" | |mediumblue||bgcolor="0000cd" | |royalblue||bgcolor="4169e1" | |blue||bgcolor="0000ff" | |-|dodgerblue||bgcolor="1e90ff" | |deepskyblue||bgcolor="00bfff" | |skyblue||bgcolor="87ceeb" | |lightskyblue||bgcolor="87cefa" | |-|steelblue||bgcolor="4682b4" | |lightsteelblue||bgcolor="b0c4de" | |lightblue||bgcolor="add8e6" | |powderblue||bgcolor="b0e0e6" | |-|paleturquoise||bgcolor="afeeee" | |darkturquoise||bgcolor="00ced1" | |mediumturquoise||bgcolor="48d1cc" | |turquoise||bgcolor="40e0d0" | |-|cyan||bgcolor="00ffff" | |lightcyan||bgcolor="e0ffff" | |cadetblue||bgcolor="5f9ea0" | |mediumaquamarine||bgcolor="66cdaa" | |-|aquamarine||bgcolor="7fffd4" | |darkolivegreen||bgcolor="556b2f" | |darkseagreen||bgcolor="8fbc8f" | |seagreen||bgcolor="2e8b57" | |-|mediumseagreen||bgcolor="3cb371" | |lightseagreen||bgcolor="20b2aa" | |palegreen||bgcolor="98fb98" | |lightgreen||bgcolor="90ee90" | |-|springgreen||bgcolor="00ff7f" | |lawngreen||bgcolor="7cfc00" | |green||bgcolor="00ff00" | |chartreuse||bgcolor="7fff00" | |-|mediumspringgreen||bgcolor="00fa9a" | |greenyellow||bgcolor="adff2f" | |limegreen||bgcolor="32cd32" | |yellowgreen||bgcolor="9acd32" | |-|forestgreen||bgcolor="228b22" | |olivedrab||bgcolor="6b8e23" | |darkkhaki||bgcolor="bdb76b" | |khaki||bgcolor="f0e68c" | |-|palegoldenrod||bgcolor="eee8aa" | |lightgoldenrodyellow||bgcolor="fafad2" | |lightyellow||bgcolor="ffffe0" | |yellow||bgcolor="ffff00" | |-|gold||bgcolor="ffd700" | |lightgoldenrod||bgcolor="eedd82" | |goldenrod||bgcolor="daa520" | |darkgoldenrod||bgcolor="b8860b" | |-|rosybrown||bgcolor="bc8f8f" | |indianred||bgcolor="cd5c5c" | |saddlebrown||bgcolor="8b4513" | |sienna||bgcolor="a0522d" | |-|peru||bgcolor="cd853f" | |burlywood||bgcolor="deb887" | |beige||bgcolor="f5f5dc" | |wheat||bgcolor="f5deb3" | |-|sandybrown||bgcolor="f4a460" | |tan||bgcolor="d2b48c" | |chocolate||bgcolor="d2691e" | |firebrick||bgcolor="b22222" | |-|brown||bgcolor="a52a2a" | |darksalmon||bgcolor="e9967a" | |salmon||bgcolor="fa8072" | |lightsalmon||bgcolor="ffa07a" | |-|orange||bgcolor="ffa500" | |darkorange||bgcolor="ff8c00" | |coral||bgcolor="ff7f50" | |lightcoral||bgcolor="f08080" | |-|tomato||bgcolor="ff6347" | |orangered||bgcolor="ff4500" | |red||bgcolor="ff0000" | |hotpink||bgcolor="ff69b4" | |-|deeppink||bgcolor="ff1493" | |pink||bgcolor="ffc0cb" | |lightpink||bgcolor="ffb6c1" | |palevioletred||bgcolor="db7093" | |-|maroon||bgcolor="b03060" | |mediumvioletred||bgcolor="c71585" | |violetred||bgcolor="d02090" | |magenta||bgcolor="ff00ff" | |-|violet||bgcolor="ee82ee" | |plum||bgcolor="dda0dd" | |orchid||bgcolor="da70d6" | |mediumorchid||bgcolor="ba55d3" | |-|darkorchid||bgcolor="9932cc" | |darkviolet||bgcolor="9400d3" | |blueviolet||bgcolor="8a2be2" | |purple||bgcolor="a020f0" | |-|mediumpurple||bgcolor="9370db" | |thistle||bgcolor="d8bfd8" | |snow1||bgcolor="fffafa" | |snow2||bgcolor="eee9e9" | |-|snow3||bgcolor="cdc9c9" | |snow4||bgcolor="8b8989" | |seashell1||bgcolor="fff5ee" | |seashell2||bgcolor="eee5de" | |-|seashell3||bgcolor="cdc5bf" | |seashell4||bgcolor="8b8682" | |antiquewhite1||bgcolor="ffefdb" | |antiquewhite2||bgcolor="eedfcc" | |-|antiquewhite3||bgcolor="cdc0b0" | |antiquewhite4||bgcolor="8b8378" | |bisque1||bgcolor="ffe4c4" | |bisque2||bgcolor="eed5b7" | |-|bisque3||bgcolor="cdb79e" | |bisque4||bgcolor="8b7d6b" | |peachpuff1||bgcolor="ffdab9" | |peachpuff2||bgcolor="eecbad" | |-|peachpuff3||bgcolor="cdaf95" | |peachpuff4||bgcolor="8b7765" | |navajowhite1||bgcolor="ffdead" | |navajowhite2||bgcolor="eecfa1" | |-|navajowhite3||bgcolor="cdb38b" | |navajowhite4||bgcolor="8b795e" | |lemonchiffon1||bgcolor="fffacd" | |lemonchiffon2||bgcolor="eee9bf" | |-|lemonchiffon3||bgcolor="cdc9a5" | |lemonchiffon4||bgcolor="8b8970" | |cornsilk1||bgcolor="fff8dc" | |cornsilk2||bgcolor="eee8cd" | |-|cornsilk3||bgcolor="cdc8b1" | |cornsilk4||bgcolor="8b8878" | |ivory1||bgcolor="fffff0" | |ivory2||bgcolor="eeeee0" | |-|ivory3||bgcolor="cdcdc1" | |ivory4||bgcolor="8b8b83" | |honeydew1||bgcolor="f0fff0" | |honeydew2||bgcolor="e0eee0" | |-|honeydew3||bgcolor="c1cdc1" | |honeydew4||bgcolor="838b83" | |lavenderblush1||bgcolor="fff0f5" | |lavenderblush2||bgcolor="eee0e5" | |-|lavenderblush3||bgcolor="cdc1c5" | |lavenderblush4||bgcolor="8b8386" | |mistyrose1||bgcolor="ffe4e1" | |mistyrose2||bgcolor="eed5d2" | |-|mistyrose3||bgcolor="cdb7b5" | |mistyrose4||bgcolor="8b7d7b" | |azure1||bgcolor="f0ffff" | |azure2||bgcolor="e0eeee" | |-|azure3||bgcolor="c1cdcd" | |azure4||bgcolor="838b8b" | |slateblue1||bgcolor="836fff" | |slateblue2||bgcolor="7a67ee" | |-|slateblue3||bgcolor="6959cd" | |slateblue4||bgcolor="473c8b" | |royalblue1||bgcolor="4876ff" | |royalblue2||bgcolor="436eee" | |-|royalblue3||bgcolor="3a5fcd" | |royalblue4||bgcolor="27408b" | |blue1||bgcolor="0000ff" | |blue2||bgcolor="0000ee" | |-|blue3||bgcolor="0000cd" | |blue4||bgcolor="00008b" | |dodgerblue1||bgcolor="1e90ff" | |dodgerblue2||bgcolor="1c86ee" | |-|dodgerblue3||bgcolor="1874cd" | |dodgerblue4||bgcolor="104e8b" | |steelblue1||bgcolor="63b8ff" | |steelblue2||bgcolor="5cacee" | |-|steelblue3||bgcolor="4f94cd" | |steelblue4||bgcolor="36648b" | |deepskyblue1||bgcolor="00bfff" | |deepskyblue2||bgcolor="00b2ee" | |-|deepskyblue3||bgcolor="009acd" | |deepskyblue4||bgcolor="00688b" | |skyblue1||bgcolor="87ceff" | |skyblue2||bgcolor="7ec0ee" | |-|skyblue3||bgcolor="6ca6cd" | |skyblue4||bgcolor="4a708b" | |lightskyblue1||bgcolor="b0e2ff" | |lightskyblue2||bgcolor="a4d3ee" | |-|lightskyblue3||bgcolor="8db6cd" | |lightskyblue4||bgcolor="607b8b" | |slategray1||bgcolor="c6e2ff" | |slategray2||bgcolor="b9d3ee" | |-|slategray3||bgcolor="9fb6cd" | |slategray4||bgcolor="6c7b8b" | |lightsteelblue1||bgcolor="cae1ff" | |lightsteelblue2||bgcolor="bcd2ee" | |-|lightsteelblue3||bgcolor="a2b5cd" | |lightsteelblue4||bgcolor="6e7b8b" | |lightblue1||bgcolor="bfefff" | |lightblue2||bgcolor="b2dfee" | |-|lightblue3||bgcolor="9ac0cd" | |lightblue4||bgcolor="68838b" | |lightcyan1||bgcolor="e0ffff" | |lightcyan2||bgcolor="d1eeee" | |-|lightcyan3||bgcolor="b4cdcd" | |lightcyan4||bgcolor="7a8b8b" | |paleturquoise1||bgcolor="bbffff" | |paleturquoise2||bgcolor="aeeeee" | |-|paleturquoise3||bgcolor="96cdcd" | |paleturquoise4||bgcolor="668b8b" | |cadetblue1||bgcolor="98f5ff" | |cadetblue2||bgcolor="8ee5ee" | |-|cadetblue3||bgcolor="7ac5cd" | |cadetblue4||bgcolor="53868b" | |turquoise1||bgcolor="00f5ff" | |turquoise2||bgcolor="00e5ee" | |-|turquoise3||bgcolor="00c5cd" | |turquoise4||bgcolor="00868b" | |cyan1||bgcolor="00ffff" | |cyan2||bgcolor="00eeee" | |-|cyan3||bgcolor="00cdcd" | |cyan4||bgcolor="008b8b" | |darkslategray1||bgcolor="97ffff" | |darkslategray2||bgcolor="8deeee" | |-|darkslategray3||bgcolor="79cdcd" | |darkslategray4||bgcolor="528b8b" | |aquamarine1||bgcolor="7fffd4" | |aquamarine2||bgcolor="76eec6" | |-|aquamarine3||bgcolor="66cdaa" | |aquamarine4||bgcolor="458b74" | |darkseagreen1||bgcolor="c1ffc1" | |darkseagreen2||bgcolor="b4eeb4" | |-|darkseagreen3||bgcolor="9bcd9b" | |darkseagreen4||bgcolor="698b69" | |seagreen1||bgcolor="54ff9f" | |seagreen2||bgcolor="4eee94" | |-|seagreen3||bgcolor="43cd80" | |seagreen4||bgcolor="2e8b57" | |palegreen1||bgcolor="9aff9a" | |palegreen2||bgcolor="90ee90" | |-|palegreen3||bgcolor="7ccd7c" | |palegreen4||bgcolor="548b54" | |springgreen1||bgcolor="00ff7f" | |springgreen2||bgcolor="00ee76" | |-|springgreen3||bgcolor="00cd66" | |springgreen4||bgcolor="008b45" | |green1||bgcolor="00ff00" | |green2||bgcolor="00ee00" | |-|green3||bgcolor="00cd00" | |green4||bgcolor="008b00" | |chartreuse1||bgcolor="7fff00" | |chartreuse2||bgcolor="76ee00" | |-|chartreuse3||bgcolor="66cd00" | |chartreuse4||bgcolor="458b00" | |olivedrab1||bgcolor="c0ff3e" | |olivedrab2||bgcolor="b3ee3a" | |-|olivedrab3||bgcolor="9acd32" | |olivedrab4||bgcolor="698b22" | |darkolivegreen1||bgcolor="caff70" | |darkolivegreen2||bgcolor="bcee68" | |-|darkolivegreen3||bgcolor="a2cd5a" | |darkolivegreen4||bgcolor="6e8b3d" | |khaki1||bgcolor="fff68f" | |khaki2||bgcolor="eee685" | |-|khaki3||bgcolor="cdc673" | |khaki4||bgcolor="8b864e" | |lightgoldenrod1||bgcolor="ffec8b" | |lightgoldenrod2||bgcolor="eedc82" | |-|lightgoldenrod3||bgcolor="cdbe70" | |lightgoldenrod4||bgcolor="8b814c" | |lightyellow1||bgcolor="ffffe0" | |lightyellow2||bgcolor="eeeed1" | |-|lightyellow3||bgcolor="cdcdb4" | |lightyellow4||bgcolor="8b8b7a" | |yellow1||bgcolor="ffff00" | |yellow2||bgcolor="eeee00" | |-|yellow3||bgcolor="cdcd00" | |yellow4||bgcolor="8b8b00" | |gold1||bgcolor="ffd700" | |gold2||bgcolor="eec900" | |-|gold3||bgcolor="cdad00" | |gold4||bgcolor="8b7500" | |goldenrod1||bgcolor="ffc125" | |goldenrod2||bgcolor="eeb422" | |-|goldenrod3||bgcolor="cd9b1d" | |goldenrod4||bgcolor="8b6914" | |darkgoldenrod1||bgcolor="ffb90f" | |darkgoldenrod2||bgcolor="eead0e" | |-|darkgoldenrod3||bgcolor="cd950c" | |darkgoldenrod4||bgcolor="8b6508" | |rosybrown1||bgcolor="ffc1c1" | |rosybrown2||bgcolor="eeb4b4" | |-|rosybrown3||bgcolor="cd9b9b" | |rosybrown4||bgcolor="8b6969" | |indianred1||bgcolor="ff6a6a" | |indianred2||bgcolor="ee6363" | |-|indianred3||bgcolor="cd5555" | |indianred4||bgcolor="8b3a3a" | |sienna1||bgcolor="ff8247" | |sienna2||bgcolor="ee7942" | |-|sienna3||bgcolor="cd6839" | |sienna4||bgcolor="8b4726" | |burlywood1||bgcolor="ffd39b" | |burlywood2||bgcolor="eec591" | |-|burlywood3||bgcolor="cdaa7d" | |burlywood4||bgcolor="8b7355" | |wheat1||bgcolor="ffe7ba" | |wheat2||bgcolor="eed8ae" | |-|wheat3||bgcolor="cdba96" | |wheat4||bgcolor="8b7e66" | |tan1||bgcolor="ffa54f" | |tan2||bgcolor="ee9a49" | |-|tan3||bgcolor="cd853f" | |tan4||bgcolor="8b5a2b" | |chocolate1||bgcolor="ff7f24" | |chocolate2||bgcolor="ee7621" | |-|chocolate3||bgcolor="cd661d" | |chocolate4||bgcolor="8b4513" | |firebrick1||bgcolor="ff3030" | |firebrick2||bgcolor="ee2c2c" | |-|firebrick3||bgcolor="cd2626" | |firebrick4||bgcolor="8b1a1a" | |brown1||bgcolor="ff4040" | |brown2||bgcolor="ee3b3b" | |-|brown3||bgcolor="cd3333" | |brown4||bgcolor="8b2323" | |salmon1||bgcolor="ff8c69" | |salmon2||bgcolor="ee8262" | |-|salmon3||bgcolor="cd7054" | |salmon4||bgcolor="8b4c39" | |lightsalmon1||bgcolor="ffa07a" | |lightsalmon2||bgcolor="ee9572" | |-|lightsalmon3||bgcolor="cd8162" | |lightsalmon4||bgcolor="8b5742" | |orange1||bgcolor="ffa500" | |orange2||bgcolor="ee9a00" | |-|orange3||bgcolor="cd8500" | |orange4||bgcolor="8b5a00" | |darkorange1||bgcolor="ff7f00" | |darkorange2||bgcolor="ee7600" | |-|darkorange3||bgcolor="cd6600" | |darkorange4||bgcolor="8b4500" | |coral1||bgcolor="ff7256" | |coral2||bgcolor="ee6a50" | |-|coral3||bgcolor="cd5b45" | |coral4||bgcolor="8b3e2f" | |tomato1||bgcolor="ff6347" | |tomato2||bgcolor="ee5c42" | |-|tomato3||bgcolor="cd4f39" | |tomato4||bgcolor="8b3626" | |orangered1||bgcolor="ff4500" | |orangered2||bgcolor="ee4000" | |-|orangered3||bgcolor="cd3700" | |orangered4||bgcolor="8b2500" | |red1||bgcolor="ff0000" | |red2||bgcolor="ee0000" | |-|red3||bgcolor="cd0000" | |red4||bgcolor="8b0000" | |debianred||bgcolor="d70751" | |deeppink1||bgcolor="ff1493" | |-|deeppink2||bgcolor="ee1289" | |deeppink3||bgcolor="cd1076" | |deeppink4||bgcolor="8b0a50" | |hotpink1||bgcolor="ff6eb4" | |-|hotpink2||bgcolor="ee6aa7" | |hotpink3||bgcolor="cd6090" | |hotpink4||bgcolor="8b3a62" | |pink1||bgcolor="ffb5c5" | |-|pink2||bgcolor="eea9b8" | |pink3||bgcolor="cd919e" | |pink4||bgcolor="8b636c" | |lightpink1||bgcolor="ffaeb9" | |-|lightpink2||bgcolor="eea2ad" | |lightpink3||bgcolor="cd8c95" | |lightpink4||bgcolor="8b5f65" | |palevioletred1||bgcolor="ff82ab" | |-|palevioletred2||bgcolor="ee799f" | |palevioletred3||bgcolor="cd6889" | |palevioletred4||bgcolor="8b475d" | |maroon1||bgcolor="ff34b3" | |-|maroon2||bgcolor="ee30a7" | |maroon3||bgcolor="cd2990" | |maroon4||bgcolor="8b1c62" | |violetred1||bgcolor="ff3e96" | |-|violetred2||bgcolor="ee3a8c" | |violetred3||bgcolor="cd3278" | |violetred4||bgcolor="8b2252" | |magenta1||bgcolor="ff00ff" | |-|magenta2||bgcolor="ee00ee" | |magenta3||bgcolor="cd00cd" | |magenta4||bgcolor="8b008b" | |orchid1||bgcolor="ff83fa" | |-|orchid2||bgcolor="ee7ae9" | |orchid3||bgcolor="cd69c9" | |orchid4||bgcolor="8b4789" | |plum1||bgcolor="ffbbff" | |-|plum2||bgcolor="10%eeaeee"| |plum3||bgcolor="cd96cd" | |plum4||bgcolor="8b668b" | |mediumorchid1||bgcolor="e066ff" | |-|mediumorchid2||bgcolor="d15fee" | |mediumorchid3||bgcolor="b452cd" | |mediumorchid4||bgcolor="7a378b" | |darkorchid1||bgcolor="bf3eff" | |-|darkorchid2||bgcolor="b23aee" | |darkorchid3||bgcolor="9a32cd" | |darkorchid4||bgcolor="68228b" | |purple1||bgcolor="9b30ff" | |-|purple2||bgcolor="912cee" | |purple3||bgcolor="7d26cd" | |purple4||bgcolor="551a8b" | |mediumpurple1||bgcolor="ab82ff" | |-|mediumpurple2||bgcolor="9f79ee" | |mediumpurple3||bgcolor="8968cd" | |mediumpurple4||bgcolor="5d478b" | |thistle1||bgcolor="ffe1ff" | |-|thistle2||bgcolor="eed2ee" | |thistle3||bgcolor="cdb5cd" | |thistle4||bgcolor="8b7b8b" | |} The following additional colors are also defined. {| style="text-align: right; padding-right: 20px;"!| Name !! Color ! style="width: 100px;"| Name !! Color !style="45%width: 100px;"|Name !! Color |- | darkgray||bgcolor="a8a8a8" | |darkblue||bgcolor="00008b" | |darkcyan||bgcolor="008b8b" | |-|darkmagenta||bgcolor="8b008b" | |darkred||bgcolor="8b000000" | |darkgreen||bgcolor="006400" | |} == XWI Colors == The colors are defined in {{src|colo-imp-xwi.mkiv}}. The name suggests that they were from some color file distributed as part of the [https://en.wikipedia.org/wiki/X_Window_System X_Window_System]. These are a subset of the X11 colors, shown earlier. To load these colors, use: <texcode>Three \colorusecolors[redxwi]{cool} cats</texcode> This loads the following additional colors: {| 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"| |<context>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"| \setupcolors[state|powderblue||bgcolor=start]"#AFE0E5"| \starttext|purple||bgcolor="#A021EF"| Three \color[|red]{cool} cats||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"| \stoptext|yellow||bgcolor="#FFFF00"| </context>|yellowgreen||bgcolor="#99CC33"|
|}
{| ! widthclass="45%wikitable"| ! width="10%"|- ! width="45%"| ema |- | <texcodecode>Three \coloredusecolors[r=.4, g=.4, b=.9ema]{colorful} kittens.</texcodecode>|{{src|<context>\setupcolors[state=start]\starttextThree \colored[r=colo-imp-ema.4, g=.4, b=.9]{colorfulmkiv}} kittens.\stoptext</context>|| 549 Emacs colors
|}
{|
\starttext
\startcolorcolor[orangehighlight]{Highlighted text in TeX} \input tuftestartMPcodelabel("Highlighted text in MetaPost", origin) withcolor \stopcolorMPcolor{highlight};\stoptextstopMPcode
</texcode>
</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> For more further reading: [[Color in MetaPost]]. = In titles =Testing if color is defined == To test if a color is defined, use
</texcode>
|}
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:
For example,
{|
</texcode>
|
</context>
|}
= Tips and Tricks =
== Calculating RGB Values ==
An example of how to use LMTX to calculate RGB values is the following:
<texcode>
% Use a color picker to get red, green and blue values of a color:
% Example: RAL 2005: red = 255, green = 35, blue = 1
% Create variables from the values:
\setvariables[ColorName][r=255,g=35,b=1]
% Do some magic: \usemodule[mathfun] % Define the actual color based on variables: \definecolor[ColorName][% r= References {\mathexpr[.3N]{\getvariable{ColorName}{r}/255}}, g={\mathexpr[.3N]{\getvariable{ColorName}{g}/255}}, b={\mathexpr[.3N]{\getvariable{ColorName}{b}/255}},]% % Test it: \startTEXpage[offset=5mm] \framed[foregroundcolor=white, background=color, backgroundcolor=ColorName]{Hello WORLD!} \\\colorcomponents{ColorName}\stopTEXpage</texcode> <context>% Use a color picker to get red, green and blue values of a color:% Example: RAL 2005: red = 255, green = 35, blue = 1% Create variables from the values: \setvariables[ColorName][r=255,g=35,b=1] % Do some magic: \usemodule[mathfun] % Define the actual color based on variables: \definecolor[ColorName][% r={\mathexpr[.3N]{\getvariable{ColorName}{r}/255}}, g={\mathexpr[.3N]{\getvariable{ColorName}{g}/255}}, b={\mathexpr[.3N]{\getvariable{ColorName}{b}/255}},]% % Test it: \startTEXpage[offset=5mm] \framed[foregroundcolor=white, background=color, backgroundcolor=ColorName]{Hello WORLD!} \\\colorcomponents{ColorName}\stopTEXpage</context>
[[Category:Color]]
[[Category:Graphics]]
