root / ImageMagick / trunk / www / color.html

Revision 12091, 153.7 kB (checked in by cristy, 40 hours ago)
Line 
1<?xml version="1.0" encoding="UTF-8"?>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
4<head>
5  <style type="text/css" media="screen,projection"><!--
6    @import url("../www/magick.css");
7  //--></style>
8  <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U=" />
9  <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf" />
10  <title>ImageMagick: Color Names</title>
11  <meta http-equiv="Content-Language" content="en-US"/>
12  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
13  <meta http-equiv="Reply-to" content="magick-users@imagemagick.org"/>
14  <meta name="Generator" content="PHP"/>
15  <meta name="Keywords" content="color, names, ImageMagick, ImageMagic, MagickCore, MagickWand, PerlMagick, Magick++, RMagick, PythonMagick, JMagick, TclMagick, Image, Magick, Magic, Wand, ImageMagickObject"/>
16  <meta name="Description" content="ImageMagick® is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (about 100) including GIF, JPEG, JPEG-2000, PNG, PDF, PhotoCD, TIFF, and DPX. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.  ImageMagick is free software delivered as a ready-to-run binary distribution or as source code that you can freely use, copy, modify, and distribute. Its license is compatible with the GPL. It runs on all major operating systems.  The functionality of ImageMagick is typically utilized from the command line or you can use the features from programs written in your favorite programming language. Choose from these interfaces: MagickCore (C), MagickWand (C), ChMagick (Ch), Magick++ (C++), JMagick (Java), L-Magick (Lisp), PascalMagick (Pascal), PerlMagick (Perl), MagickWand for PHP (PHP), PythonMagick (Python), RMagick (Ruby), or TclMagick (Tcl/TK). With a language interface, use ImageMagick to modify or create images automagically and dynamically."/>
17  <meta name="Rating" content="GENERAL"/>
18  <meta name="Robots" content="INDEX, FOLLOW"/>
19  <meta name="Generator" content="ImageMagick Studio LLC"/>
20  <meta name="Author" content="ImageMagick Studio LLC"/>
21  <meta name="Revisit-after" content="2 DAYS"/>
22  <meta name="Resource-type" content="document"/>
23  <meta name="Copyright" content="Copyright (c) 1999-2008 ImageMagick Studio LLC"/>
24  <meta name="Distribution" content="Global"/>
25  <link rel="shortcut icon" href="../images/wand.ico"  type="images/vnd.microsoft.icon"/>
26</head>
27
28<body id="www-imagemagick-org">
29  <table id="titlebar" style="width: 100%;background-color: #f5f5f5" cellpadding="0" cellspacing="0" border="0" summary="ImageMagick">
30    <tbody>
31      <tr valign="top">
32        <td align="left"><a href="../index.html"><img id="titlebar-west" src="../images/script.png" alt="[ImageMagick]" width="350" height="60" vspace="28" name="titlebar-west"/></a></td>
33        <td align="left"><a href="https://secure.networkredux.com/affiliate/idevaffiliate.html?id=146" target="367973770"><img id="titlebar-west" src="../images/networkredux.png" alt="[sponsor]" border="0" vspace="45" name="titlebar-west"/></a></td>
34        <td width="99%"><br /> </td>
35        <td style="background-color: white" align="right"><a href="../index.html"><img src="../images/sprite.jpg" alt="" width="114" height="118" border="0" name="titlebar-east"/></a></td>
36        <td style="background-color: white" align="right"><a href="http://www.imagemagick.org/discourse-server/" target="1547461863"><img id="titlebar-east" src="../images/logo.jpg" alt="" width="114" height="118" border="0" name="titlebar-east"/></a></td>
37      </tr>
38    </tbody>
39  </table>
40
41  <table style="width: 100%" border="0" cellpadding="0" cellspacing="0" summary="">
42  <tbody>
43
44    <tr valign="top" style="height: 100%;">
45      <td id="menu" width="1%" height="100%">
46      <p><a href="#main">Skip to page contents</a></p>
47      <font size="-1">
48      <span>[</span>
49      <a href="../index.html">About ImageMagick</a>
50  <span>]</span><br /><span>[</span>
51      <a href="../www/command-line-tools.html">Command-line Tools</a>
52      <a href="../www/command-line-processing.html" class="sub">Processing</a>
53      <a href="../www/command-line-options.html" class="sub">Options</a>
54      <a href="http://www.imagemagick.org/Usage/" target="1640077337" class="sub">Usage</a>
55      <a href="../www/api.html">Program Interfaces</a>
56      <a href="../www/magick-wand.html" class="sub">MagickWand</a>
57      <a href="../www/magick-core.html" class="sub">MagickCore</a>
58      <a href="../www/perl-magick.html" class="sub">PerlMagick</a>
59      <a href="../www/Magick++/" target="2136277615" class="sub">Magick++</a>
60      <a href="../www/architecture.html">Architecture</a>
61  <span>]</span><br /><span>[</span>
62      <a href="../www/install-source.html">Install from Source</a>
63      <a href="../www/install-source.html#unix" class="sub">Unix</a>
64      <a href="../www/install-source.html#windows" class="sub">Windows</a>
65      <a href="../www/binary-releases.html">Binary Releases</a>
66      <a href="../www/binary-releases.html#unix" class="sub">Unix</a>
67      <a href="../www/binary-releases.html#macosx" class="sub">Mac OS X</a>
68      <a href="../www/binary-releases.html#windows" class="sub">Windows</a>
69      <a href="../www/resources.html">Resources</a>
70  <span>]</span><br /><span>[</span>
71      <a href="../www/download.html">Download</a>
72  <span>]</span><br /><span>[</span>
73      <a href="../www/sitemap.html">Site Map</a>
74                        <a href="../www/links.html" class="sub">Links</a>
75  <span>]</span><br /><span>[</span>
76      <a href="../www/sponsors.html">Sponsors:</a>
77      <fieldset>
78  <a href="http://www.hotels-bewertungen.de" class="sponsor" target="sponsor">Hotelbewertungen</a><!-- 200809010100 -->
79      <br />
80      <a href="http://www.brothersoft.com" class="sponsor" target="sponsor">Software Download</a><!-- 200809010200 -->
81      <br />
82      <a href="http://www.posters555.com" class="sponsor" target="sponsor">Poster</a><!-- 200903010800 -->
83      <br />
84      <a href="http://www.iceposter.com" class="sponsor" target="sponsor">Posters</a><!-- 200812010200 -->
85      <br />
86      <a href="http://meta-preisvergleich.de" class="sponsor" target="sponsor">Preisvergleich</a><!-- 200810010120 -->
87      <br />
88      <a href="http://www.hotel-erb.de"><img src="../images/bw_erb.gif" alt="[Munich Hotel]" width="110" height="40" border="0" name="Munich Hotel"/></a> <!-- 200809010160 -->
89      <br />
90      <a href="http://www.imade-art.de"><img src="../images/imade_art2.jpg" alt="[Kunst bei imade-art]" width="116" height="28" border="0" name="Kunst bei imade-art"/></a> <!-- 200811010160 -->
91      </fieldset>
92      <span>]</span>
93      </font>
94      </td>
95
96      <td id="main" valign="top">
97<p>A number of ImageMagick options and methods accept a color name, a hex color, or a numerical RGB, RGBA,  HSL,  HSLA,  CMYK,  or CMYKA specification.  For example,</p>
98
99<pre class="text">
100  convert -bordercolor blue -border 10 image.jpg image.png
101  convert -bordercolor #0f0 -border 10 image.jpg image.png
102  convert -bordercolor 'rgb(0,255,0)' -border 10 image.jpg image.png
103</pre>
104
105<p>all produce the same blue border around the image.</p>
106
107<p>The list of recognized color names, for example,  aqua,  black,  blue,  fuchsia,  gray,  green,  lime,  maroon,  navy,  olive,  purple,  red,  silver,  teal,  white,  yellow and others are shown in the table below.</p>
108
109<p>The RGB, CMYK,  and HSL color models are used in numerical color specifications. These examples all specify the same white RGB color:</p>
110
111<pre class="text">
112  #f00                #rgb
113  #ff0000             #rrggbb
114  #ffff00000000       #rrrrggggbbbb
115  #ffff000000000ffff  #rrrrggggbbbbaaaa
116  rgb(255, 0, 0)      integer range 0 - 255
117</pre >
118
119<p>The format of an RGB value in hexadecimal notation is a '#' immediately followed by either three or six hexadecimal characters. The three-digit RGB 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.</p>
120
121<p>The format of an RGB value in the functional notation is 'rgb(' followed by a comma-separated list of three numerical values (either three integer values or three percentage values) followed by ')'. The integer value 255 corresponds to 100%, and to F or FF in the hexadecimal notation: rgb(255, 255, 255) = rgb(100%, 100%, 100%) = #FFF. White space characters are allowed around the numerical values.</p>
122
123<p>The RGB color model is extended in this specification to include <em>alpha</em> to allow specification of the transparency of a color. These examples all specify the same color:</p>
124
125<pre class="text">
126  rgb(255, 0, 0)                 integer range 0 - 255
127  rgba(255, 0, 0, 1.0)           the same, with an explicit alpha value
128  rgb(100.0%, 0.0%, 0.0%)        float range 0.0% - 100.0%
129  rgba(100.0%, 0.0%, 0.0%, 1.0)  the same, with an explicit alpha value
130</pre>
131
132<p>The format of an RGBA value in the functional notation is 'rgba(' followed by a comma-separated list of three numerical values (either three integer values or three percentage values), followed by an <em>alpha</em>,  followed by ')'. RGB values range from 0 to 255,  whereas,  alpha values range from 0.0 (fully transparent) to 1.0 (fully opaque).  White space characters are permitted around the numerical values.<p>
133
134<p>There is also a 'none' color that is fully transparent.  This color is shorthand for <kbd>rgba(0, 0, 0, 0.0)</kbd>.</p>
135
136<p>Gray values are conviently defined with a single intensity value or an intensity value and an alpha value:</p>
137
138<pre class="text">
139  gray(50%)        mid gray
140  graya(50%, 0.5)  semi-transparent mid gray
141</pre>
142
143<p>The ImageMagick color model also supports hue-saturation-lightness (HSL) colors as a complement to numerical RGB colors. HSL colors are encoding as a triple (hue, saturation,  lightness). Hue is represented as an angle of the color circle (i.e. the rainbow represented in a circle). This angle is so typically measured in degrees that the unit is implicit in CSS; syntactically,  only a <number> is given. By definition red=0=360,  and the other colors are spread around the circle,  so green=120,  blue=240,  etc. As an angle,  it implicitly wraps around such that -120=240 and 480=120. One way an implementation could normalize such an angle x to the range [0, 360) is to compute ((x mod 360) + 360) mod 360). Saturation and lightness are represented as percentages. 100% is full saturation,  and 0% is a shade of grey. 0% lightness is black,  100% lightness is white,  and 50% lightness is 'normal'.  For example:
144
145<pre class="text">
146  hsl(0, 100%,  50%)    red
147  hsl(120, 100%,  50%)  green
148  hsl(120, 100%,  25%)  light green
149  hsl(120, 100%,  75%)  dark green
150  hsl(120, 50%,  50%)   pastel green
151</pre>
152
153<p>The advantage of HSL over RGB is that it is far more intuitive: you can guess at the colors you want, and then tweak. It is also easier to create sets of matching colors (by keeping the hue the same and varying the lightness/darkness,  and saturation).</p>
154
155<p>Just as the 'rgb()' functional notation has the 'rgba()' alpha counterpart, the 'hsl()' functional notation has the 'hsla()' alpha counterpart. These examples specify the same color:</p>
156
157<pre class="text">
158  hsl(120, 100%,  50%)         green
159  hsla(120, 100%,  50%,  1.0)  the same, with an alpha value of 1.0
160</pre>
161
162<p>The format of an HSLA color value in the functional notation is 'hsla(' followed by the hue in degrees, saturation and lightness as a percentage,  and an <em>alpha</em>,  followed by ')'.  Hue values range from 0 to 360.  Saturation and lightness range from 0 to 255 and alpha values range from  0.0 (fully transparent) to 1.0 (fully opaque). White space characters are permitted around the numerical values.</p>
163
164<p>The table below provides a list of named colors recognized by ImageMagick:<p>
165
166<table id="table" cellpadding="2" cellspacing="0" style="width: 93%">
167<tbody>
168  <tr>
169    <th align="right">Name</th>
170    <th align="center">Color</th>
171    <th align="left">RGB</th>
172    <th align="left">Hex</th>
173  </tr>
174
175  <tr>
176    <td align="right">snow</td>
177    <td align="center" style="background-color: rgb(255, 250, 250)">snow</td>
178    <td align="left">rgb(255, 250, 250)</td>
179    <td align="left">#FFFAFA</td>
180  </tr>
181
182  <tr>
183    <td align="right">snow1</td>
184    <td align="center" style="background-color: rgb(255, 250, 250)">snow1</td>
185    <td align="left">rgb(255, 250, 250)</td>
186    <td align="left">#FFFAFA</td>
187  </tr>
188
189  <tr>
190    <td align="right">snow2</td>
191    <td align="center" style="background-color: rgb(238, 233, 233)">snow2</td>
192    <td align="left">rgb(238, 233, 233)</td>
193    <td align="left">#EEE9E9</td>
194  </tr>
195
196  <tr>
197    <td align="right">RosyBrown1</td>
198    <td align="center" style="background-color: rgb(255, 193, 193)">RosyBrown1</td>
199    <td align="left">rgb(255, 193, 193)</td>
200    <td align="left">#FFC1C1</td>
201  </tr>
202
203  <tr>
204    <td align="right">RosyBrown2</td>
205    <td align="center" style="background-color: rgb(238, 180, 180)">RosyBrown2</td>
206    <td align="left">rgb(238, 180, 180)</td>
207    <td align="left">#EEB4B4</td>
208  </tr>
209
210  <tr>
211    <td align="right">snow3</td>
212    <td align="center" style="background-color: rgb(205, 201, 201)">snow3</td>
213    <td align="left">rgb(205, 201, 201)</td>
214    <td align="left">#CDC9C9</td>
215  </tr>
216
217  <tr>
218    <td align="right">LightCoral</td>
219    <td align="center" style="background-color: rgb(240, 128, 128)">LightCoral</td>
220    <td align="left">rgb(240, 128, 128)</td>
221    <td align="left">#F08080</td>
222  </tr>
223
224  <tr>
225    <td align="right">IndianRed1</td>
226    <td align="center" style="background-color: rgb(255, 106, 106)">IndianRed1</td>
227    <td align="left">rgb(255, 106, 106)</td>
228    <td align="left">#FF6A6A</td>
229  </tr>
230
231  <tr>
232    <td align="right">RosyBrown3</td>
233    <td align="center" style="background-color: rgb(205, 155, 155)">RosyBrown3</td>
234    <td align="left">rgb(205, 155, 155)</td>
235    <td align="left">#CD9B9B</td>
236  </tr>
237
238  <tr>
239    <td align="right">IndianRed2</td>
240    <td align="center" style="background-color: rgb(238, 99,  99)">IndianRed2</td>
241    <td align="left">rgb(238, 99,  99)</td>
242    <td align="left">#EE6363</td>
243  </tr>
244
245  <tr>
246    <td align="right">RosyBrown</td>
247    <td align="center" style="background-color: rgb(188, 143, 143)">RosyBrown</td>
248    <td align="left">rgb(188, 143, 143)</td>
249    <td align="left">#BC8F8F</td>
250  </tr>
251
252  <tr>
253    <td align="right">brown1</td>
254    <td align="center" style="background-color: rgb(255, 64,  64)">brown1</td>
255    <td align="left">rgb(255, 64,  64)</td>
256    <td align="left">#FF4040</td>
257  </tr>
258
259  <tr>
260    <td align="right">firebrick1</td>
261    <td align="center" style="background-color: rgb(255, 48,  48)">firebrick1</td>
262    <td align="left">rgb(255, 48,  48)</td>
263    <td align="left">#FF3030</td>
264  </tr>
265
266  <tr>
267    <td align="right">brown2</td>
268    <td align="center" style="background-color: rgb(238, 59,  59)">brown2</td>
269    <td align="left">rgb(238, 59,  59)</td>
270    <td align="left">#EE3B3B</td>
271  </tr>
272
273  <tr>
274    <td align="right">IndianRed</td>
275    <td align="center" style="background-color: rgb(205, 92,  92)">IndianRed</td>
276    <td align="left">rgb(205, 92,  92)</td>
277    <td align="left">#CD5C5C</td>
278  </tr>
279
280  <tr>
281    <td align="right">IndianRed3</td>
282    <td align="center" style="background-color: rgb(205, 85,  85)">IndianRed3</td>
283    <td align="left">rgb(205, 85,  85)</td>
284    <td align="left">#CD5555</td>
285  </tr>
286
287  <tr>
288    <td align="right">firebrick2</td>
289    <td align="center" style="background-color: rgb(238, 44,  44)">firebrick2</td>
290    <td align="left">rgb(238, 44,  44)</td>
291    <td align="left">#EE2C2C</td>
292  </tr>
293
294  <tr>
295    <td align="right">snow4</td>
296    <td align="center" style="background-color: rgb(139, 137, 137)">snow4</td>
297    <td align="left">rgb(139, 137, 137)</td>
298    <td align="left">#8B8989</td>
299  </tr>
300
301  <tr>
302    <td align="right">brown3</td>
303    <td align="center" style="background-color: rgb(205, 51,  51)">brown3</td>
304    <td align="left">rgb(205, 51,  51)</td>
305    <td align="left">#CD3333</td>
306  </tr>
307
308  <tr>
309    <td align="right">red</td>
310    <td align="center" style="background-color: rgb(255,  0,   0)">red</td>
311    <td align="left">rgb(255,  0,   0)</td>
312    <td align="left">#FF0000</td>
313  </tr>
314
315  <tr>
316    <td align="right">red1</td>
317    <td align="center" style="background-color: rgb(255,  0,   0)">red1</td>
318    <td align="left">rgb(255,  0,   0)</td>
319    <td align="left">#FF0000</td>
320  </tr>
321
322  <tr>
323    <td align="right">RosyBrown4</td>
324    <td align="center" style="background-color: rgb(139, 105, 105)">RosyBrown4</td>
325    <td align="left">rgb(139, 105, 105)</td>
326    <td align="left">#8B6969</td>
327  </tr>
328
329  <tr>
330    <td align="right">firebrick3</td>
331    <td align="center" style="background-color: rgb(205, 38,  38)">firebrick3</td>
332    <td align="left">rgb(205, 38,  38)</td>
333    <td align="left">#CD2626</td>
334  </tr>
335
336  <tr>
337    <td align="right">red2</td>
338    <td align="center" style="background-color: rgb(238,  0,   0)">red2</td>
339    <td align="left">rgb(238,  0,   0)</td>
340    <td align="left">#EE0000</td>
341  </tr>
342
343  <tr>
344    <td align="right">firebrick</td>
345    <td align="center" style="background-color: rgb(178, 34,  34)">firebrick</td>
346    <td align="left">rgb(178, 34,  34)</td>
347    <td align="left">#B22222</td>
348  </tr>
349
350  <tr>
351    <td align="right">brown</td>
352    <td align="center" style="background-color: rgb(165, 42,  42)">brown</td>
353    <td align="left">rgb(165, 42,  42)</td>
354    <td align="left">#A52A2A</td>
355  </tr>
356
357  <tr>
358    <td align="right">red3</td>
359    <td align="center" style="background-color: rgb(205,  0,   0)">red3</td>
360    <td align="left">rgb(205,  0,   0)</td>
361    <td align="left">#CD0000</td>
362  </tr>
363
364  <tr>
365    <td align="right">IndianRed4</td>
366    <td align="center" style="background-color: rgb(139, 58,  58)">IndianRed4</td>
367    <td align="left">rgb(139, 58,  58)</td>
368    <td align="left">#8B3A3A</td>
369  </tr>
370
371  <tr>
372    <td align="right">brown4</td>
373    <td align="center" style="background-color: rgb(139, 35,  35)">brown4</td>
374    <td align="left">rgb(139, 35,  35)</td>
375    <td align="left">#8B2323</td>
376  </tr>
377
378  <tr>
379    <td align="right">firebrick4</td>
380    <td align="center" style="background-color: rgb(139, 26,  26)">firebrick4</td>
381    <td align="left">rgb(139, 26,  26)</td>
382    <td align="left">#8B1A1A</td>
383  </tr>
384
385  <tr>
386    <td align="right">DarkRed</td>
387    <td align="center" style="background-color: rgb(139,  0,   0)">DarkRed</td>
388    <td align="left">rgb(139,  0,   0)</td>
389    <td align="left">#8B0000</td>
390  </tr>
391
392  <tr>
393    <td align="right">red4</td>
394    <td align="center" style="background-color: rgb(139,  0,   0)">red4</td>
395    <td align="left">rgb(139,  0,   0)</td>
396    <td align="left">#8B0000</td>
397  </tr>
398
399  <tr>
400    <td align="right">maroon</td>
401    <td align="center" style="background-color: rgb(128,  0,   0)">maroon</td>
402    <td align="left">rgb(128,  0,   0)</td>
403    <td align="left">#800000</td>
404  </tr>
405
406  <tr>
407    <td align="right">LightPink1</td>
408    <td align="center" style="background-color: rgb(255, 174, 185)">LightPink1</td>
409    <td align="left">rgb(255, 174, 185)</td>
410    <td align="left">#FFAEB9</td>
411  </tr>
412
413  <tr>
414    <td align="right">LightPink3</td>
415    <td align="center" style="background-color: rgb(205, 140, 149)">LightPink3</td>
416    <td align="left">rgb(205, 140, 149)</td>
417    <td align="left">#CD8C95</td>
418  </tr>
419
420  <tr>
421    <td align="right">LightPink4</td>
422    <td align="center" style="background-color: rgb(139, 95, 101)">LightPink4</td>
423    <td align="left">rgb(139, 95, 101)</td>
424    <td align="left">#8B5F65</td>
425  </tr>
426
427  <tr>
428    <td align="right">LightPink2</td>
429    <td align="center" style="background-color: rgb(238, 162, 173)">LightPink2</td>
430    <td align="left">rgb(238, 162, 173)</td>
431    <td align="left">#EEA2AD</td>
432  </tr>
433
434  <tr>
435    <td align="right">LightPink</td>
436    <td align="center" style="background-color: rgb(255, 182, 193)">LightPink</td>
437    <td align="left">rgb(255, 182, 193)</td>
438    <td align="left">#FFB6C1</td>
439  </tr>
440
441  <tr>
442    <td align="right">pink</td>
443    <td align="center" style="background-color: rgb(255, 192, 203)">pink</td>
444    <td align="left">rgb(255, 192, 203)</td>
445    <td align="left">#FFC0CB</td>
446  </tr>
447
448  <tr>
449    <td align="right">crimson</td>
450    <td align="center" style="background-color: rgb(220, 20,  60)">crimson</td>
451    <td align="left">rgb(220, 20,  60)</td>
452    <td align="left">#DC143C</td>
453  </tr>
454
455  <tr>
456    <td align="right">pink1</td>
457    <td align="center" style="background-color: rgb(255, 181, 197)">pink1</td>
458    <td align="left">rgb(255, 181, 197)</td>
459    <td align="left">#FFB5C5</td>
460  </tr>
461
462  <tr>
463    <td align="right">pink2</td>
464    <td align="center" style="background-color: rgb(238, 169, 184)">pink2</td>
465    <td align="left">rgb(238, 169, 184)</td>
466    <td align="left">#EEA9B8</td>
467  </tr>
468
469  <tr>
470    <td align="right">pink3</td>
471    <td align="center" style="background-color: rgb(205, 145, 158)">pink3</td>
472    <td align="left">rgb(205, 145, 158)</td>
473    <td align="left">#CD919E</td>
474  </tr>
475
476  <tr>
477    <td align="right">pink4</td>
478    <td align="center" style="background-color: rgb(139, 99, 108)">pink4</td>
479    <td align="left">rgb(139, 99, 108)</td>
480    <td align="left">#8B636C</td>
481  </tr>
482
483  <tr>
484    <td align="right">PaleVioletRed4</td>
485    <td align="center" style="background-color: rgb(139, 71,  93)">PaleVioletRed4</td>
486    <td align="left">rgb(139, 71,  93)</td>
487    <td align="left">#8B475D</td>
488  </tr>
489
490  <tr>
491    <td align="right">PaleVioletRed</td>
492    <td align="center" style="background-color: rgb(219, 112, 147)">PaleVioletRed</td>
493    <td align="left">rgb(219, 112, 147)</td>
494    <td align="left">#DB7093</td>
495  </tr>
496
497  <tr>
498    <td align="right">PaleVioletRed2</td>
499    <td align="center" style="background-color: rgb(238, 121, 159)">PaleVioletRed2</td>
500    <td align="left">rgb(238, 121, 159)</td>
501    <td align="left">#EE799F</td>
502  </tr>
503
504  <tr>
505    <td align="right">PaleVioletRed1</td>
506    <td align="center" style="background-color: rgb(255, 130, 171)">PaleVioletRed1</td>
507    <td align="left">rgb(255, 130, 171)</td>
508    <td align="left">#FF82AB</td>
509  </tr>
510
511  <tr>
512    <td align="right">PaleVioletRed3</td>
513    <td align="center" style="background-color: rgb(205, 104, 137)">PaleVioletRed3</td>
514    <td align="left">rgb(205, 104, 137)</td>
515    <td align="left">#CD6889</td>
516  </tr>
517
518  <tr>
519    <td align="right">LavenderBlush</td>
520    <td align="center" style="background-color: rgb(255, 240, 245)">LavenderBlush</td>
521    <td align="left">rgb(255, 240, 245)</td>
522    <td align="left">#FFF0F5</td>
523  </tr>
524
525  <tr>
526    <td align="right">LavenderBlush1</td>
527    <td align="center" style="background-color: rgb(255, 240, 245)">LavenderBlush1</td>
528    <td align="left">rgb(255, 240, 245)</td>
529    <td align="left">#FFF0F5</td>
530  </tr>
531
532  <tr>
533    <td align="right">LavenderBlush3</td>
534    <td align="center" style="background-color: rgb(205, 193, 197)">LavenderBlush3</td>
535    <td align="left">rgb(205, 193, 197)</td>
536    <td align="left">#CDC1C5</td>
537  </tr>
538
539  <tr>
540    <td align="right">LavenderBlush2</td>
541    <td align="center" style="background-color: rgb(238, 224, 229)">LavenderBlush2</td>
542    <td align="left"<