diff options
Diffstat (limited to 'www/color.html')
| -rw-r--r-- | www/color.html | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/www/color.html b/www/color.html index 63bfed5f2..1f014e70e 100644 --- a/www/color.html +++ b/www/color.html @@ -6,7 +6,7 @@ <html lang="en"> <head> <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no" /> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <title>ImageMagick - Color Names</title> <meta name="application-name" content="ImageMagick" /> <meta name="description" content="Use ImageMagick® to create, edit, compose, and convert bitmap images. Resize an image, crop it, change its shades and colors, add captions, and more." /> @@ -69,7 +69,7 @@ </li> </ul> </div> - <form class="form-inline my-2 my-md-0" action="https://imagemagick.org/script/search.php"> + <form class="form-inline my-2 my-md-0" action="search.html"> <input class="form-control mr-sm-2" type="text" name="q" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit" name="sa">Search</button> </form> @@ -122,7 +122,7 @@ rgb(100.0%, 0.0%, 0.0%) a float in the range 0—100% for each component</code <p>The format of an sRGB value in hexadecimal notation is a '#' immediately followed by either three, six, or twelve hexadecimal characters. The three-digit sRGB notation (#rgb) is converted into six-digit form (#rrggbb) by replicating digits, not by adding zeros. For example, #fb0 expands to #ffbb00. This ensures that white (#ffffff) can be specified with the short notation (#fff) and removes any dependencies on the color depth of the image. Use the hexadecimal notation whenever performance is an issue. ImageMagick does not need to load the expansive color table to interpret a hexadecimal color, e.g., <code>#000000</code>, but it does if <code>black</code> is used instead.</p> -<p>The format of an sRGB value in the functional notation is 'rgb(<var>r</var>,<var>g</var>,<var>b</var>)', where <var>r</var>, <var>g</var>, and <var>b</var> are either three integer or float values in the range 0—255 or three integer or float percentage values in the range 0—100%. The value 255 corresponds to 100%, and to #F or #FF in the hexadecimal notation: rgb(255, 255, 255) = rgb(100%, 100%, 100%) = #FFF = #FFFFFF. </p> +<p>The format of an sRGB value in the functional notation is 'rgb(<var>r</var>,<var>g</var>,<var>b</var>)', where <var>r</var>, <var>g</var>, and <var>b</var> are either three integer or float values in the range 0—255 or three integer or float percentage values in the range 0—100%. The value 255 corresponds to 100%, and to #F or #FF in the hexadecimal notation: rgb(255, 255, 255) = rgb(100%, 100%, 100%) = #FFF = #FFFFFF. Note, as of ImageMagick 7.0.10-53, the commas are no longer necessary and the slash can proceed the alpha value, e.g. <code>rgb(255 128 0 / 50%)</code>.</p> <p>White space characters are allowed around the numerical values, at least if the entire color argument is enclosed in quotes ('single quotes' for Unix-like systems, "double quotes" for Windows).</p> @@ -163,7 +163,7 @@ graya(50%, 0.5) semi-transparent mid gray</code></pre> <p>The HSB color system is a little easier to understand than the HSL color system. In the HSB color system, black is at the bottom apex and white is at the top center of the cone on the central axis. The most colorful or saturated colors will then be at the outer edge of the top of the cone at the widest part. Thus at Saturation=100% and Brightness=100%</p> -<pre class="highlight"><code>hsb(0, 100%, 100%) or hsb(0, 255, 255) full red +<pre class="highlight"><code>hsb(0, 100%, 100%) or hsb(0, 255, 255) full red hsb(120, 100%, 100%) or hsb(120, 255, 255) full green hsb(120, 100%, 75%) or hsb(120, 255, 191.25) medium green hsb(120, 100%, 50%) or hsb(120, 255, 127.5) dark green @@ -172,7 +172,7 @@ hsb(120, 50%, 50%) or hsb(120, 127.5, 127.5) pastel green</code></p <p>In the HSL color system, black is at the bottom apex and white is at the top apex. However, saturation is largest at the middle of the double cone on its outer perimeter and thus at a lightness value of 50%. The most colorful or saturated colors will then be at the outer edge of the double cone at its widest part. Thus at Saturation=100% and Brightness=50%</p> -<pre class="highlight"><code>hsl(0, 100%, 50%) or hsl(0, 255, 127.5) full red +<pre class="highlight"><code>hsl(0, 100%, 50%) or hsl(0, 255, 127.5) full red hsl(120, 100%, 100%) or hsl(120, 255, 255) white hsl(120, 100%, 75%) or hsl(120, 255, 191.25) pastel green hsl(120, 100%, 50%) or hsl(120, 255, 127.5) full green @@ -220,6 +220,8 @@ icc-color(gray, 0.5) non-linear gray device-rgb(0.5, 1.0, 0.0) device-cmyk(0.11, 0.48, 0.83, 0.00)</code></pre> +<p>ImageMagick also supports wide-gamut color such as <code>Lab</code>, <code>LCH</code>, and <code>Display-P3</code>.</p> + <h2><a class="anchor" id="color_names"></a>List of Color Names</h2> <p>The table below provides a list of named colors recognized by ImageMagick:</p> @@ -4975,7 +4977,7 @@ device-cmyk(0.11, 0.48, 0.83, 0.00)</code></pre> <a href="https://github.com/imagemagick/imagemagick" target="_blank" rel="noopener" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 499.36" width="2%" height="2%" role="img" focusable="false"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"/></svg></a> • <a href="https://twitter.com/imagemagick" target="_blank" rel="noopener" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 416.32" width="2%" height="2%" role="img" focusable="false"><title>Twitter</title><path fill="currentColor" d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92"/></svg></a> <br/> - <small>© 1999-2020 ImageMagick Studio LLC</small></p> + <small>© 1999-2021 ImageMagick Studio LLC</small></p> <div> </footer> @@ -4983,4 +4985,4 @@ device-cmyk(0.11, 0.48, 0.83, 0.00)</code></pre> <script>window.jQuery || document.write('<script src="assets/jquery.slim.min.js"><\/script>')</script><script src="assets/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous"> </body> </html> -<!-- Magick Cache 19th November 2020 22:05 -->
\ No newline at end of file +<!-- Magick Cache 1st January 2021 19:38 -->
\ No newline at end of file |