</texcode>
|
|<context mode=mkiv>\starttext
Three \color[red]{cool} cats
\stoptext
</context>
|}
</texcode>
|
|<context mode=mkiv>\starttext
Three \colored[r=0.1, g=0.8, b=0.8]{colorful} cats
\stoptext
</context>
|}
etc.
= Pre-defined colors = Changing color of entire document ==
To change the main text color of the document use
<texcode>\setupcolors[textcolor== Default predefined-defined colors ==color]</texcode>
The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).For example,
{| style="text-align: right; padding-right: 20px;" !| Name !! Color !stylewidth="width: 80px;45%"| Name !! Color !stylewidth="width: 100px;10%"| Name !! Color !stylewidth="width: 100px;45%"| Name !! Color
|-
|black||bgcolor<texcode>\setupcolors[textcolor="#000"| |white||bgcolor="#FFF"| |-|gray||bgcolor="#E6E6E6"| |lightgray||bgcolor="#D6D6D6"| blue]|middlegray||bgcolor="#B9B9B9"| \samplefile{tufte} |darkgray||bgcolor="#999999"| </texcode>|- |red||bgcolor="#FF0000"| <context>|lightred||bgcolor\setupcolors[textcolor="#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"| \input tufte|middleblue||bgcolor="#0000CC"| </context>|darkblue||bgcolor="#000099"| }|-|cyan||bgcolor="#00FFFF" | | ||bgcolor=| |middlecyan||bgcolorChanging background color of page ="#00CCCC" | |darkcyan||bgcolor="#006666" | |-|magenta||bgcolor="#FF00FF" | The background color of the page can be changed using| ||bgcolor=| |middlemagenta||bgcolor<texcode>\setupbackgrounds[page][background="CC00CC" | |darkmagenta||bgcolorcolor,backgroundcolor="660066" | |defined-color]</texcode>|yellow||bgcolor="#FFFF00" | | ||bgcolor=| |middleyellow||bgcolor="CCCC00" | |darkyellow||bgcolor="666600" |
For example,{| ! width="45%"| ! width="10%"|} ! width="45%"| |- | <texcode>\setuppapersize[A8, landscape]\setupbackgrounds[page][background=color,backgroundcolor= Crayola crayon colors blue]\setupcolors[textcolor=white] \starttext\input ward\stoptext</texcode>||<context>\setuppapersize[A8, landscape]\setupbackgrounds[page][background=color,backgroundcolor=blue]\setupcolors[textcolor= white]
The following colors are defined in \starttext\samplefile{{srcward}\stoptext</context>|colo-imp-crayola.mkiv}}. These canbe loaded using
<texcode>\usecolors[crayola]</texcode>= Defining New Colors =
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).
New colors may be defined in the following ways {| style="text-align: right; padding-right: 20px;"!| Name !! Color !styleclass="width: 100px;wikitable"| Name !! Color !style="width: 100px;"| Name !! Color !style="width: 100px;"| Name Syntax (and Example) !! ColorExplanation
|-
|Red||bgcolorstyle="ED0A3Fwidth:20%;" | RGB color model|Maroon||bgcolorstyle="C32148width:40%;" | <texcode>\definecolor[...][r=..., g=..., b=...]</texcode> For example,|Scarlet||bgcolor<texcode>\definecolor[lime][r=0.75, g=1, b="FD0E35" | 0] This is \color[lime]{a new color}that we defined</texcode>|BrickRed||bgcolor="C62D42" | 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>.
|-
|EnglishVermilionCMYK color model||bgcolor<texcode>\definecolor[...][c=.., m=.., y=.., k="CC474B" | ..]</texcode> For example,|MadderLake||bgcolor<texcode>\definecolor[lime][c=0.25, m=0, y=1, k="CC3336" | 0] This is \color[lime]{a new color}|PermanentGeraniumLake||bgcolor="E12C2C" | that we defined</texcode>|MaximumRed||bgcolor="D92121" | 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>.
|-
|IndianRedHSV/HSL color model||bgcolor<texcode>\definecolor[...][h=.., s=.., v="B94E48" | ..]</texcode> For example,|OrangeRed||bgcolor<texcode>\definecolor[lime][h=75, s=1, v="FF5349" | 1] This is \color[lime]{a new color}|SunsetOrange||bgcolor="FE4C40" | that we defined</texcode>|Bittersweet||bgcolor="FE6F5E" |  The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the values for <code>s</code> (saturation), <code>v</code> (value/brightness) are floating point numbers between <code>0</code> and <code>1</code>.
|-
|DarkVenetianRedHWB color model||bgcolor<texcode>\definecolor[...][h=.., w=.., b="B33B24" | ..]</texcode> For example,|VenetianRed||bgcolor<texcode>\definecolor[something][h=75, w=0.5, b="CC553D" | .1] This is \color[something]{a new color}|LightVenetianRed||bgcolor="E6735C" | that we defined</texcode>|VividTangerine||bgcolor="FF9980" |  The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>; the 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.
|-
|MiddleRedHex||bgcolor<texcode>\definecolor[...][x="E58E73" | ...]</texcode> For example,|BurntOrange||bgcolor<texcode>\definecolor[lime][x="FF7F49" | BFFF00] This is \color[lime]{a new color}|RedOrange||bgcolor="FF681F" | that we defined</texcode>|Orange||bgcolor="FF8833" | 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.
|-
|MacaroniandCheese|Gray scale|bgcolor<texcode>\definecolor[...][s="FFB97B" | ...]</texcode> For example,|MiddleYellowRed||bgcolor<texcode>\definecolor[screen][s="ECB176" 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).|MangoTango||bgcolor} == Cloning existing colors =="E77200" | |YellowOrange||bgcolor="FFAE42" | |You can ''clone'' an existing color using<texcode>\definecolor[new-color][old-color]</texcode> For example{|MaximumYellowRed||bgcolorwidth="F2BA4945%" | <texcode>\usecolors[xwi]\definecolor[highlight][yellow]\defineframed [important]|BananaMania||bgcolor [location=low, frame="FBE7B2" | off, |Maize||bgcolor background=color, backgroundcolor="F2C649" | highlight] This is an \important{important}word. \definecolor[highlight][lavenderblush]|OrangeYellow||bgcolor="F8D568" | This is a \important{important}word.|-</texcode>|Goldenrod||bgcolorwidth="FCD66710%" | |Dandelion||bgcolorwidth="FED85D45%" | <context mode=mkiv>\usecolors[xwi]\definecolor[highlight][yellow]|Yellow||bgcolor\defineframed[important][location=low, frame="FBE870" | off, |GreenYellow||bgcolor background=color, backgroundcolor="F1E788" highlight] This is an \important{important}word. \definecolor[highlight][lavenderblush]This is an \important{important}word.</context>| }|-|MiddleYellow||bgcolor="FFEB00" | |OliveGreen||bgcolor="B5B35C" | Adapting existing colors ==|SpringGreen||bgcolor="ECEBBD" | {{todo |MaximumYellow||bgcolor="FAFA37" | add details about this}}|-|Canary||bgcolor="FFFF99" | |LemonYellow||bgcolorPre-defined colors ="FFFF9F" | |MaximumGreenYellow||bgcolor="D9E650" | |MiddleGreenYellow||bgcolor="ACBF60" | The following colors are pre-defined in ConTeXt (see {{src|colo-imp-rgb.mkiv}}).|Inchworm||bgcolor="AFE313" | {|LightChromeGreen||bgcolorstyle="BEE64B" |  text-align: right; |YellowGreen||bgcolor="C5E17A" |  padding-right: 20px; |MaximumGreen||bgcolor="5E8C31" | !|-Name !! Color |Asparagus||bgcolor!style="7BA05Bwidth: 80px;" | Name !! Color |GrannySmithApple||bgcolor!style="9DE093width: 100px;" | Name !! Color |Fern||bgcolor!style="63B76C" |  width: 100px; |MiddleGreen||bgcolor="4D8C57" | Name !! Color
|-
|Greenblack||bgcolor="3AA655#000" | |MediumChromeGreenwhite||bgcolor="6CA67C" | |ForestGreen||bgcolor="5FA777" | |SeaGreen||bgcolor="93DFB8#FFF" |
|-
|Shamrockgray||bgcolor="33CC99#E6E6E6" | |MountainMeadowlightgray||bgcolor="1AB385#D6D6D6" | |JungleGreenmiddlegray||bgcolor="29AB87#B9B9B9" | |CaribbeanGreendarkgray||bgcolor="00CC99#999999"| |- |red||bgcolor="#FF0000"| |lightred||bgcolor="#FF0000"| |middlered||bgcolor="#CC0000"| |darkred||bgcolor="#990000" |
|-
|TropicalRainForestgreen||bgcolor="00755E#00FF00" | |MiddleBlueGreenlightgreen||bgcolor="8DD9CC#00FF00" | |PineGreenmiddlegreen||bgcolor="01786F#00CC00" | |MaximumBlueGreendarkgreen||bgcolor="30BFBF#009900" |
|-
|RobinsEggBlueblue||bgcolor="00CCCC#0000FF" | |TealBluelightblue||bgcolor="008080#0000FF" | |LightBluemiddleblue||bgcolor="8FD8D8#0000CC" | |Aquamarinedarkblue||bgcolor="95E0E8#000099" |
|-
|TurquoiseBluecyan||bgcolor="6CDAE7#00FFFF" | |OuterSpace ||bgcolor="2D383A" | |SkyBluemiddlecyan||bgcolor="76D7EA#00CCCC" | |MiddleBluedarkcyan||bgcolor="7ED4E6#006666" |
|-
|BlueGreenmagenta||bgcolor="0095B7#FF00FF" | |PacificBlue ||bgcolor="009DC4" | |Ceruleanmiddlemagenta||bgcolor="02A4D3CC00CC" | |MaximumBluedarkmagenta||bgcolor="47ABCC660066" |
|-
|BlueIyellow||bgcolor="4997D0#FFFF00" | |CeruleanBlue ||bgcolor="339ACC" | |Cornflowermiddleyellow||bgcolor="93CCEACCCC00" | |GreenBluedarkyellow||bgcolor="2887C8666600" | |} 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 color collection using <texcode>\showcolor[NAME]</texcode> For example, the truncated output of <code>\showcolor[crayola]</code> is shown below. {|
|-
|MidnightBlue<texcode>\showcolor[crayola]</texcode>||bgcolor<context mode=mkiv>\startTEXpage[height="00468C" 5cm]\showcolor[crayola]\stopTEXpage</context>| } |NavyBlue||bgcolor="0066CC" | |Denim||bgcolor="1560BD" | Crayola crayon colors == |BlueIII||bgcolor="0066FF" | The following colors are defined in {{src|colo-imp-crayola.mkiv}}. These canbe loaded using <texcode>\usecolors[crayola]</texcode> {|CadetBlue||bgcolorstyle="A9B2C3text-align: right; padding-right: 20px;" !| Name !! Color |Periwinkle||bgcolor!style="C3CDE6width: 100px;" | Name !! Color |BlueII||bgcolor!style="4570E6width: 100px;" | Name !! Color |WildBlueYonder||bgcolor!style="7A89B8width: 100px;" | Name !! Color
|-
|IndigoRed||bgcolor="4F69C6ED0A3F" | |ManateeMaroon||bgcolor="8D90A1C32148" | |CobaltBlueScarlet||bgcolor="8C90C8FD0E35" | |CelestialBlueBrickRed||bgcolor="7070CCC62D42" |
|-
|BlueBellEnglishVermilion||bgcolor="9999CCCC474B" | |MaximumBluePurpleMadderLake||bgcolor="ACACE6CC3336" | |VioletBluePermanentGeraniumLake||bgcolor="766EC8E12C2C" | |BlueVioletMaximumRed||bgcolor="6456B7D92121" |
|-
|UltramarineBlueIndianRed||bgcolor="3F26BFB94E48" | |MiddleBluePurpleOrangeRed||bgcolor="8B72BEFF5349" | |PurpleHeartSunsetOrange||bgcolor="652DC1FE4C40" | |RoyalPurpleBittersweet||bgcolor="6B3FA0FE6F5E" |
|-
|VioletIIDarkVenetianRed||bgcolor="8359A3B33B24" | |MediumVioletVenetianRed||bgcolor="8F47B3CC553D" | |WisteriaLightVenetianRed||bgcolor="C9A0DCE6735C" | |LavenderIVividTangerine||bgcolor="BF8FCCFF9980" |
|-
|VividVioletMiddleRed||bgcolor="803790E58E73" | |MaximumPurpleBurntOrange||bgcolor="733380FF7F49" | |PurpleMountainsMajestyRedOrange||bgcolor="D6AEDDFF681F" | |FuchsiaOrange||bgcolor="C154C1FF8833" |
|-
|PinkFlamingoMacaroniandCheese||bgcolor="FC74FDFFB97B" | |VioletIMiddleYellowRed||bgcolor="732E6CECB176" | |BrilliantRoseMangoTango||bgcolor="E667CEE77200" | |OrchidYellowOrange||bgcolor="E29CD2FFAE42" |
|-
|PlumMaximumYellowRed||bgcolor="8E3179F2BA49" | |MediumRoseBananaMania||bgcolor="D96CBEFBE7B2" | |ThistleMaize||bgcolor="EBB0D7F2C649" | |MulberryOrangeYellow||bgcolor="C8509BF8D568" |
|-
|RedVioletGoldenrod||bgcolor="BB3385FCD667" | |MiddlePurpleDandelion||bgcolor="D982B5FED85D" | |MaximumRedPurpleYellow||bgcolor="A63A79FBE870" | |JazzberryJamGreenYellow||bgcolor="A50B5EF1E788" |
|-
|EggplantMiddleYellow||bgcolor="614051FFEB00" | |MagentaOliveGreen||bgcolor="F653A6B5B35C" | |CeriseSpringGreen||bgcolor="DA3287ECEBBD" | |WildStrawberryMaximumYellow||bgcolor="FF3399FAFA37" |
|-
|LavenderIICanary||bgcolor="FBAED2FFFF99" | |CottonCandyLemonYellow||bgcolor="FFB7D5FFFF9F" | |CarnationPinkMaximumGreenYellow||bgcolor="FFA6C9D9E650" | |VioletRedMiddleGreenYellow||bgcolor="F7468AACBF60" |
|-
|RazzmatazzInchworm||bgcolor="E30B5CAFE313" | |PigPinkLightChromeGreen||bgcolor="FDD7E4BEE64B" | |CarmineYellowGreen||bgcolor="E62E6BC5E17A" | |BlushMaximumGreen||bgcolor="DB50795E8C31" |
|-
|TickleMePinkAsparagus||bgcolor="FC80A57BA05B" | |MauvelousGrannySmithApple||bgcolor="F091A99DE093" | |SalmonFern||bgcolor="FF91A463B76C" | |MiddleRedPurpleMiddleGreen||bgcolor="A553534D8C57" |
|-
|MahoganyGreen||bgcolor="CA34353AA655" | |MelonMediumChromeGreen||bgcolor="FEBAAD6CA67C" | |PinkSherbertForestGreen||bgcolor="F7A38E5FA777" | |BurntSiennaSeaGreen||bgcolor="E9745193DFB8" |
|-
|BrownShamrock||bgcolor="AF593E33CC99" | |SepiaMountainMeadow||bgcolor="9E5B401AB385" | |FuzzyWuzzyJungleGreen||bgcolor="87421F29AB87" | |BeaverCaribbeanGreen||bgcolor="926F5B00CC99" |
|-
|TumbleweedTropicalRainForest||bgcolor="DEA68100755E" | |RawSiennaMiddleBlueGreen||bgcolor="D27D468DD9CC" | |VanDykeBrownPineGreen||bgcolor="66422801786F" | |TanMaximumBlueGreen||bgcolor="D99A6C30BFBF" |
|-
|DesertSandRobinsEggBlue||bgcolor="EDC9AF00CCCC" | |PeachTealBlue||bgcolor="FFCBA4008080" | |BurntUmberLightBlue||bgcolor="8055338FD8D8" | |ApricotAquamarine||bgcolor="FDD5B195E0E8" |
|-
|AlmondTurquoiseBlue||bgcolor="EED9C46CDAE7" | |RawUmberOuterSpace||bgcolor="6652332D383A" | |ShadowSkyBlue||bgcolor="83705076D7EA" | |RawSiennaIMiddleBlue||bgcolor="E6BC5C7ED4E6" |
|-
|TimberwolfBlueGreen||bgcolor="D9D6CF0095B7" | |GoldIPacificBlue||bgcolor="92926E009DC4" | |GoldIICerulean||bgcolor="E6BE8A02A4D3" | |SilverMaximumBlue||bgcolor="C9C0BB47ABCC" |
|-
|CopperBlueI||bgcolor="DA8A674997D0" | |AntiqueBrassCeruleanBlue||bgcolor="C88A65339ACC" | |BlackCornflower||bgcolor="00000093CCEA" | |CharcoalGrayGreenBlue||bgcolor="736A622887C8" |
|-
|GrayMidnightBlue||bgcolor="8B868000468C" | |BlueGrayNavyBlue||bgcolor="C8C8CD0066CC" | |WhiteDenim||bgcolor="FFFFFF1560BD" | |RadicalRedBlueIII||bgcolor="FF355E0066FF" |
|-
|WildWatermelonCadetBlue||bgcolor="FD5B78A9B2C3" | |OutrageousOrangePeriwinkle||bgcolor="FF6037C3CDE6" | |AtomicTangerineBlueII||bgcolor="FF99664570E6" | |NeonCarrotWildBlueYonder||bgcolor="FF99337A89B8" |
|-
|SunglowIndigo||bgcolor="FFCC334F69C6" | |LaserLemonManatee||bgcolor="FFFF668D90A1" | |UnmellowYellowCobaltBlue||bgcolor="FFFF668C90C8" | |ElectricLimeCelestialBlue||bgcolor="CCFF007070CC" |
|-
|ScreaminGreenBlueBell||bgcolor="66FF669999CC" | |MagicMintMaximumBluePurple||bgcolor="AAF0D1ACACE6" | |BlizzardBlueVioletBlue||bgcolor="50BFE6766EC8" | |ShockingPinkBlueViolet||bgcolor="FF6EFF6456B7" |
|-
|RazzleDazzleRoseUltramarineBlue||bgcolor="EE34D23F26BF" | |HotMagentaMiddleBluePurple||bgcolor="FF00CC8B72BE" | |PurplePizzazzPurpleHeart||bgcolor="FF00CC652DC1" | |AztecGoldRoyalPurple||bgcolor="C399536B3FA0" |
|-
|BurnishedBrownVioletII||bgcolor="A17A748359A3" | |CeruleanFrostMediumViolet||bgcolor="6D9BC38F47B3" | |CinnamonSatinWisteria||bgcolor="CD607EC9A0DC" | |CopperPennyLavenderI||bgcolor="AD6F69BF8FCC" |
|-
|CosmicCobaltVividViolet||bgcolor="2E2D88803790" | |GlossyGrapeMaximumPurple||bgcolor="AB92B3733380" | |GraniteGrayPurpleMountainsMajesty||bgcolor="676767D6AEDD" | |GreenSheenFuchsia||bgcolor="6EAEA1C154C1" |
|-
|LilacLusterPinkFlamingo||bgcolor="AE98AAFC74FD" | |MistyMossVioletI||bgcolor="BBB477732E6C" | |MysticMaroonBrilliantRose||bgcolor="AD4379E667CE" | |PearlyPurpleOrchid||bgcolor="B768A2E29CD2" |
|-
|PewterBluePlum||bgcolor="8BA8B78E3179" | |PolishedPineMediumRose||bgcolor="5DA493D96CBE" | |QuickSilverThistle||bgcolor="A6A6A6EBB0D7" | |RoseDustMulberry||bgcolor="9E5E6FC8509B" |
|-
|RustyRedRedViolet||bgcolor="DA2C43BB3385" | |ShadowBlueMiddlePurple||bgcolor="778BA5D982B5" | |ShinyShamrockMaximumRedPurple||bgcolor="5FA778A63A79" | |SteelTealJazzberryJam||bgcolor="5F8A8BA50B5E" |
|-
|SugarPlumEggplant||bgcolor="914E75614051" | |TwilightLavenderMagenta||bgcolor="8A496BF653A6" | |WintergreenDreamCerise||bgcolor="56887DDA3287" | |AmethystWildStrawberry||bgcolor="64609AFF3399" |
|-
|CitrineLavenderII||bgcolor="933709FBAED2" | |EmeraldCottonCandy||bgcolor="14A989FFB7D5" | |JadeCarnationPink||bgcolor="469A84FFA6C9" | |JasperVioletRed||bgcolor="D05340F7468A" |
|-
|LapisLazuliRazzmatazz||bgcolor="436CB9E30B5C" | |MalachitePigPink||bgcolor="469496FDD7E4" | |MoonstoneCarmine||bgcolor="3AA8C1E62E6B" | |OnyxBlush||bgcolor="353839DB5079" |
|-
|PeridotTickleMePink||bgcolor="ABAD48FC80A5" | |PinkPearlMauvelous||bgcolor="B07080F091A9" | |RoseQuartzSalmon||bgcolor="BD559CFF91A4" | |RubyMiddleRedPurple||bgcolor="AA4069A55353" |
|-
|SapphireMahogany||bgcolor="2D5DA1CA3435" | |SmokeyTopazMelon||bgcolor="832A0DFEBAAD" | |TigersEyePinkSherbert||bgcolor="B56917F7A38E" | |AquaPearlBurntSienna||bgcolor="5FBED7E97451" |
|-
|BlackCoralPearlBrown||bgcolor="54626FAF593E" | |CaribbeanGreenPearlSepia||bgcolor="6ADA8E9E5B40" | |CulturedPearlFuzzyWuzzy||bgcolor="F5F5F587421F" | |KeyLimePearlBeaver||bgcolor="E8F48C926F5B" | |-|Tumbleweed||bgcolor="DEA681" | |RawSienna||bgcolor="D27D46" | |VanDykeBrown||bgcolor="664228" | |Tan||bgcolor="D99A6C" |
|-
|MandarinPearlDesertSand||bgcolor="F37A48EDC9AF" | |MidnightPearlPeach||bgcolor="702670FFCBA4" | |MysticPearlBurntUmber||bgcolor="D65282805533" | |OceanBluePearlApricot||bgcolor="4F42B5FDD5B1" |
|-
|OceanGreenPearlAlmond||bgcolor="48BF91EED9C4" | |OrchidPearlRawUmber||bgcolor="7B4259665233" | |RosePearlShadow||bgcolor="F03865837050" | |SalmonPearlRawSiennaI||bgcolor="F1444AE6BC5C" |
|-
|SunnyPearlTimberwolf||bgcolor="F2F27AD9D6CF" | |SunsetPearlGoldI||bgcolor="F1CC7992926E" | |} == RAL colors == RAL color system (Deutsches Institut für Gütesicherung und Kennzeichnung)approximate RGB colors (from [http://www.ralcolor.com www.ralcolor.com]). These are defined in {{srcGoldII|colo-imp-ral.mkiv}} and can be loaded using <texcode>\usecolors[ral]</texcode> {| stylebgcolor="text-align: rightE6BE8A" | padding-right: 20px;"!| Name !! Color !styleSilver||bgcolor="width: 100px;C9C0BB"| Name !! Color !style|-|Copper||bgcolor="width: 100px;DA8A67"| Name !! Color !style|AntiqueBrass||bgcolor="width: 100px;C88A65"| Name !! Color !style|Black||bgcolor="width: 100px;000000"| Name !! Color !style|CharcoalGray||bgcolor="width: 100px;736A62"| Name !! Color
|-
|RAL1000Gray||bgcolor="BEBD7F8B8680" | |RAL1001BlueGray||bgcolor="C2B078C8C8CD" | |RAL1002White||bgcolor="C6A664FFFFFF" | |RAL1003RadicalRed||bgcolor="E5BE01" | |RAL1004||bgcolor="CDA434" | |RAL1005||bgcolor="A98307FF355E" |
|-
|RAL1006WildWatermelon||bgcolor="E4A010FD5B78" | |RAL1007OutrageousOrange||bgcolor="DC9D00FF6037" | |RAL1011AtomicTangerine||bgcolor="8A6642FF9966" | |RAL1012NeonCarrot||bgcolor="C7B446" | |RAL1013||bgcolor="EAE6CA" | |RAL1014||bgcolor="E1CC4FFF9933" |
|-
|RAL1015Sunglow||bgcolor="E6D690FFCC33" | |RAL1016LaserLemon||bgcolor="EDFF21FFFF66" | |RAL1017UnmellowYellow||bgcolor="F5D033FFFF66" | |RAL1018ElectricLime||bgcolor="F8F32B" | |RAL1019||bgcolor="9E9764" | |RAL1020||bgcolor="999950CCFF00" |
|-
|RAL1021ScreaminGreen||bgcolor="F3DA0B66FF66" | |RAL1023MagicMint||bgcolor="FAD201AAF0D1" | |RAL1024BlizzardBlue||bgcolor="AEA04B50BFE6" | |RAL1026ShockingPink||bgcolor="FFFF00" | |RAL1027||bgcolor="9D9101" | |RAL1028||bgcolor="F4A900FF6EFF" |
|-
|RAL1032RazzleDazzleRose||bgcolor="D6AE01EE34D2" | |RAL1033HotMagenta||bgcolor="F3A505FF00CC" | |RAL1034PurplePizzazz||bgcolor="EFA94AFF00CC" | |RAL1035AztecGold||bgcolor="6A5D4D" | |RAL1036||bgcolor="705335" | |RAL1037||bgcolor="F39F18C39953" |
|-
|RAL2000BurnishedBrown||bgcolor="ED760EA17A74" | |RAL2001CeruleanFrost||bgcolor="C93C206D9BC3" | |RAL2002CinnamonSatin||bgcolor="CB2821CD607E" | |RAL2003CopperPenny||bgcolor="FF7514" | |RAL2004||bgcolor="F44611" | |RAL2005||bgcolor="FF2301AD6F69" |
|-
|RAL2007CosmicCobalt||bgcolor="FFA4202E2D88" | |RAL2008GlossyGrape||bgcolor="F75E25AB92B3" | |RAL2009GraniteGray||bgcolor="F54021676767" | |RAL2010GreenSheen||bgcolor="D84B20" | |RAL2011||bgcolor="EC7C26" | |RAL2012||bgcolor="E551376EAEA1" |
|-
|RAL2013LilacLuster||bgcolor="C35831AE98AA" | |RAL3000MistyMoss||bgcolor="AF2B1EBBB477" | |RAL3001MysticMaroon||bgcolor="A52019AD4379" | |RAL3002PearlyPurple||bgcolor="A2231D" | |RAL3003||bgcolor="9B111E" | |RAL3004||bgcolor="75151EB768A2" |
|-
|RAL3005PewterBlue||bgcolor="5E21298BA8B7" | |RAL3007PolishedPine||bgcolor="4122275DA493" | |RAL3009QuickSilver||bgcolor="642424A6A6A6" | |RAL3011RoseDust||bgcolor="781F19" | |RAL3012||bgcolor="C1876B" | |RAL3013||bgcolor="A123129E5E6F" |
|-
|RAL3014RustyRed||bgcolor="D36E70DA2C43" | |RAL3015ShadowBlue||bgcolor="EA899A778BA5" | |RAL3016ShinyShamrock||bgcolor="B328215FA778" | |RAL3017SteelTeal||bgcolor="E63244" | |RAL3018||bgcolor="D53032" | |RAL3020||bgcolor="CC06055F8A8B" |
|-
|RAL3022SugarPlum||bgcolor="D95030914E75" | |RAL3024TwilightLavender||bgcolor="F800008A496B" | |RAL3026WintergreenDream||bgcolor="FE000056887D" | |RAL3027Amethyst||bgcolor="C51D34" | |RAL3028||bgcolor="CB3234" | |RAL3031||bgcolor="B3242864609A" |
|-
|RAL3032Citrine||bgcolor="721422933709" | |RAL3033Emerald||bgcolor="B44C4314A989" | |RAL4001Jade||bgcolor="6D3F5B469A84" | |RAL4002Jasper||bgcolor="922B3E" | |RAL4003||bgcolor="DE4C8A" | |RAL4004||bgcolor="641C34D05340" |
|-
|RAL4005LapisLazuli||bgcolor="6C4675436CB9" | |RAL4006Malachite||bgcolor="A03472469496" | |RAL4007Moonstone||bgcolor="4A192C3AA8C1" | |RAL4008Onyx||bgcolor="924E7D" | |RAL4009||bgcolor="A18594" | |RAL4010||bgcolor="CF3476353839" |
|-
|RAL4011Peridot||bgcolor="8673A1ABAD48" | |RAL4012PinkPearl||bgcolor="6C6874B07080" | |RAL5000RoseQuartz||bgcolor="354D73BD559C" | |RAL5001Ruby||bgcolor="1F3438" | |RAL5002||bgcolor="20214F" | |RAL5003||bgcolor="1D1E33AA4069" |
|-
|RAL5004Sapphire||bgcolor="18171C2D5DA1" | |RAL5005SmokeyTopaz||bgcolor="1E2460832A0D" | |RAL5007TigersEye||bgcolor="3E5F8AB56917" | |RAL5008AquaPearl||bgcolor="26252D" | |RAL5009||bgcolor="025669" | |RAL5010||bgcolor="0E294B5FBED7" |
|-
|RAL5011BlackCoralPearl||bgcolor="231A2454626F" | |RAL5012CaribbeanGreenPearl||bgcolor="3B83BD6ADA8E" | |RAL5013CulturedPearl||bgcolor="1E213DF5F5F5" | |RAL5014KeyLimePearl||bgcolor="606E8C" | |RAL5015||bgcolor="2271B3" | |RAL5017||bgcolor="063971E8F48C" |
|-
|RAL5018MandarinPearl||bgcolor="3F888FF37A48" | |RAL5019MidnightPearl||bgcolor="1B5583702670" | |RAL5020MysticPearl||bgcolor="1D334AD65282" | |RAL5021OceanBluePearl||bgcolor="256D7B" | |RAL5022||bgcolor="252850" | |RAL5023||bgcolor="49678D4F42B5" |
|-
|RAL5024OceanGreenPearl||bgcolor="5D9B9B48BF91" | |RAL5025OrchidPearl||bgcolor="2A64787B4259" | |RAL5026RosePearl||bgcolor="102C54F03865" | |RAL6000SalmonPearl||bgcolor="316650" | |RAL6001||bgcolor="287233" | |RAL6002||bgcolor="2D572CF1444A" |
|-
|RAL6003SunnyPearl||bgcolor="424632F2F27A" | |RAL6004SunsetPearl||bgcolor="1F3A3DF1CC79" | |RAL6005} == RAL colors == RAL 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 <texcode>\usecolors[ral]</texcode> {|bgcolorstyle="2F4538text-align: right; padding-right: 20px;" !|  Name !! Color !style="width: 100px; "| Name !! Color !style="width: 100px;"|RAL6006||bgcolorName !! Color !style="3E3B32width: 100px;" | Name !! Color|RAL6007||bgcolor!style="343B29width: 100px;" | Name !! Color |RAL6008||bgcolor!style="39352Awidth: 100px;" | Name !! Color
|-
|RAL6009RAL1000||bgcolor="31372BBEBD7F" | |RAL6010RAL1001||bgcolor="35682DC2B078" | |RAL6011RAL1002||bgcolor="587246C6A664" | |RAL6012RAL1003||bgcolor="343E40E5BE01" | |RAL6013RAL1004||bgcolor="6C7156CDA434" | |RAL6014RAL1005||bgcolor="47402EA98307" |
|-
|RAL6015RAL1006||bgcolor="3B3C36E4A010" | |RAL6016RAL1007||bgcolor="1E5945DC9D00" | |RAL6017RAL1011||bgcolor="4C91418A6642" | |RAL6018RAL1012||bgcolor="57A639C7B446" | |RAL6019RAL1013||bgcolor="BDECB6EAE6CA" | |RAL6020RAL1014||bgcolor="2E3A23E1CC4F" |
|-
|RAL6021RAL1015||bgcolor="89AC76E6D690" | |RAL6022RAL1016||bgcolor="25221BEDFF21" | |RAL6024RAL1017||bgcolor="308446F5D033" | |RAL6025RAL1018||bgcolor="3D642DF8F32B" | |RAL6026RAL1019||bgcolor="015D529E9764" | |RAL6027RAL1020||bgcolor="84C3BE999950" |
|-
|RAL6028RAL1021||bgcolor="2C5545F3DA0B" | |RAL6029RAL1023||bgcolor="20603DFAD201" | |RAL6032RAL1024||bgcolor="317F43AEA04B" | |RAL6033RAL1026||bgcolor="497E76FFFF00" | |RAL6034RAL1027||bgcolor="7FB5B59D9101" | |RAL6035RAL1028||bgcolor="1C542DF4A900" |
|-
|RAL6036RAL1032||bgcolor="193737D6AE01" | |RAL6037RAL1033||bgcolor="008F39F3A505" | |RAL6038RAL1034||bgcolor="00BB2DEFA94A" | |RAL7000RAL1035||bgcolor="78858B6A5D4D" | |RAL7001RAL1036||bgcolor="8A9597705335" | |RAL7002RAL1037||bgcolor="7E7B52F39F18" |
|-
|RAL7003RAL2000||bgcolor="6C7059ED760E" | |RAL7004RAL2001||bgcolor="969992C93C20" | |RAL7005RAL2002||bgcolor="646B63CB2821" | |RAL7006RAL2003||bgcolor="6D6552FF7514" | |RAL7008RAL2004||bgcolor="6A5F31F44611" | |RAL7009RAL2005||bgcolor="4D5645FF2301" |
|-
|RAL7010RAL2007||bgcolor="4C514AFFA420" | |RAL7011RAL2008||bgcolor="434B4DF75E25" | |RAL7012RAL2009||bgcolor="4E5754F54021" | |RAL7013RAL2010||bgcolor="464531D84B20" | |RAL7015RAL2011||bgcolor="434750EC7C26" | |RAL7016RAL2012||bgcolor="293133E55137" |
|-
|RAL7021RAL2013||bgcolor="23282BC35831" | |RAL7022RAL3000||bgcolor="332F2CAF2B1E" | |RAL7023RAL3001||bgcolor="686C5EA52019" | |RAL7024RAL3002||bgcolor="474A51A2231D" | |RAL7026RAL3003||bgcolor="2F353B9B111E" | |RAL7030RAL3004||bgcolor="8B8C7A75151E" |
|-
|RAL7031RAL3005||bgcolor="474B4E5E2129" | |RAL7032RAL3007||bgcolor="B8B799412227" | |RAL7033RAL3009||bgcolor="7D8471642424" | |RAL7034RAL3011||bgcolor="8F8B66781F19" | |RAL7035RAL3012||bgcolor="D7D7D7C1876B" | |RAL7036RAL3013||bgcolor="7F7679A12312" |
|-
|RAL7037RAL3014||bgcolor="7D7F7DD36E70" | |RAL7038RAL3015||bgcolor="B5B8B1EA899A" | |RAL7039RAL3016||bgcolor="6C6960B32821" | |RAL7040RAL3017||bgcolor="9DA1AAE63244" | |RAL7042RAL3018||bgcolor="8D948DD53032" | |RAL7043RAL3020||bgcolor="4E5452CC0605" |
|-
|RAL7044RAL3022||bgcolor="CAC4B0D95030" | |RAL7045RAL3024||bgcolor="909090F80000" | |RAL7046RAL3026||bgcolor="82898FFE0000" | |RAL7047RAL3027||bgcolor="D0D0D0C51D34" | |RAL7048RAL3028||bgcolor="898176CB3234" | |RAL8000RAL3031||bgcolor="826C34B32428" |
|-
|RAL8001RAL3032||bgcolor="955F20721422" | |RAL8002RAL3033||bgcolor="6C3B2AB44C43" | |RAL8003RAL4001||bgcolor="7342226D3F5B" | |RAL8004RAL4002||bgcolor="8E402A922B3E" | |RAL8007RAL4003||bgcolor="59351FDE4C8A" | |RAL8008RAL4004||bgcolor="6F4F28641C34" |
|-
|RAL8011RAL4005||bgcolor="5B3A296C4675" | |RAL8012RAL4006||bgcolor="592321A03472" | |RAL8014RAL4007||bgcolor="382C1E4A192C" | |RAL8015RAL4008||bgcolor="633A34924E7D" | |RAL8016RAL4009||bgcolor="4C2F27A18594" | |RAL8017RAL4010||bgcolor="45322ECF3476" |
|-
|RAL8019RAL4011||bgcolor="403A3A8673A1" | |RAL8022RAL4012||bgcolor="2121216C6874" | |RAL8023RAL5000||bgcolor="A65E2E354D73" | |RAL8024RAL5001||bgcolor="79553D1F3438" | |RAL8025RAL5002||bgcolor="755C4820214F" | |RAL8028RAL5003||bgcolor="4E3B311D1E33" |
|-
|RAL8029RAL5004||bgcolor="763C2818171C" | |RAL9001RAL5005||bgcolor="FDF4E31E2460" | |RAL9002RAL5007||bgcolor="E7EBDA3E5F8A" | |RAL9003RAL5008||bgcolor="F4F4F426252D" | |RAL9004RAL5009||bgcolor="282828025669" | |RAL9005RAL5010||bgcolor="0A0A0A0E294B" |
|-
|RAL9006RAL5011||bgcolor="A5A5A5231A24" | |RAL9007RAL5012||bgcolor="8F8F8F3B83BD" | |RAL9010RAL5013||bgcolor="FFFFFF1E213D" | |RAL9011RAL5014||bgcolor="1C1C1C606E8C" | |RAL9016RAL5015||bgcolor="F6F6F62271B3" | |RAL9017RAL5017||bgcolor="1E1E1E063971" |
|-
|RAL9018RAL5018||bgcolor="D7D7D73F888F" | |RAL9022RAL5019||bgcolor="9C9C9C1B5583" | |RAL9023RAL5020||bgcolor="8282821D334A" | |} == Solarized colors == Colors based on the [http://ethanschoonover.com/solarized Solarized] color scheme.These are defined in {{srcRAL5021|colo-imp-solarized.mkiv}} and can be loaded using <texcode>\usecolors[solarized]</texcode> {| stylebgcolor="text-align: right256D7B" | padding-right: 20px;"!| Name !! Color !styleRAL5022||bgcolor="width: 100px;252850"| Name !! Color !style|RAL5023||bgcolor="width: 100px;49678D"| Name !! Color !style="width: 100px "| Name !! Color
|-
|base03RAL5024||bgcolor="002b365D9B9B" | |base02RAL5025||bgcolor="0736422A6478" | |base01RAL5026||bgcolor="586e75102C54" | |base00RAL6000||bgcolor="657b83316650" | |RAL6001||bgcolor="287233" | |RAL6002||bgcolor="2D572C" |
|-
|base0RAL6003||bgcolor="839496424632" | |base1RAL6004||bgcolor="93a1a11F3A3D" | |base2RAL6005||bgcolor="eee8d52F4538" | |base3RAL6006||bgcolor="fdf6e33E3B32" | |RAL6007||bgcolor="343B29" | |RAL6008||bgcolor="39352A" |
|-
|yellowRAL6009||bgcolor="b5890031372B" | |orangeRAL6010||bgcolor="cb4b1635682D" | |redRAL6011||bgcolor="dc322f587246" | |magentaRAL6012||bgcolor="d33682343E40" | |RAL6013||bgcolor="6C7156" | |RAL6014||bgcolor="47402E" |
|-
|violetRAL6015||bgcolor="6c71c43B3C36" | |blueRAL6016||bgcolor="268bd21E5945" | |cyanRAL6017||bgcolor="2aa1984C9141" | |greenRAL6018||bgcolor="85990057A639" | |} == SVG colors == Colors based on the [http://www.december.com/html/spec/colorsvghex.html SVG]spec. These are defined in {{srcRAL6019|colo-imp-svg.mkiv}} and can be loaded using <texcode>\usecolors[svg]</texcode> {| stylebgcolor="text-align: right; padding-right: 20pxBDECB6" | "!| Name !! Color !style="width: 100px;"RAL6020|| Name !! Color !stylebgcolor="width: 100px;2E3A23"| Name !! Color !style="width: 100px "| Name !! Color
|-
|blackRAL6021||bgcolor="00000089AC76" | |navyRAL6022||bgcolor="00008025221B" | |darkblueRAL6024||bgcolor="00008B308446" | |mediumblueRAL6025||bgcolor="0000CD3D642D" | |RAL6026||bgcolor="015D52" | |RAL6027||bgcolor="84C3BE" |
|-
|blueRAL6028||bgcolor="0000FF2C5545" | |darkgreenRAL6029||bgcolor="00640020603D" | |greenRAL6032||bgcolor="008000317F43" | |tealRAL6033||bgcolor="008080497E76" | |RAL6034||bgcolor="7FB5B5" | |RAL6035||bgcolor="1C542D" |
|-
|darkcyanRAL6036||bgcolor="008B8B193737" | |deepskyblueRAL6037||bgcolor="00BFFF008F39" | |darkturquoiseRAL6038||bgcolor="00CED100BB2D" | |mediumspringgreenRAL7000||bgcolor="00FA9A78858B" | |RAL7001||bgcolor="8A9597" | |RAL7002||bgcolor="7E7B52" |
|-
|limeRAL7003||bgcolor="00FF006C7059" | |springgreenRAL7004||bgcolor="00FF7F969992" | |cyanRAL7005||bgcolor="00FFFF646B63" | |aquaRAL7006||bgcolor="00FFFF6D6552" | |RAL7008||bgcolor="6A5F31" | |RAL7009||bgcolor="4D5645" |
|-
|midnightblueRAL7010||bgcolor="1919704C514A" | |dodgerblueRAL7011||bgcolor="1E90FF434B4D" | |lightseagreenRAL7012||bgcolor="20B2AA4E5754" | |forestgreenRAL7013||bgcolor="228B22464531" | |RAL7015||bgcolor="434750" | |RAL7016||bgcolor="293133" |
|-
|seagreenRAL7021||bgcolor="2E8B5723282B" | |darkslategrayRAL7022||bgcolor="2F4F4F332F2C" | |darkslategreyRAL7023||bgcolor="2F4F4F686C5E" | |limegreenRAL7024||bgcolor="32CD32474A51" | |RAL7026||bgcolor="2F353B" | |RAL7030||bgcolor="8B8C7A" |
|-
|mediumseagreenRAL7031||bgcolor="3CB371474B4E" | |turquoiseRAL7032||bgcolor="40E0D0B8B799" | |royalblueRAL7033||bgcolor="4169E17D8471" | |steelblueRAL7034||bgcolor="4682B48F8B66" | |RAL7035||bgcolor="D7D7D7" | |RAL7036||bgcolor="7F7679" |
|-
|darkslateblueRAL7037||bgcolor="483D8B7D7F7D" | |mediumturquoiseRAL7038||bgcolor="48D1CCB5B8B1" | |indigoRAL7039||bgcolor="4B00826C6960" | |darkolivegreenRAL7040||bgcolor="556B2F9DA1AA" | |RAL7042||bgcolor="8D948D" | |RAL7043||bgcolor="4E5452" |
|-
|cadetblueRAL7044||bgcolor="5F9EA0CAC4B0" | |cornflowerblueRAL7045||bgcolor="6495ED909090" | |mediumaquamarineRAL7046||bgcolor="66CDAA82898F" | |dimgreyRAL7047||bgcolor="696969D0D0D0" | |RAL7048||bgcolor="898176" | |RAL8000||bgcolor="826C34" |
|-
|dimgrayRAL8001||bgcolor="696969955F20" | |slateblueRAL8002||bgcolor="6A5ACD6C3B2A" | |olivedrabRAL8003||bgcolor="6B8E23734222" | |slategreyRAL8004||bgcolor="7080908E402A" | |RAL8007||bgcolor="59351F" | |RAL8008||bgcolor="6F4F28" |
|-
|slategrayRAL8011||bgcolor="7080905B3A29" | |lightslategrayRAL8012||bgcolor="778899592321" | |lightslategreyRAL8014||bgcolor="778899382C1E" | |mediumslateblueRAL8015||bgcolor="7B68EE633A34" | |RAL8016||bgcolor="4C2F27" | |RAL8017||bgcolor="45322E" |
|-
|lawngreenRAL8019||bgcolor="7CFC00403A3A" | |chartreuseRAL8022||bgcolor="7FFF00212121" | |aquamarineRAL8023||bgcolor="7FFFD4A65E2E" | |maroonRAL8024||bgcolor="80000079553D" | |RAL8025||bgcolor="755C48" | |RAL8028||bgcolor="4E3B31" |
|-
|purpleRAL8029||bgcolor="800080763C28" | |oliveRAL9001||bgcolor="808000FDF4E3" | |grayRAL9002||bgcolor="808080E7EBDA" | |greyRAL9003||bgcolor="808080F4F4F4" | |RAL9004||bgcolor="282828" | |RAL9005||bgcolor="0A0A0A" |
|-
|skyblueRAL9006||bgcolor="87CEEBA5A5A5" | |lightskyblueRAL9007||bgcolor="87CEFA8F8F8F" | |bluevioletRAL9010||bgcolor="8A2BE2FFFFFF" | |darkredRAL9011||bgcolor="8B00001C1C1C" | |RAL9016||bgcolor="F6F6F6" | |RAL9017||bgcolor="1E1E1E" |
|-
|darkmagentaRAL9018||bgcolor="8B008BD7D7D7" | |saddlebrownRAL9022||bgcolor="8B45139C9C9C" | |darkseagreenRAL9023||bgcolor="8FBC8F828282" | |lightgreen||bgcolor} == Solarized colors =="90EE90" | Colors based on the [http://ethanschoonover.com/solarized Solarized] color scheme by Ethan Schoonover.These are defined in {{src|colo-imp-solarized.mkiv}} and can be loaded using <texcode>\usecolors[solarized]</texcode> {|mediumpurple||bgcolorstyle="9370DBtext-align: right; padding-right: 20px;" !| Name !! Color |darkviolet||bgcolor!style="9400D3width: 100px;" | Name !! Color |palegreen||bgcolor!style="98FB98width: 100px;" | Name !! Color |darkorchid||bgcolor!style="9932CCwidth: 100px;" | Name !! Color
|-
|yellowgreenbase03||bgcolor="9ACD32002b36" | |siennabase02||bgcolor="A0522D073642" | |brownbase01||bgcolor="A52A2A586e75" | |darkgraybase00||bgcolor="A9A9A9657b83" |
|-
|darkgreybase0||bgcolor="A9A9A9839496" | |lightbluebase1||bgcolor="ADD8E693a1a1" | |greenyellowbase2||bgcolor="ADFF2Feee8d5" | |paleturquoisebase3||bgcolor="AFEEEEfdf6e3" |
|-
|lightsteelblueyellow||bgcolor="B0C4DEb58900" | |powderblueorange||bgcolor="B0E0E6cb4b16" | |firebrickred||bgcolor="B22222dc322f" | |darkgoldenrodmagenta||bgcolor="B8860Bd33682" |
|-
|mediumorchidviolet||bgcolor="BA55D36c71c4" | |rosybrownblue||bgcolor="BC8F8F268bd2" | |darkkhakicyan||bgcolor="BDB76B2aa198" | |silvergreen||bgcolor="C0C0C0859900" | |-} |mediumvioletred||bgcolor="C71585" | |indianred||bgcolor="CD5C5C" | SVG colors == |peru||bgcolor="CD853F" | |chocolate||bgcolor="D2691E" | Colors based on the [http://www.december.com/html/spec/colorsvghex.html SVG]spec. These are defined in {{src|colo-imp-svg.mkiv}} and can be loaded using <texcode>\usecolors[svg]</texcode> {|tan||bgcolorstyle="D2B48Ctext-align: right; padding-right: 20px;" !| Name !! Color |lightgray||bgcolor!style="D3D3D3width: 100px;" | Name !! Color |lightgrey||bgcolor!style="D3D3D3width: 100px;" | Name !! Color |thistle||bgcolor!style="D8BFD8width: 100px;" | Name !! Color
|-
|orchidblack||bgcolor="DA70D6000000" | |goldenrodnavy||bgcolor="DAA520000080" | |palevioletreddarkblue||bgcolor="DB709300008B" | |crimsonmediumblue||bgcolor="DC143C0000CD" |
|-
|gainsboroblue||bgcolor="DCDCDC0000FF" | |plumdarkgreen||bgcolor="DDA0DD006400" | |burlywoodgreen||bgcolor="DEB887008000" | |lightcyanteal||bgcolor="E0FFFF008080" |
|-
|lavenderdarkcyan||bgcolor="E6E6FA008B8B" | |darksalmondeepskyblue||bgcolor="E9967A00BFFF" | |violetdarkturquoise||bgcolor="EE82EE00CED1" | |palegoldenrodmediumspringgreen||bgcolor="EEE8AA00FA9A" |
|-
|lightcorallime||bgcolor="F0808000FF00" | |khakispringgreen||bgcolor="F0E68C00FF7F" | |alicebluecyan||bgcolor="F0F8FF00FFFF" | |honeydewaqua||bgcolor="F0FFF000FFFF" |
|-
|azuremidnightblue||bgcolor="F0FFFF191970" | |sandybrowndodgerblue||bgcolor="F4A4601E90FF" | |wheatlightseagreen||bgcolor="F5DEB320B2AA" | |beigeforestgreen||bgcolor="F5F5DC228B22" |
|-
|whitesmokeseagreen||bgcolor="F5F5F52E8B57" | |mintcreamdarkslategray||bgcolor="F5FFFA2F4F4F" | |ghostwhitedarkslategrey||bgcolor="F8F8FF2F4F4F" | |salmonlimegreen||bgcolor="FA807232CD32" |
|-
|antiquewhitemediumseagreen||bgcolor="FAEBD73CB371" | |linenturquoise||bgcolor="FAF0E640E0D0" | |lightgoldenrodyellowroyalblue||bgcolor="FAFAD24169E1" | |oldlacesteelblue||bgcolor="FDF5E64682B4" |
|-
|reddarkslateblue||bgcolor="FF0000483D8B" | |fuchsiamediumturquoise||bgcolor="FF00FF48D1CC" | |magentaindigo||bgcolor="FF00FF4B0082" | |deeppinkdarkolivegreen||bgcolor="FF1493556B2F" |
|-
|orangeredcadetblue||bgcolor="FF45005F9EA0" | |tomatocornflowerblue||bgcolor="FF63476495ED" | |hotpinkmediumaquamarine||bgcolor="FF69B466CDAA" | |coraldimgrey||bgcolor="FF7F50696969" |
|-
|darkorangedimgray||bgcolor="FF8C00696969" | |lightsalmonslateblue||bgcolor="FFA07A6A5ACD" | |orangeolivedrab||bgcolor="FFA5006B8E23" | |lightpinkslategrey||bgcolor="FFB6C1708090" |
|-
|pinkslategray||bgcolor="FFC0CB708090" | |goldlightslategray||bgcolor="FFD700778899" | |peachpufflightslategrey||bgcolor="FFDAB9778899" | |navajowhitemediumslateblue||bgcolor="FFDEAD7B68EE" |
|-
|moccasinlawngreen||bgcolor="FFE4B57CFC00" | |bisquechartreuse||bgcolor="FFE4C47FFF00" | |mistyroseaquamarine||bgcolor="FFE4E17FFFD4" | |blanchedalmondmaroon||bgcolor="FFEBCD800000" |
|-
|papayawhippurple||bgcolor="FFEFD5800080" | |lavenderblusholive||bgcolor="FFF0F5808000" | |seashellgray||bgcolor="FFF5EE808080" | |cornsilkgrey||bgcolor="FFF8DC808080" |
|-
|lemonchiffonskyblue||bgcolor="FFFACD87CEEB" | |floralwhitelightskyblue||bgcolor="FFFAF087CEFA" | |snowblueviolet||bgcolor="FFFAFA8A2BE2" | |yellowdarkred||bgcolor="FFFF008B0000" |
|-
|lightyellowdarkmagenta||bgcolor="FFFFE08B008B" | |ivorysaddlebrown||bgcolor="FFFFF08B4513" | |whitedarkseagreen||bgcolor="FFFFFF8FBC8F" | |} == XWI Colors == The colors are defined in {{srclightgreen|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>\usecolors[xwi]</texcode> This loads the following additional colors: {| style="text-align: right; padding-right: 20px;"!| Name !! Color !stylebgcolor="width: 80px;90EE90"| Name !! Color !style="width: 100px "| Name !! Color !style="width: 100px;"| Name !! Color
|-
|mediumpurple||bgcolor="9370DB" |
|darkviolet||bgcolor="9400D3" |
|palegreen||bgcolor="98FB98" |
|darkorchid||bgcolor="9932CC" |
|-
|aliceblueyellowgreen||bgcolor="#EFF7FF9ACD32"| |antiquewhitesienna||bgcolor="#F9EAD6A0522D"| |aquamarinebrown||bgcolor="#7FFFD3A52A2A"| |azuredarkgray||bgcolor="#EFFFFFA9A9A9"|
|-
|beigedarkgrey||bgcolor="#F4F4DBA9A9A9"| |bisquelightblue||bgcolor="#FFE2C4ADD8E6"| |blackgreenyellow||bgcolor="#000000ADFF2F"| |blanchedalmondpaleturquoise||bgcolor="#FFEACCAFEEEE"|
|-
|bluelightsteelblue||bgcolor="#0000FFB0C4DE"| |bluevioletpowderblue||bgcolor="#892BE2B0E0E6"| |brownfirebrick||bgcolor="#A52828B22222"| |burlywooddarkgoldenrod||bgcolor="#DDB787B8860B"|
|-
|cadetbluemediumorchid||bgcolor="#5E9EA0BA55D3"| |chartreuserosybrown||bgcolor="#7FFF00BC8F8F"| |chocolatedarkkhaki||bgcolor="#D1681EBDB76B"| |coralsilver||bgcolor="#FF7F4FC0C0C0"|
|-
|cornflowerbluemediumvioletred||bgcolor="#6393EDC71585"| |cornsilkindianred||bgcolor="#FFF7DBCD5C5C"| |cyanperu||bgcolor="#00FFFFCD853F"| |darkgoldenrodchocolate||bgcolor="#B7870AD2691E"|
|-
|darkgreentan||bgcolor="#006300D2B48C"| |darkkhakilightgray||bgcolor="#BCB76BD3D3D3"| |darkolivegreenlightgrey||bgcolor="#546B2DD3D3D3"| |darkorangethistle||bgcolor="#FF8C00D8BFD8"|
|-
|darkorchidorchid||bgcolor="#9933CCDA70D6"| |darksalmongoldenrod||bgcolor="#E8967ADAA520"| |darkseagreenpalevioletred||bgcolor="#8EBC8EDB7093"| |darkslatebluecrimson||bgcolor="#473D8CDC143C"|
|-
|darkturquoisegainsboro||bgcolor="#00CED1DCDCDC"| |darkvioletplum||bgcolor="#9300D3DDA0DD"| |deeppinkburlywood||bgcolor="#FF1493DEB887"| |deepskybluelightcyan||bgcolor="#00BFFFE0FFFF"|
|-
|dodgerbluelavender||bgcolor="#1E8EFFE6E6FA"| |firebrickdarksalmon||bgcolor="#B22121E9967A"| |floralwhiteviolet||bgcolor="#FFF9EFEE82EE"| |forestgreenpalegoldenrod||bgcolor="#218C21EEE8AA"|
|-
|gainsborolightcoral||bgcolor="#DBDBDBF08080"| |ghostwhitekhaki||bgcolor="#F7F7FFF0E68C"| |goldaliceblue||bgcolor="#FFD600F0F8FF"| |goldenrodhoneydew||bgcolor="#D8A521F0FFF0"|
|-
|greenazure||bgcolor="#00FF00F0FFFF"| |greenyellowsandybrown||bgcolor="#ADFF2DF4A460"| |honeydewwheat||bgcolor="#EFFFEFF5DEB3"| |hotpinkbeige||bgcolor="#FF68B5F5F5DC"|
|-
|indianredwhitesmoke||bgcolor="#CC5B5BF5F5F5"| |ivorymintcream||bgcolor="#FFFFEFF5FFFA"| |khakighostwhite||bgcolor="#EFE58CF8F8FF"| |lavendersalmon||bgcolor="#E5E5F9FA8072"|
|-
|lavenderblushantiquewhite||bgcolor="#FFEFF4FAEBD7"| |lawngreenlinen||bgcolor="#7CFC00FAF0E6"| |lemonchiffonlightgoldenrodyellow||bgcolor="#FFF9CCFAFAD2"| |lightblueoldlace||bgcolor="#ADD8E5FDF5E6"|
|-
|lightcoralred||bgcolor="#EF7F7FFF0000"| |lightcyanfuchsia||bgcolor="#E0FFFFFF00FF"| |lightgoldenrodmagenta||bgcolor="#EDDD82FF00FF"| |lightgoldenrodyellowdeeppink||bgcolor="#F9F9D1FF1493"|
|-
|lightpinkorangered||bgcolor="#FFB5C1FF4500"| |lightsalmontomato||bgcolor="#FFA07AFF6347"| |lightseagreenhotpink||bgcolor="#21B2AAFF69B4"| |lightskybluecoral||bgcolor="#87CEF9FF7F50"|
|-
|lightslatebluedarkorange||bgcolor="#8470FFFF8C00"| |lightsteelbluelightsalmon||bgcolor="#AFC4DDFFA07A"| |lightyelloworange||bgcolor="#FFFFE0FFA500"| |limegreenlightpink||bgcolor="#33CC33FFB6C1"|
|-
|linenpink||bgcolor="#F9EFE5FFC0CB"| |magentagold||bgcolor="#FF00FFFFD700"| |maroonpeachpuff||bgcolor="#AF3060FFDAB9"| |mediumaquamarinenavajowhite||bgcolor="#66CCAAFFDEAD"|
|-
|mediumbluemoccasin||bgcolor="#0000CCFFE4B5"| |mediumorchidbisque||bgcolor="#BA54D3FFE4C4"| |mediumpurplemistyrose||bgcolor="#9370DBFFE4E1"| |mediumseagreenblanchedalmond||bgcolor="#3DB270FFEBCD"|
|-
|mediumslatebluepapayawhip||bgcolor="#7A68EDFFEFD5"| |mediumspringgreenlavenderblush||bgcolor="#00F999FFF0F5"| |mediumturquoiseseashell||bgcolor="#47D1CCFFF5EE"| |mediumvioletredcornsilk||bgcolor="#C61484FFF8DC"|
|-
|midnightbluelemonchiffon||bgcolor="#191970FFFACD"| |mintcreamfloralwhite||bgcolor="#F4FFF9FFFAF0"| |mistyrosesnow||bgcolor="#FFE2E0FFFAFA"| |moccasinyellow||bgcolor="#FFE2B5FFFF00"|
|-
|navajowhitelightyellow||bgcolor="#FFDDADFFFFE0"| |navyivory||bgcolor="#00007FFFFFF0"| |navybluewhite||bgcolor="#00007FFFFFFF"| |oldlace} == X11 colors == [https://en.wikipedia.org/wiki/X11_color_names X11_color_names] defined in{{src|colo-imp-x11.mkiv}}. These can be loaded using <texcode>\usecolors[x11]</texcode> {| style="text-align: right; padding-right: 20px;"!|Name !! Color !style="width: 100px;"|bgcolorName !! Color !style="#FCF4E5width: 100px;"| Name !! Color !style="width: 100px;"| Name !! Color
|-
|olivedrabsnow||bgcolor="#6B8E23fffafa"| |orangeghostwhite||bgcolor="#FFA500f8f8ff"| |orangeredwhitesmoke||bgcolor="#FF4400f5f5f5"| |orchidgainsboro||bgcolor="#D870D6dcdcdc"|
|-
|palegoldenrodfloralwhite||bgcolor="#EDE8AAfffaf0"| |palegreenoldlace||bgcolor="#99F999fdf5e6"| |paleturquoiselinen||bgcolor="#AFEDEDfaf0e6"| |palevioletredantiquewhite||bgcolor="#DB7093faebd7"|
|-
|papayawhip||bgcolor="#FFEFD6ffefd5" | |blanchedalmond||bgcolor="ffebcd" | |bisque||bgcolor="ffe4c4"| |peachpuff||bgcolor="#FFD8BAffdab9" | |-|navajowhite||bgcolor="ffdead" | |moccasin||bgcolor="ffe4b5"| |perucornsilk||bgcolor="#CC843Ffff8dc"| |pinkivory||bgcolor="#FFBFCCfffff0"|
|-
|plumlemonchiffon||bgcolor="#DDA0DDfffacd"| |powderblueseashell||bgcolor="#AFE0E5fff5ee"| |purplehoneydew||bgcolor="#A021EFf0fff0"| |red mintcream||bgcolor="#FF0000f5fffa"|
|-
|rosybrownazure||bgcolor="#BC8E8Ef0ffff"| |royalbluealiceblue||bgcolor="#3F68E0f0f8ff"| |saddlebrownlavender||bgcolor="#8C4411e6e6fa"| |salmonlavenderblush||bgcolor="#F97F72fff0f5"|
|-
|sandybrownmistyrose||bgcolor="#F4A360ffe4e1"| |seagreenwhite||bgcolor="#2D8C56ffffff"| |seashellblack||bgcolor="#FFF4ED000000"| |siennadarkslategray||bgcolor="#A0512D2f4f4f"|
|-
|skybluedimgray||bgcolor="#87CEEA686868"| |slateblueslategray||bgcolor="#6B59CC708090"| |snowlightslategray||bgcolor="#FFF9F9778899"| |springgreengray||bgcolor="#00FF7Fc0c0c0"|
|-
|steelbluelightgray||bgcolor="#4482B5d4d4d4"| |tan midnightblue||bgcolor="#D1B58C191970"| |thistlenavy||bgcolor="#D8BFD8000080"| |tomatonavyblue||bgcolor="#FF6347000080" | |-|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"|
|-
|turquoisesteelblue||bgcolor="#3FE0D14682b4"| |violetlightsteelblue||bgcolor="#ED82EDb0c4de"| |violetredlightblue||bgcolor="#D1218Eadd8e6"| |wheatpowderblue||bgcolor="#F4DDB2b0e0e6"|
|-
|whitepaleturquoise||bgcolor="#FFFFFFafeeee"| |whitesmokedarkturquoise||bgcolor="#F4F4F400ced1"| |yellowmediumturquoise||bgcolor="#FFFF0048d1cc"| |yellowgreenturquoise||bgcolor="#99CC3340e0d0"| |} == Additional pre-defined colors == In addition to the above, there are other pre-defined colors. {| class="wikitable"| x11 || <code>\usecolors[x11]</code>| {{src|colo-imp-x11.mkiv}}| 658 extended Xorg color keywords (WWW), defined in hex RGB
|-
| ema cyan|| <code>\usecolors[ema]</code>bgcolor="00ffff" | | {{srclightcyan|colo-imp-ema.mkiv}} |bgcolor="e0ffff" | 549 Emacs colors |}cadetblue||bgcolor="5f9ea0" | |mediumaquamarine||bgcolor= Defining New Colors ="66cdaa" | |-ConTeXt [[#Defining New Colors|supports several color models]]:aquamarine||bgcolor="7fffd4" | * [https://en.wikipedia.org/wiki/CMYK_color_model CMYK], typically used for printing|darkolivegreen||bgcolor="556b2f" | * [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,|darkseagreen||bgcolor="8fbc8f" | * [https://en.wikipedia.org/wiki/Transparency_(graphic) Transparencies],* [https://en.wikipedia.org/wiki/Spot_color Spot colors], typically used for offset printing. New colors may be defined in the following ways {| classseagreen||bgcolor="wikitable2e8b57"! Name !! Syntax (and Example) !! Explanation|
|-
| stylemediumseagreen||bgcolor="width:20%3cb371" | |lightseagreen||bgcolor="20b2aa" | RGB color model | stylepalegreen||bgcolor="width:40%;98fb98" | <texcode>\definecolor[...][r=..., g=..., b=...]</texcode> For example,<texcode>\definecolor[lime][r|lightgreen||bgcolor=0.75, g=1, b=0] This is \color[lime]{a new color}that we defined</texcode>"90ee90" | 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 modelspringgreen||bgcolor="00ff7f" | | <texcode>\definecolor[...][clawngreen||bgcolor=.., m"7cfc00" | |green||bgcolor=.., y=.., k=..]</texcode> "00ff00" | For example,<texcode>\definecolor[lime][c=0.25, m=0, y=1, k|chartreuse||bgcolor=0] This is \color[lime]{a new color}that we defined</texcode>"7fff00" | 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/HSL color modelmediumspringgreen||bgcolor="00fa9a" | |<texcode>\definecolor[...][hgreenyellow||bgcolor=.., s"adff2f" | |limegreen||bgcolor=.., v"32cd32" | |yellowgreen||bgcolor=..]</texcode> "9acd32" | For example,|-<texcode>\definecolor[lime][h|forestgreen||bgcolor=75, s"228b22" | |olivedrab||bgcolor=1, v"6b8e23" | |darkkhaki||bgcolor=1] "bdb76b" | This is \color[lime]{a new color}|khaki||bgcolor="f0e68c" | that we defined</texcode>|-| The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code>palegoldenrod||bgcolor="eee8aa" | |lightgoldenrodyellow||bgcolor="fafad2" | |lightyellow||bgcolor="ffffe0" | |yellow||bgcolor="ffff00" | |-|gold||bgcolor="ffd700" | |lightgoldenrod||bgcolor="eedd82" | |goldenrod||bgcolor="daa520" | |darkgoldenrod||bgcolor="b8860b" | the values for <code>s</code> (saturation), <code>v</code> (value/brightness) are floating point numbers between <code>0</code> and <code>1</code>.
|-
| HWB color modelrosybrown||bgcolor="bc8f8f" | |<texcode>\definecolor[...][hindianred||bgcolor=.., w"cd5c5c" | |saddlebrown||bgcolor=.., b=..]</texcode> "8b4513" | For example,<texcode>\definecolor[something][h=75, w=0.5, b|sienna||bgcolor=.1] This is \color[something]{a new color}that we defined</texcode>"a0522d" | The value for <code>h</code> (hue) is between <code>0</code> and <code>360</code> the 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.
|-
| Hexperu||bgcolor="cd853f" | | <texcode>\definecolor[...][xburlywood||bgcolor=...]</texcode> "deb887" | For example,|beige||bgcolor="f5f5dc" | <texcode>\definecolor[lime][x|wheat||bgcolor=BFFF00] This is \color[lime]{a new color}that we defined</texcode>"f5deb3" | 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 scalesandybrown||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" | |<texcode>\definecolor[...][sazure1||bgcolor=...]</texcode> "f0ffff" | For example,|azure2||bgcolor="e0eeee" | <texcode>\definecolor[screen][s|-|azure3||bgcolor=0.5] "c1cdcd" | This is \color[screen]{a new color}|azure4||bgcolor="838b8b" | that we defined</texcode>|slateblue1||bgcolor="836fff" | | 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).slateblue2||bgcolor="7a67ee" | |}-|slateblue3||bgcolor="6959cd" | |slateblue4||bgcolor="473c8b" | |royalblue1||bgcolor= Cloning existing colors "4876ff" | |royalblue2||bgcolor="436eee" | |-|royalblue3||bgcolor="3a5fcd" | |royalblue4||bgcolor="27408b" | |blue1||bgcolor="0000ff" | You can ''clone'' an existing color using|blue2||bgcolor="0000ee" | <texcode>\definecolor[new|-color][old|blue3||bgcolor="0000cd" | |blue4||bgcolor="00008b" | |dodgerblue1||bgcolor="1e90ff" | |dodgerblue2||bgcolor="1c86ee" | |-color]</texcode>|dodgerblue3||bgcolor="1874cd" | For example|dodgerblue4||bgcolor="104e8b" | {|steelblue1||bgcolor="63b8ff" | | widthsteelblue2||bgcolor="45%5cacee"| <texcode>\usecolors[xwi] \definecolor[highlight][yellow]|-\defineframed|steelblue3||bgcolor="4f94cd" | [important]|steelblue4||bgcolor="36648b" | [location|deepskyblue1||bgcolor=low, frame"00bfff" | |deepskyblue2||bgcolor=off, "00b2ee" | background|-|deepskyblue3||bgcolor=color, backgroundcolor"009acd" | |deepskyblue4||bgcolor=highlight]"00688b" | |skyblue1||bgcolor="87ceff" | This is a \important{important}word.|skyblue2||bgcolor="7ec0ee" | |-\definecolor[highlight][lavenderblush]|skyblue3||bgcolor="6ca6cd" | This is a \important{important}word.|skyblue4||bgcolor="4a708b" | </texcode>|lightskyblue1||bgcolor="b0e2ff" | | widthlightskyblue2||bgcolor="10%a4d3ee"| | width-|lightskyblue3||bgcolor="45%8db6cd"| <context mode |lightskyblue4||bgcolor=mkiv>\usecolors[xwi]"607b8b" | \definecolor[highlight][yellow]|slategray1||bgcolor="c6e2ff" | \defineframed[important][location|slategray2||bgcolor=low, frame"b9d3ee" | |-|slategray3||bgcolor=off, "9fb6cd" | background|slategray4||bgcolor=color, backgroundcolor"6c7b8b" | |lightsteelblue1||bgcolor=highlight]"cae1ff" | |lightsteelblue2||bgcolor="bcd2ee" | This is a \important{important}word.|-|lightsteelblue3||bgcolor="a2b5cd" | \definecolor[highlight][lavenderblush]|lightsteelblue4||bgcolor="6e7b8b" | This is a \important{important}word.|lightblue1||bgcolor="bfefff" | </context>|lightblue2||bgcolor="b2dfee" | |}-|lightblue3||bgcolor="9ac0cd" | |lightblue4||bgcolor="68838b" | |lightcyan1||bgcolor= Adapting existing colors "e0ffff" | |lightcyan2||bgcolor="d1eeee" | |-|lightcyan3||bgcolor="b4cdcd" | |lightcyan4||bgcolor="7a8b8b" | {{todo | add details about this}}paleturquoise1||bgcolor="bbffff" | |paleturquoise2||bgcolor="aeeeee" | |-|paleturquoise3||bgcolor= Advanced Usage "96cdcd" | |paleturquoise4||bgcolor="668b8b" | |cadetblue1||bgcolor="98f5ff" | |cadetblue2||bgcolor="8ee5ee" | |-|cadetblue3||bgcolor= Changing color of entire document "7ac5cd" | |cadetblue4||bgcolor="53868b" | |turquoise1||bgcolor="00f5ff" | |turquoise2||bgcolor="00e5ee" | |-|turquoise3||bgcolor="00c5cd" | To change the main text color of the document use|turquoise4||bgcolor="00868b" | |cyan1||bgcolor="00ffff" | <texcode>\setupcolors[textcolor|cyan2||bgcolor=defined"00eeee" | |-color]</texcode>|cyan3||bgcolor="00cdcd" | |cyan4||bgcolor="008b8b" | |darkslategray1||bgcolor="97ffff" | For example,|darkslategray2||bgcolor="8deeee" | |-{|darkslategray3||bgcolor="79cdcd" | ! width|darkslategray4||bgcolor="45%528b8b"| ! width|aquamarine1||bgcolor="10%7fffd4"| ! width|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="45%00ee00"|
|-
|<texcode>\setupcolors[textcolorgreen3||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=blue]"cd919e" | \starttext|pink4||bgcolor="8b636c" | text|lightpink1||bgcolor="ffaeb9" | \stoptext|-</texcode>|lightpink2||bgcolor="eea2ad" | |lightpink3||bgcolor="cd8c95" | |<context modelightpink4||bgcolor=mkiv>"8b5f65" | \setupcolors[textcolor|palevioletred1||bgcolor=blue]"ff82ab" | \starttext|-text|palevioletred2||bgcolor="ee799f" | \stoptext|palevioletred3||bgcolor="cd6889" | </context>|palevioletred4||bgcolor="8b475d" | |}maroon1||bgcolor="ff34b3" | |-|maroon2||bgcolor="ee30a7" | |maroon3||bgcolor= Changing background color of page "cd2990" | |maroon4||bgcolor="8b1c62" | |violetred1||bgcolor="ff3e96" | |-|violetred2||bgcolor="ee3a8c" | The background color of the page can be changed using|violetred3||bgcolor="cd3278" | <texcode>\setupbackgrounds[page][background|violetred4||bgcolor=color,backgroundcolor"8b2252" | |magenta1||bgcolor=defined"ff00ff" | |-color]</texcode>|magenta2||bgcolor="ee00ee" | |magenta3||bgcolor="cd00cd" | |magenta4||bgcolor="8b008b" | For example,|orchid1||bgcolor="ff83fa" | {|- ! width|orchid2||bgcolor="45%ee7ae9"| ! width|orchid3||bgcolor="10%cd69c9"| ! width|orchid4||bgcolor="45%8b4789"| |plum1||bgcolor="ffbbff" | |-|plum2||bgcolor="eeaeee" | |plum3||bgcolor="cd96cd" | |plum4||bgcolor="8b668b" | |mediumorchid1||bgcolor="e066ff" | |- | <texcode>mediumorchid2||bgcolor="d15fee" | \setuppapersize[A10]|mediumorchid3||bgcolor="b452cd" | \setupbackgrounds[page][background|mediumorchid4||bgcolor=color,backgroundcolor"7a378b" | |darkorchid1||bgcolor=blue]"bf3eff" | |-|darkorchid2||bgcolor="b23aee" | \starttext|darkorchid3||bgcolor="9a32cd" | text|darkorchid4||bgcolor="68228b" | \stoptext|purple1||bgcolor="9b30ff" | </texcode>|-|purple2||bgcolor="912cee" | |<context>purple3||bgcolor="7d26cd" | \setuppapersize[A10]|purple4||bgcolor="551a8b" | \setupcolors[state|mediumpurple1||bgcolor=start]"ab82ff" | |-|mediumpurple2||bgcolor="9f79ee" | \setupbackgrounds[page][background|mediumpurple3||bgcolor=color,backgroundcolor"8968cd" | |mediumpurple4||bgcolor=blue]"5d478b" | |thistle1||bgcolor="ffe1ff" | \starttext|-text|thistle2||bgcolor="eed2ee" | \stoptext|thistle3||bgcolor="cdb5cd" | </context>|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="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:
== Using colors in MetaPost == A color defined in TeX is available in MetaPost using `<texcode>\MPcolor{...}`. For example:usecolors[xwi]</texcode>
{||-|<texcode>\definecolor[highlight][r=0.8,g=0.8,b=0]\starttext\color[highlight]{Highlighted text in TeX}This loads the following additional colors:
\startMPcodelabel({| style="Highlighted text in MetaPost-align: right; padding-right: 20px;", origin) withcolor \MPcolor{highlight}!| Name !! Color !style="width: 80px;"| Name !! Color \stopMPcode</texcode>!style="width: 100px;"|<context mode=mkiv>Name !! Color \definecolor[highlight][r!style=0.8,g=0.8,b=0]"width: 100px;"| Name !! Color\starttext|-\color[highlight]{Highlighted text in TeX}|-|aliceblue||bgcolor="#EFF7FF"| \startMPcode|antiquewhite||bgcolor="#F9EAD6"| label(|aquamarine||bgcolor="Highlighted text in MetaPost#7FFFD3", origin)| withcolor \MPcolor{highlight}|azure||bgcolor="#EFFFFF"| \stopMPcode|-</context>|beige||bgcolor="#F4F4DB"| |}bisque||bgcolor="#FFE2C4"| |black||bgcolor="#000000"| Note that `\MPcolor{...}` behaves similar to a `color` primitive in MetaPost. For example, the following is valid MetaPost code.<texcode>color myColor; myColor |blanchedalmond||bgcolor= 0.5[\MPcolor{highlight}, white]"#FFEACC"| </texcode>|-For more further reading: [[Color in MetaPost]].|blue||bgcolor="#0000FF"| |blueviolet||bgcolor="#892BE2"| |brown||bgcolor="#A52828"| |burlywood||bgcolor= Testing if color is defined =="#DDB787"| |-To test if a color is defined, use|cadetblue||bgcolor="#5E9EA0"| |chartreuse||bgcolor="#7FFF00"| * {{cmd|doifcolor}}chocolate||bgcolor="#D1681E"| * {{cmd|doifcolorelse}}coral||bgcolor="#FF7F4F"| |-Usage:|cornflowerblue||bgcolor="#6393ED"| |cornsilk||bgcolor="#FFF7DB"| <texcode>|cyan||bgcolor="#00FFFF"| \doifcolor{color-name}{... if branch ... }|darkgoldenrod||bgcolor="#B7870A"| \doifcolorelse{color|-name}{... if branch ...}{... else branch ...}</texcode> |darkgreen||bgcolor="#006300"| |darkkhaki||bgcolor= Viewing pre-defined color ="#BCB76B"| |darkolivegreen||bgcolor== View all defined colors =="#546B2D"| To view pre-defined colors, you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{srcdarkorange||colo-imp-x11.mkiv}}, use (output truncated for display here ...) {bgcolor="#FF8C00"|
|-
|<texcode>\showcolor[x11]</texcode>darkorchid||bgcolor="#9933CC"| |<context modedarksalmon||bgcolor=mkiv>\startTEXpage[height"#E8967A"| |darkseagreen||bgcolor=5cm]\showcolor[x11]\stopTEXpage</context>"#8EBC8E"| |} If you use {{cmddarkslateblue||showcolor}} without any argument, all currently defined colors are shown. == View specific defined colors =bgcolor="#473D8C"| To view the components of a defined color, you can use: * {{cmd|showcolorcomponents}}<texcode>\showcolorcomponents[color-1, color-2]</texcode>|darkturquoise||bgcolor="#00CED1"| For example,|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"| |} == Additional pre-defined colors == In addition to the above, there are other pre-defined colors. {| class="wikitable"|-| ema || <code>\usecolors[ema]</code>| {{src|colo-imp-ema.mkiv}} || 549 Emacs colors|} = Advanced Usage = == Using colors in MetaPost == A color defined in TeX is available in MetaPost using `\MPcolor{...}` or in LuaMetaFun simply the name in quotation marks. For example: {||-|<texcode>\definecolor[highlight][r=0.8,g=0.8,b=0]\starttext\color[highlight]{Highlighted text in TeX} \startMPcodelabel("Highlighted text in MetaPost", origin) withcolor \MPcolor{highlight};\stopMPcode</texcode>|<context mode=mkiv>\definecolor[highlight][r=0.8,g=0.8,b=0]\color[highlight]{Highlighted text in TeX} \startMPcodelabel("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> For more further reading: [[Color in MetaPost]]. == Testing if color is defined == To test if a color is defined, use * {{cmd|doifcolor}}* {{cmd|doifcolorelse}} Usage: <texcode>\doifcolor{color-name}{... if branch ... }\doifcolorelse{color-name}{... if branch ...}{... else branch ...}</texcode> = Viewing pre-defined color = == View all defined colors == To view pre-defined colors, you can use {{cmd|showcolor}}. For example, to see all the colors defined in {{src|colo-imp-x11.mkiv}}, use (output truncated for display here ...) {| |-|<texcode>\showcolor[x11]</texcode>|<context mode=mkiv>\startTEXpage[height=5cm]\showcolor[x11]\stopTEXpage</context>|} If you use {{cmd|showcolor}} without any argument, all currently defined colors are shown. == View specific defined colors == To view the components of a defined color, you can use: * {{cmd|showcolorcomponents}}<texcode>\showcolorcomponents[color-1, color-2]</texcode> For example, {| |-|<texcode>\showcolorcomponents[red,middlered,darkred]</texcode>|<context mode=mkiv>\showcolorcomponents[red,middlered,darkred]</context>|} * {{cmd|colorcomponents}}* {{cmd|transparencycomponents}}* {{cmd|processcolorcomponents}}<texcode>\colorcompoents{defined-color}
\tranparencycomponents{defined-color}
\processcolorcomponents{defined-color}</texcode> For example,{||-|<texcode>\startlines\colorcomponents{red}\transparencycomponents{red}\processcolorcomponents{red}\stoplines</texcode>|<context mode=mkiv>\startlines\colorcomponents{red}\transparencycomponents{red}\processcolorcomponents{red}\stoplines</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={\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> = Further reading and specialized topics = * [[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)
* [[Color/Palet|Color Palettes]]* [[Category:Color/Transparency|Transparency]] * [[Color/Spot_Colors|Spot Colors]]* References** [httpCategory://paletton.com PalettonGraphics] - 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)