]> granicus.if.org Git - imagemagick/blobdiff - www/color.html
(no commit message)
[imagemagick] / www / color.html
index f96f6a101fa5b24aa82c502cf365cafe24e1a709..64c8d2fcacb1310b79092a43970229c14b23d81f 100644 (file)
-\r
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" \r
-  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">\r
-<head>\r
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\r
-  <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U="/>\r
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
+  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html version="-//W3C//DTD XHTML 1.1//EN"
+      xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.w3.org/1999/xhtml
+                          http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+  <meta name="google-site-verification" content="MxsMq6bdLOx0KSuz1MY6yG9ZTIJ7_7DVRfl5NCAT5Yg"/>
   <title>ImageMagick: Color Names</title>
-  <meta http-equiv="Content-Language" content="en-US"/>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-  <meta http-equiv="Reply-to" content="magick-users@imagemagick.org"/>
-  <meta name="Application-name" content="ImageMagick"/>
-  <meta name="Description" content="ImageMagick is a software suite to create, edit, compose, or convert bitmap images in a variety of formats. Use ImageMagick to scale, rotate, shear, distort and transform images."/>
-  <meta name="Application-url" content="http://www.imagemagick.org"/>
-  <meta name="Generator" content="PHP"/>
-  <meta name="Keywords" content="color, names, ImageMagick, ImageMagic, MagickCore, MagickWand, PerlMagick, Magick++, RMagick, PythonMagick, JMagick, TclMagick, Image, Magick, Magic, Wand, ImageMagickObject, Swiss, Army, Knife, Image, Processing"/>
-  <meta name="Rating" content="GENERAL"/>
-  <meta name="Robots" content="INDEX, FOLLOW"/>
-  <meta name="Generator" content="ImageMagick Studio LLC"/>
-  <meta name="Author" content="ImageMagick Studio LLC"/>
-  <meta name="Revisit-after" content="2 DAYS"/>
-  <meta name="Resource-type" content="document"/>
-  <meta name="Copyright" content="Copyright (c) 1999-2011 ImageMagick Studio LLC"/>
-  <meta name="Distribution" content="Global"/>
+  <meta http-equiv="content-language" content="en-US"/>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+  <meta http-equiv="reply-to" content="magick-users@imagemagick.org"/>
+  <meta name="application-name" content="ImageMagick"/>
+  <meta name="description" content="Use ImageMagick to convert, edit, or compose bitmap images in a variety of formats.  In addition resize, rotate, shear, distort and transform images automagically."/>
+  <meta name="application-url" content="http://www.imagemagick.org"/>
+  <meta name="generator" content="PHP"/>
+  <meta name="keywords" content="color, names, ImageMagick, PerlMagick, image processing, OpenMP, software development library, image, photo, software, Magick++, MagickWand"/>
+  <meta name="rating" content="GENERAL"/>
+  <meta name="robots" content="INDEX, FOLLOW"/>
+  <meta name="generator" content="ImageMagick Studio LLC"/>
+  <meta name="author" content="ImageMagick Studio LLC"/>
+  <meta name="revisit-after" content="2 DAYS"/>
+  <meta name="resource-type" content="document"/>
+  <meta name="copyright" content="Copyright (c) 1999-2013 ImageMagick Studio LLC"/>
+  <meta name="distribution" content="Global"/>
   <link rel="icon" href="../images/wand.png"/>
   <link rel="shortcut icon" href="../images/wand.ico"  type="images/x-icon"/>
-  <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>\r
-  <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />\r
-  <style type="text/css" media="all">\r
-    @import url("../www/magick.css");\r
-  </style>\r
-  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>\r
-  <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"></script>\r
-  <link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.4.css" media="screen" />\r
-  <script type="text/javascript">\r
-    $(document).ready(function() {\r
-      $("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox({\r
-        'transitionIn'  : 'elastic',\r
-        'transitionOut' : 'elastic',\r
-        'overlayShow'   : false,\r
-        'opacity'       : true\r
-      });\r
-    });\r
-  </script>\r
-</head>\r
-\r
-<body id="www-imagemagick-org">\r
-<div class="titlebar">\r
-<a href="../index.html">\r
-  <img src="../images/script.png" alt="[ImageMagick]"\r
-  style="width: 350px; height: 60px; margin: 28px auto; float: left;" /></a>\r
-<a href="http://www.networkredux.com">\r
-  <img src="../images/networkredux.png" alt="[sponsor]"\r
-  style="margin-top: 42px; border: 0px; float: left;" /></a>\r
-<a href="http://www.imagemagick.org/discourse-server/">\r
-  <img src="../images/logo.jpg" alt=""\r
-  style="width: 114px; height: 118px; border: 0px; float: right;" /></a>\r
-<a href="../index.html">\r
-  <img src="../images/sprite.jpg" alt=""\r
-  style="width: 114px; height: 118px; border: 0px; float: right;" /></a>\r
-</div>\r
-\r
-<div class="westbar">\r
-\r
+  <link rel="canonical" href="http://www.imagemagick.org" />
+  <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>
+  <!-- Add jQuery library -->
+  <script type="text/javascript" src="http://localhost/ajax/libs/jquery/1.7/jquery.min.js"></script>
+  
+  <!-- Optionaly include easing and/or mousewheel plugins -->
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.easing-1.3.pack.js"></script>
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
+  
+  <!-- Add fancyBox -->
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.fancybox.pack.js?v=2.0.4"></script>
+  
+  <!-- Optionaly include button and/or thumbnail helpers -->
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" />
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.js?v=2.0.4"></script>
+  
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css" media="screen" />
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.js?v=2.0.4"></script>
+  <script type="text/javascript">
+       $(document).ready(function() {
+               $(".fancybox").fancybox();
+       });
+  </script>
+  <!-- ImageMagick style -->
+  <link rel="stylesheet" href="http://www.localhost/cse/style/look/default.css" type="text/css" />
+  <style type="text/css" media="all">
+    @import url("../www/magick.css");
+  </style>
+</head>
+
+<body id="www-imagemagick-org">
+<div class="titlebar">
+<div style="margin: 17px auto; float: left;">
+  <script type="text/javascript">
+  <!--
+    google_ad_client = "pub-3129977114552745";
+    google_ad_slot = "5439289906";
+    google_ad_width = 728;
+    google_ad_height = 90;
+  //-->
+  </script>
+  <script type="text/javascript"
+    src="http://localhost/pagead/show_ads.js">
+  </script>
+</div>
+<a href="../discourse-server">
+  <img src="../images/logo.jpg"
+  alt="ImageMagick Logo"
+  style="width: 123px; height: 118px; border: 0px; float: right;" /></a>
+<a href="../index.html">
+  <img src="../images/sprite.jpg"
+  alt="ImageMagick Sprite"
+  style="width: 114px; height: 118px; border: 0px; float: right;" /></a>
+</div>
+
+<div class="westbar">
+
 <div class="menu">
   <a title="About ImageMagick" href="../index.html">About ImageMagick</a>
 </div>
-<div class="sep"></div>\r
 <div class="menu">
-  <a title="Binary Releases" href="../www/binary-releases.html">Binary Releases</a>
+  <a title="Binary Releases" href="binary-releases.html">Binary Releases</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: Unix" href="../www/binary-releases.html#unix">Unix</a>
+    <a title="Binary Release: Unix" href="binary-releases.html#unix">Unix</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: MacOS X" href="../www/binary-releases.html#macosx">Mac OS X</a>
+    <a title="Binary Release: MacOS X" href="binary-releases.html#macosx">Mac OS X</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: Windows" href="../www/binary-releases.html#windows">Windows</a>
+    <a title="Binary Release: iOS" href="binary-releases.html#iOS">iOS</a>
 </div>
-<div class="sep"></div>\r
+<div class="sub">
+    <a title="Binary Release: Windows" href="binary-releases.html#windows">Windows</a>
+</div>
+<div class="sep"></div>
 <div class="menu">
-  <a title="Command-line Tools" href="../www/command-line-tools.html">Command-line Tools</a>
+  <a title="Command-line Tools" href="command-line-tools.html">Command-line Tools</a>
 </div>
 <div class="sub">
-    <a title="Command-line Tools: Processing" href="../www/command-line-processing.html">Processing</a>
+    <a title="Command-line Tools: Processing" href="command-line-processing.html">Processing</a>
 </div>
 <div class="sub">
-    <a title="Command-line Tools: Options" href="../www/command-line-options.html">Options</a>
+    <a title="Command-line Tools: Options" href="command-line-options.html">Options</a>
 </div>
 <div class="sub">
     <a title="Command-line Tools: Usage" href="http://www.imagemagick.org/Usage/">Usage</a>
 </div>
 <div class="menu">
-  <a title="Program Interfaces" href="../www/api.html">Program Interfaces</a>
+  <a title="Program Interfaces" href="api.html">Program Interfaces</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: MagickWand" href="../www/magick-wand.html">MagickWand</a>
+    <a title="Program Interface: MagickWand" href="magick-wand.html">MagickWand</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: MagickCore" href="../www/magick-core.html">MagickCore</a>
+    <a title="Program Interface: MagickCore" href="magick-core.html">MagickCore</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
+    <a title="Program Interface: PerlMagick" href="perl-magick.html">PerlMagick</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
+    <a title="Program Interface: Magick++" href="magick++.html">Magick++</a>
 </div>
-<div class="sep"></div>\r
+<div class="sep"></div>
 <div  class="menu">
-   <a title="Install from Source" href="../www/install-source.html">Install from Source</a>
+   <a title="Install from Source" href="install-source.html">Install from Source</a>
 </div>
 <div class="sub">
-    <a title="Install from Source: Unix" href="../www/install-source.html#unix">Unix</a>
+    <a title="Install from Source: Unix" href="install-source.html#unix">Unix</a>
 </div>
 <div class="sub">
-    <a title="Install from Source: Windows" href="../www/install-source.html#windows">Windows</a>
+    <a title="Install from Source: Windows" href="install-source.html#windows">Windows</a>
  </div>
 <div class="menu">
-  <a title="Resources" href="../www/resources.html">Resources</a>
+  <a title="Resources" href="resources.html">Resources</a>
 </div>
 <div class="menu">
-  <a title="Architecture" href="../www/architecture.html">Architecture</a>
+  <a title="Architecture" href="architecture.html">Architecture</a>
 </div>
 <div class="menu">
-  <a title="Download" href="../www/download.html">Download</a>
+  <a title="Download" href="download.html">Download</a>
 </div>
-<div class="sep"></div>\r
+<div class="sep"></div>
 <div class="menu">
-  <a title="Search" href="../www/search.html">Search</a>
+  <a title="Search" href="http://www.imagemagick.org/script/search.php">Search</a>
 </div>
-<div class="sep"></div>\r
+<div class="sep"></div>
 <div class="menu">
-  <a title="Site Map" href="../www/sitemap.html">Site Map</a>
+  <a title="Site Map" href="sitemap.html">Site Map</a>
 </div>
 <div  class="sub">
-  <a title="Site Map: Links" href="../www/links.html">Links</a>
+  <a title="Site Map: Links" href="links.html">Links</a>
 </div>
-<div class="sep"></div>\r
-<div  class="menu">
-  <a title="Sponsors" href="../www/sponsors.html">Sponsors:</a>
+<div class="sep"></div>
+<div class="menu">
+  <a rel="follow" title="Sponsors" href="sponsors.html">Sponsors:</a>
 
+  <a href="http://www.networkredux.com"> <img src="../images/networkredux.png" width="140" height="31" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a>
+  <a href="http://www.dinodirect.com/ipads-tablets/"> <img src="../images/dino-direct.jpg" width="140" height="90" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a><!-- 201208010120 mickey@163... -->
 <div class="sponsbox">
 <div class="sponsor">
-  <a title="Sponsor: Web Hosting" href="http://www.bodhost.com/hosting.shtml">Web Hosting</a><!-- 201104010090 -->
+  <a rel="follow" title="Sponsor: The Fastest &amp; Easiest Way to Find Images" href="http://www.graphicsfactory.com">The Fastest &amp; Easiest Way to Find Images</a><!-- 201210010270 graphicsfac... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: VPS" href="http://www.interdominios.com/vps">VPS</a><!-- 201209010090 barsh@inter... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
+<div class="sponsor">
+  <a rel="follow" title="Werbebanner Werbeplane" href="http://www.allesbanner.de">Werbebanner Werbeplane</a><!-- 201212010450 info@druck... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Image Converter" href="http://www.batchphoto.com">Image Converter</a><!-- 201103010900 Bits Coffee-->
+<div class="sponsor">
+  <a rel="follow" title="Entertainment News &amp; Photos" href="http://www.zimbio.com">Entertainment News &amp; Photos</a><!-- 201211010540 bd@zimb... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: LED24" href="http://led24.de/">LED24</a><!-- 201207010270 info@led24... -->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Best Website Hosting" href="http://www.top-cheap-web-hosting.com">Best Website Hosting</a><!-- 201304010090 eunge.liu-->
 </div>
-<div  class="sponsor">
-   <a title="Sponsor: alaTest.com" href="http://alatest.com">alaTest.com</a><!-- 20110801000300 -->
+<div class="sponsor">
+  <a rel="follow" title="Android Tablet" href="http://www.dinodirect.com/ipads-tablets/">Android Tablet</a><!-- 201208010120 mickey@163... -->
 </div>
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Web Site Hosting" href="http://webhostinggeeks.com">Web Site Hosting</a><!-- 201302010900 funds@enmob... -->
 </div>
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Premium Quality Stock Photos" href="http://www.f1online.pro/en/">Premium Quality Stock Photos</a><!-- 2012080100540 ... -->
 </div>
-</div>\r
-\r
-<div class="eastbar">\r
-  <script type="text/javascript">\r
-  <!--\r
-    google_ad_client = "pub-3129977114552745";\r
-    google_ad_slot = "0574824969";\r
-    google_ad_width = 160;\r
-    google_ad_height = 600;\r
-  //-->\r
-  </script>\r
-  <script type="text/javascript"\r
-    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">\r
-  </script>\r
-</div>\r
-\r
-<div class="main">\r
-\r
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 2012070100250 ... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Managed Server" href="http://www.robhost.de">Managed Server</a><!-- 201210010720 klikics... -->
+</div>
+<div class="sponsor">
+  <a rel="follow" title="Sponsor: Druckerei" href="http://www.allesdruck.de">Druckerei</a><!-- 201303011500 r.leo -->
+</div>
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Names List" href="http://www.listofnames.info">Names List</a><!-- 2012110100180 grimshrat@busyb-->
+</div>
+<div class="sponsor">
+   <a rel="follow" title="Sponsor: Web Hosting" href="http://www.hostucan.com">Web Hosting</a><!-- 2012120100150 racent marketing@webhosting...-->
+</div>
+</div>
+</div>
+</div>
+
+<div class="eastbar">
+  <div class="g-plusone" id="gplusone"></div>
+  <script type="text/javascript">
+    window.___gcfg = {
+      lang: 'en-US'
+    };
+
+    (function() {
+      var po = document.createElement('offline-script');
+      po.type = 'text/javascript'; po.async = true;
+      po.src = 'https://apis.localhost/js/plusone.js';
+      var script = document.getElementsByTagName('offline-script')[0];
+      script.parentNode.insertBefore(po, script);
+    })();
+    var gplusone = document.getElementById("gplusone");
+    gplusone.setAttribute("data-size","medium");
+    gplusone.setAttribute("data-count","false");
+  </script>
+</div>
+
+<div class="main">
+
 <h1>ImageMagick Color Names</h1>
-<p class="navigation-index">[<a href="#usage">Example Usage</a> &bull; <a href="#models">Color Model Specification</a> &bull; <a href="#color_names">List of Color Names</a>]</p>
+<p class="navigation-index">[<a href="color.html#usage">Example Usage</a> &bull; <a href="color.html#models">Color Model Specification</a> &bull; <a href="color.html#color_names">List of Color Names</a>]</p>
 
 <div class="doc-section">
 <p>A number of ImageMagick options and methods take a color as an argument. The color can then be given as a color name (there is a limited but large set of these; see below) or it can be given as a set of numbers (in decimal or hexadecimal), each corresponding to a channel in an RGB or RGBA color model.  HSL, HSLA, HSB, HSBA, CMYK, or CMYKA color models may also be specified. These topics are briefly described in the sections below.</p>
 </div>
 
-<h2><a id="usage"></a>Interactive Color Converter</h2>
+<h2><a id="color-converter"></a>Interactive Color Converter</h2>
 <div class="doc-section">
 
 <p>Use the 
-<a href="../contrib/color-converter.html">Color Converter</a>
+<a href="../www/contrib/color-converter.html">Color Converter</a>
 to supply any valid ImageMagick color specification as described below to see a
 color swatch of that color and to convert to all the other color models.
 </p>
@@ -198,7 +259,7 @@ color swatch of that color and to convert to all the other color models.
 
 <p>Each of the following commands produces the same <em>lime</em> border around the image. (Use "double quotes" for Windows.)</p>
 
-<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -bordercolor lime -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -bordercolor '#0f0' -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -bordercolor '#00ff00' -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -bordercolor 'rgb(0,255,0)' -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -bordercolor 'rgb(0,100%,0)' -border 10 image.jpg image.png</span></p>
+<p class='crt'><span class="crtprompt"> $ </span><span class='crtin'>convert -bordercolor lime -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>convert -bordercolor '#0f0' -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>convert -bordercolor '#00ff00' -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>convert -bordercolor 'rgb(0,255,0)' -border 10 image.jpg image.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>convert -bordercolor 'rgb(0,100%,0)' -border 10 image.jpg image.png</span></p>
 <p>The list of recognized color names (for example, <em>aqua</em>, <em>black</em>, <em>blue</em>, <em>fuchsia</em>, <em>gray</em>, <em>green</em>, <em>lime</em>, <em>maroon</em>, <em>navy</em>, <em>olive</em>, <em>purple</em>, <em>red</em>, <em>silver</em>, <em>teal</em>, <em>white</em>, <em>yellow</em>, and others) is shown in a table further below.</p>
 
 </div>
@@ -211,6 +272,7 @@ color swatch of that color and to convert to all the other color models.
 <pre class="text">
   #f00                      #rgb
   #ff0000                   #rrggbb
+  #ff0000ff                 #rrggbbaa
   #ffff00000000             #rrrrggggbbbb
   #ffff00000000ffff         #rrrrggggbbbbaaaa
   rgb(255, 0, 0)            an integer in the range 0&mdash;255 for each component
@@ -249,7 +311,7 @@ color swatch of that color and to convert to all the other color models.
 
 <p>The HSL color system is geometrically represented as a stacked double cone with one apex pointing downward and the other pointing upward. The widest ends of both cones are stacked together one on top of the other. Hue is measured around the perimeter. Saturation is measured from the axis outward. Lightness is measured from the bottom apex upward.</p>
 
-<p>See <a href="http://en.wikipedia.org/wiki/HSL_and_HSV" target="_blank">http://en.wikipedia.org/wiki/HSL_and_HSV</a> for more details on HSL and HSB color systems.</p>
+<p>See <a href="http://en.wikipedia.org/wiki/HSL_and_HSV">http://en.wikipedia.org/wiki/HSL_and_HSV</a> for more details on HSL and HSB color systems.</p>
 
 <p>Hue is represented as an angle of the color around the circular perimeter of the cone(s) (i.e. the rainbow represented in a circle). Hue values are either integer or floats in the range 0&mdash;360 or integer or float percentage values in the range 0&mdash;100%. By definition red=0=360 (or 0%=100%),  and the other colors are spread around the circle,  so green=120 (or 33.3333%),  blue=240 (or (66.6667%), etc. As an angle, it implicitly wraps around such that -120=240 and 480=120, for instance. (Students of trigonometry would say that "coterminal angles are equivalent" here; an angle <em>&theta;</em> can be standardized by computing the equivalent angle, <em>&theta;</em>&nbsp;mod&nbsp;360.)</p>
 
@@ -5035,32 +5097,32 @@ color swatch of that color and to convert to all the other color models.
 </table>
 
 </div>
-\r
-</div>\r
-\r
-<div id="linkbar">\r
-    <span id="linkbar-west">&nbsp;</span>\r
-    <span id="linkbar-center">\r
-      <a href="http://www.imagemagick.org/discourse-server/">Discourse Server</a> &bull;\r
-      <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>\r
-    </span>\r
-    <span id="linkbar-east">&nbsp;</span>\r
-  </div>\r
-  <div class="footer">\r
-    <span id="footer-west">&copy; 1999-2011 ImageMagick Studio LLC</span>\r
-    <span id="footer-east"> <a href="http://www.imagemagick.org/script/contact.php">Contact the Wizards</a></span>\r
-  </div>\r
-  <div style="clear: both; margin: 0; width: 100%; "></div>\r
-  <script type="text/javascript">\r
-    var _gaq = _gaq || [];\r
-    _gaq.push(['_setAccount', 'UA-17690367-1']);\r
-    _gaq.push(['_trackPageview']);\r
-\r
-    (function() {\r
-      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\r
-      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\r
-      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\r
-    })();\r
-  </script>\r
-</body>\r
-</html>\r
+
+</div>
+
+<div id="linkbar">
+    <span id="linkbar-west">&nbsp;</span>
+    <span id="linkbar-center">
+      <a href="../discourse-server">Discourse Server</a> &bull;
+      <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>
+    </span>
+    <span id="linkbar-east">&nbsp;</span>
+  </div>
+  <div class="footer">
+    <span id="footer-west">&copy; 1999-2013 ImageMagick Studio LLC</span>
+    <span id="footer-east"> <a href="contact.html">Contact the Wizards</a></span>
+  </div>
+  <div style="clear: both; margin: 0; width: 100%; "></div>
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-17690367-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('offline-script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.localhost/ga.js';
+      var s = document.getElementsByTagName('offline-script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</body>
+</html>