55 Matching Annotations
  1. Nov 2022
    1. <table class="colortable"> <tbody> <tr> <th style="background:black">Named </th><th>Numeric </th><th>Color name </th><th>Hex rgb </th><th>Decimal </th></tr><tr> <td class="c" style="background:aliceblue"> </td><td class="c" style="background:#f0f8ff"> </td><td><dfn id="aliceblue">aliceblue</dfn> </td><td class="c" style="background:silver">#f0f8ff </td><td class="c" style="background:silver">240,248,255 </td></tr><tr> <td class="c" style="background:antiquewhite"> </td><td class="c" style="background:#faebd7"> </td><td><dfn id="antiquewhite">antiquewhite</dfn> </td><td class="c" style="background:silver">#faebd7 </td><td class="c" style="background:silver">250,235,215 </td></tr><tr> <td class="c" style="background:aqua"> </td><td class="c" style="background:#00ffff"> </td><td><dfn id="aqua0">aqua</dfn> </td><td class="c" style="background:silver">#00ffff </td><td class="c" style="background:silver">0,255,255 </td></tr><tr> <td class="c" style="background:aquamarine"> </td><td class="c" style="background:#7fffd4"> </td><td><dfn id="aquamarine">aquamarine</dfn> </td><td class="c" style="background:silver">#7fffd4 </td><td class="c" style="background:silver">127,255,212 </td></tr><tr> <td class="c" style="background:azure"> </td><td class="c" style="background:#f0ffff"> </td><td><dfn id="azure">azure</dfn> </td><td class="c" style="background:silver">#f0ffff </td><td class="c" style="background:silver">240,255,255 </td></tr><tr> <td class="c" style="background:beige"> </td><td class="c" style="background:#f5f5dc"> </td><td><dfn id="beige">beige</dfn> </td><td class="c" style="background:silver">#f5f5dc </td><td class="c" style="background:silver">245,245,220 </td></tr><tr> <td class="c" style="background:bisque"> </td><td class="c" style="background:#ffe4c4"> </td><td><dfn id="bisque">bisque</dfn> </td><td class="c" style="background:silver">#ffe4c4 </td><td class="c" style="background:silver">255,228,196 </td></tr><tr> <td class="c" style="background:black"> </td><td class="c" style="background:#000000"> </td><td><dfn id="black0">black</dfn> </td><td class="c" style="background:silver">#000000 </td><td class="c" style="background:silver">0,0,0 </td></tr><tr> <td class="c" style="background:blanchedalmond"> </td><td class="c" style="background:#ffebcd"> </td><td><dfn id="blanchedalmond">blanchedalmond</dfn> </td><td class="c" style="background:silver">#ffebcd </td><td class="c" style="background:silver">255,235,205 </td></tr><tr> <td class="c" style="background:blue"> </td><td class="c" style="background:#0000ff"> </td><td><dfn id="blue0">blue</dfn> </td><td class="c" style="background:silver">#0000ff </td><td class="c" style="background:silver">0,0,255 </td></tr><tr> <td class="c" style="background:blueviolet"> </td><td class="c" style="background:#8a2be2"> </td><td><dfn id="blueviolet">blueviolet</dfn> </td><td class="c" style="background:silver">#8a2be2 </td><td class="c" style="background:silver">138,43,226 </td></tr><tr> <td class="c" style="background:brown"> </td><td class="c" style="background:#a52a2a"> </td><td><dfn id="brown">brown</dfn> </td><td class="c" style="background:silver">#a52a2a </td><td class="c" style="background:silver">165,42,42 </td></tr><tr> <td class="c" style="background:burlywood"> </td><td class="c" style="background:#deb887"> </td><td><dfn id="burlywood">burlywood</dfn> </td><td class="c" style="background:silver">#deb887 </td><td class="c" style="background:silver">222,184,135 </td></tr><tr> <td class="c" style="background:cadetblue"> </td><td class="c" style="background:#5f9ea0"> </td><td><dfn id="cadetblue">cadetblue</dfn> </td><td class="c" style="background:silver">#5f9ea0 </td><td class="c" style="background:silver">95,158,160 </td></tr><tr> <td class="c" style="background:chartreuse"> </td><td class="c" style="background:#7fff00"> </td><td><dfn id="chartreuse">chartreuse</dfn> </td><td class="c" style="background:silver">#7fff00 </td><td class="c" style="background:silver">127,255,0 </td></tr><tr> <td class="c" style="background:chocolate"> </td><td class="c" style="background:#d2691e"> </td><td><dfn id="chocolate">chocolate</dfn> </td><td class="c" style="background:silver">#d2691e </td><td class="c" style="background:silver">210,105,30 </td></tr><tr> <td class="c" style="background:coral"> </td><td class="c" style="background:#ff7f50"> </td><td><dfn id="coral">coral</dfn> </td><td class="c" style="background:silver">#ff7f50 </td><td class="c" style="background:silver">255,127,80 </td></tr><tr> <td class="c" style="background:cornflowerblue"> </td><td class="c" style="background:#6495ed"> </td><td><dfn id="cornflowerblue">cornflowerblue</dfn> </td><td class="c" style="background:silver">#6495ed </td><td class="c" style="background:silver">100,149,237 </td></tr><tr> <td class="c" style="background:cornsilk"> </td><td class="c" style="background:#fff8dc"> </td><td><dfn id="cornsilk">cornsilk</dfn> </td><td class="c" style="background:silver">#fff8dc </td><td class="c" style="background:silver">255,248,220 </td></tr><tr> <td class="c" style="background:crimson"> </td><td class="c" style="background:#dc143c"> </td><td><dfn id="crimson">crimson</dfn> </td><td class="c" style="background:silver">#dc143c </td><td class="c" style="background:silver">220,20,60 </td></tr><tr> <td class="c" style="background:cyan"> </td><td class="c" style="background:#00ffff"> </td><td><dfn id="cyan">cyan</dfn> </td><td class="c" style="background:silver">#00ffff </td><td class="c" style="background:silver">0,255,255 </td></tr><tr> <td class="c" style="background:darkblue"> </td><td class="c" style="background:#00008b"> </td><td><dfn id="darkblue">darkblue</dfn> </td><td class="c" style="background:silver">#00008b </td><td class="c" style="background:silver">0,0,139 </td></tr><tr> <td class="c" style="background:darkcyan"> </td><td class="c" style="background:#008b8b"> </td><td><dfn id="darkcyan">darkcyan</dfn> </td><td class="c" style="background:silver">#008b8b </td><td class="c" style="background:silver">0,139,139 </td></tr><tr> <td class="c" style="background:darkgoldenrod"> </td><td class="c" style="background:#b8860b"> </td><td><dfn id="darkgoldenrod">darkgoldenrod</dfn> </td><td class="c" style="background:silver">#b8860b </td><td class="c" style="background:silver">184,134,11 </td></tr><tr> <td class="c" style="background:darkgray"> </td><td class="c" style="background:#a9a9a9"> </td><td><dfn id="darkgray">darkgray</dfn> </td><td class="c" style="background:silver">#a9a9a9 </td><td class="c" style="background:silver">169,169,169 </td></tr><tr> <td class="c" style="background:darkgreen"> </td><td class="c" style="background:#006400"> </td><td><dfn id="darkgreen">darkgreen</dfn> </td><td class="c" style="background:silver">#006400 </td><td class="c" style="background:silver">0,100,0 </td></tr><tr> <td class="c" style="background:darkgrey"> </td><td class="c" style="background:#a9a9a9"> </td><td><dfn id="darkgrey">darkgrey</dfn> </td><td class="c" style="background:silver">#a9a9a9 </td><td class="c" style="background:silver">169,169,169 </td></tr><tr> <td class="c" style="background:darkkhaki"> </td><td class="c" style="background:#bdb76b"> </td><td><dfn id="darkkhaki">darkkhaki</dfn> </td><td class="c" style="background:silver">#bdb76b </td><td class="c" style="background:silver">189,183,107 </td></tr><tr> <td class="c" style="background:darkmagenta"> </td><td class="c" style="background:#8b008b"> </td><td><dfn id="darkmagenta">darkmagenta</dfn> </td><td class="c" style="background:silver">#8b008b </td><td class="c" style="background:silver">139,0,139 </td></tr><tr> <td class="c" style="background:darkolivegreen"> </td><td class="c" style="background:#556b2f"> </td><td><dfn id="darkolivegreen">darkolivegreen</dfn> </td><td class="c" style="background:silver">#556b2f </td><td class="c" style="background:silver">85,107,47 </td></tr><tr> <td class="c" style="background:darkorange"> </td><td class="c" style="background:#ff8c00"> </td><td><dfn id="darkorange">darkorange</dfn> </td><td class="c" style="background:silver">#ff8c00 </td><td class="c" style="background:silver">255,140,0 </td></tr><tr> <td class="c" style="background:darkorchid"> </td><td class="c" style="background:#9932cc"> </td><td><dfn id="darkorchid">darkorchid</dfn> </td><td class="c" style="background:silver">#9932cc </td><td class="c" style="background:silver">153,50,204 </td></tr><tr> <td class="c" style="background:darkred"> </td><td class="c" style="background:#8b0000"> </td><td><dfn id="darkred">darkred</dfn> </td><td class="c" style="background:silver">#8b0000 </td><td class="c" style="background:silver">139,0,0 </td></tr><tr> <td class="c" style="background:darksalmon"> </td><td class="c" style="background:#e9967a"> </td><td><dfn id="darksalmon">darksalmon</dfn> </td><td class="c" style="background:silver">#e9967a </td><td class="c" style="background:silver">233,150,122 </td></tr><tr> <td class="c" style="background:darkseagreen"> </td><td class="c" style="background:#8fbc8f"> </td><td><dfn id="darkseagreen">darkseagreen</dfn> </td><td class="c" style="background:silver">#8fbc8f </td><td class="c" style="background:silver">143,188,143 </td></tr><tr> <td class="c" style="background:darkslateblue"> </td><td class="c" style="background:#483d8b"> </td><td><dfn id="darkslateblue">darkslateblue</dfn> </td><td class="c" style="background:silver">#483d8b </td><td class="c" style="background:silver">72,61,139 </td></tr><tr> <td class="c" style="background:darkslategray"> </td><td class="c" style="background:#2f4f4f"> </td><td><dfn id="darkslategray">darkslategray</dfn> </td><td class="c" style="background:silver">#2f4f4f </td><td class="c" style="background:silver">47,79,79 </td></tr><tr> <td class="c" style="background:darkslategrey"> </td><td class="c" style="background:#2f4f4f"> </td><td><dfn id="darkslategrey">darkslategrey</dfn> </td><td class="c" style="background:silver">#2f4f4f </td><td class="c" style="background:silver">47,79,79 </td></tr><tr> <td class="c" style="background:darkturquoise"> </td><td class="c" style="background:#00ced1"> </td><td><dfn id="darkturquoise">darkturquoise</dfn> </td><td class="c" style="background:silver">#00ced1 </td><td class="c" style="background:silver">0,206,209 </td></tr><tr> <td class="c" style="background:darkviolet"> </td><td class="c" style="background:#9400d3"> </td><td><dfn id="darkviolet">darkviolet</dfn> </td><td class="c" style="background:silver">#9400d3 </td><td class="c" style="background:silver">148,0,211 </td></tr><tr> <td class="c" style="background:deeppink"> </td><td class="c" style="background:#ff1493"> </td><td><dfn id="deeppink">deeppink</dfn> </td><td class="c" style="background:silver">#ff1493 </td><td class="c" style="background:silver">255,20,147 </td></tr><tr> <td class="c" style="background:deepskyblue"> </td><td class="c" style="background:#00bfff"> </td><td><dfn id="deepskyblue">deepskyblue</dfn> </td><td class="c" style="background:silver">#00bfff </td><td class="c" style="background:silver">0,191,255 </td></tr><tr> <td class="c" style="background:dimgray"> </td><td class="c" style="background:#696969"> </td><td><dfn id="dimgray">dimgray</dfn> </td><td class="c" style="background:silver">#696969 </td><td class="c" style="background:silver">105,105,105 </td></tr><tr> <td class="c" style="background:dimgrey"> </td><td class="c" style="background:#696969"> </td><td><dfn id="dimgrey">dimgrey</dfn> </td><td class="c" style="background:silver">#696969 </td><td class="c" style="background:silver">105,105,105 </td></tr><tr> <td class="c" style="background:dodgerblue"> </td><td class="c" style="background:#1e90ff"> </td><td><dfn id="dodgerblue">dodgerblue</dfn> </td><td class="c" style="background:silver">#1e90ff </td><td class="c" style="background:silver">30,144,255 </td></tr><tr> <td class="c" style="background:firebrick"> </td><td class="c" style="background:#b22222"> </td><td><dfn id="firebrick">firebrick</dfn> </td><td class="c" style="background:silver">#b22222 </td><td class="c" style="background:silver">178,34,34 </td></tr><tr> <td class="c" style="background:floralwhite"> </td><td class="c" style="background:#fffaf0"> </td><td><dfn id="floralwhite">floralwhite</dfn> </td><td class="c" style="background:silver">#fffaf0 </td><td class="c" style="background:silver">255,250,240 </td></tr><tr> <td class="c" style="background:forestgreen"> </td><td class="c" style="background:#228b22"> </td><td><dfn id="forestgreen">forestgreen</dfn> </td><td class="c" style="background:silver">#228b22 </td><td class="c" style="background:silver">34,139,34 </td></tr><tr> <td class="c" style="background:fuchsia"> </td><td class="c" style="background:#ff00ff"> </td><td><dfn id="fuchsia0">fuchsia</dfn> </td><td class="c" style="background:silver">#ff00ff </td><td class="c" style="background:silver">255,0,255 </td></tr><tr> <td class="c" style="background:gainsboro"> </td><td class="c" style="background:#dcdcdc"> </td><td><dfn id="gainsboro">gainsboro</dfn> </td><td class="c" style="background:silver">#dcdcdc </td><td class="c" style="background:silver">220,220,220 </td></tr><tr> <td class="c" style="background:ghostwhite"> </td><td class="c" style="background:#f8f8ff"> </td><td><dfn id="ghostwhite">ghostwhite</dfn> </td><td class="c" style="background:silver">#f8f8ff </td><td class="c" style="background:silver">248,248,255 </td></tr><tr> <td class="c" style="background:gold"> </td><td class="c" style="background:#ffd700"> </td><td><dfn id="gold">gold</dfn> </td><td class="c" style="background:silver">#ffd700 </td><td class="c" style="background:silver">255,215,0 </td></tr><tr> <td class="c" style="background:goldenrod"> </td><td class="c" style="background:#daa520"> </td><td><dfn id="goldenrod">goldenrod</dfn> </td><td class="c" style="background:silver">#daa520 </td><td class="c" style="background:silver">218,165,32 </td></tr><tr> <td class="c" style="background:gray"> </td><td class="c" style="background:#808080"> </td><td><dfn id="gray0">gray</dfn> </td><td class="c" style="background:silver">#808080 </td><td class="c" style="background:silver">128,128,128 </td></tr><tr> <td class="c" style="background:green"> </td><td class="c" style="background:#008000"> </td><td><dfn id="green0">green</dfn> </td><td class="c" style="background:silver">#008000 </td><td class="c" style="background:silver">0,128,0 </td></tr><tr> <td class="c" style="background:greenyellow"> </td><td class="c" style="background:#adff2f"> </td><td><dfn id="greenyellow">greenyellow</dfn> </td><td class="c" style="background:silver">#adff2f </td><td class="c" style="background:silver">173,255,47 </td></tr><tr> <td class="c" style="background:grey"> </td><td class="c" style="background:#808080"> </td><td><dfn id="grey">grey</dfn> </td><td class="c" style="background:silver">#808080 </td><td class="c" style="background:silver">128,128,128 </td></tr><tr> <td class="c" style="background:honeydew"> </td><td class="c" style="background:#f0fff0"> </td><td><dfn id="honeydew">honeydew</dfn> </td><td class="c" style="background:silver">#f0fff0 </td><td class="c" style="background:silver">240,255,240 </td></tr><tr> <td class="c" style="background:hotpink"> </td><td class="c" style="background:#ff69b4"> </td><td><dfn id="hotpink">hotpink</dfn> </td><td class="c" style="background:silver">#ff69b4 </td><td class="c" style="background:silver">255,105,180 </td></tr><tr> <td class="c" style="background:indianred"> </td><td class="c" style="background:#cd5c5c"> </td><td><dfn id="indianred">indianred</dfn> </td><td class="c" style="background:silver">#cd5c5c </td><td class="c" style="background:silver">205,92,92 </td></tr><tr> <td class="c" style="background:indigo"> </td><td class="c" style="background:#4b0082"> </td><td><dfn id="indigo">indigo</dfn> </td><td class="c" style="background:silver">#4b0082 </td><td class="c" style="background:silver">75,0,130 </td></tr><tr> <td class="c" style="background:ivory"> </td><td class="c" style="background:#fffff0"> </td><td><dfn id="ivory">ivory</dfn> </td><td class="c" style="background:silver">#fffff0 </td><td class="c" style="background:silver">255,255,240 </td></tr><tr> <td class="c" style="background:khaki"> </td><td class="c" style="background:#f0e68c"> </td><td><dfn id="khaki">khaki</dfn> </td><td class="c" style="background:silver">#f0e68c </td><td class="c" style="background:silver">240,230,140 </td></tr><tr> <td class="c" style="background:lavender"> </td><td class="c" style="background:#e6e6fa"> </td><td><dfn id="lavender">lavender</dfn> </td><td class="c" style="background:silver">#e6e6fa </td><td class="c" style="background:silver">230,230,250 </td></tr><tr> <td class="c" style="background:lavenderblush"> </td><td class="c" style="background:#fff0f5"> </td><td><dfn id="lavenderblush">lavenderblush</dfn> </td><td class="c" style="background:silver">#fff0f5 </td><td class="c" style="background:silver">255,240,245 </td></tr><tr> <td class="c" style="background:lawngreen"> </td><td class="c" style="background:#7cfc00"> </td><td><dfn id="lawngreen">lawngreen</dfn> </td><td class="c" style="background:silver">#7cfc00 </td><td class="c" style="background:silver">124,252,0 </td></tr><tr> <td class="c" style="background:lemonchiffon"> </td><td class="c" style="background:#fffacd"> </td><td><dfn id="lemonchiffon">lemonchiffon</dfn> </td><td class="c" style="background:silver">#fffacd </td><td class="c" style="background:silver">255,250,205 </td></tr><tr> <td class="c" style="background:lightblue"> </td><td class="c" style="background:#add8e6"> </td><td><dfn id="lightblue">lightblue</dfn> </td><td class="c" style="background:silver">#add8e6 </td><td class="c" style="background:silver">173,216,230 </td></tr><tr> <td class="c" style="background:lightcoral"> </td><td class="c" style="background:#f08080"> </td><td><dfn id="lightcoral">lightcoral</dfn> </td><td class="c" style="background:silver">#f08080 </td><td class="c" style="background:silver">240,128,128 </td></tr><tr> <td class="c" style="background:lightcyan"> </td><td class="c" style="background:#e0ffff"> </td><td><dfn id="lightcyan">lightcyan</dfn> </td><td class="c" style="background:silver">#e0ffff </td><td class="c" style="background:silver">224,255,255 </td></tr><tr> <td class="c" style="background:lightgoldenrodyellow"> </td><td class="c" style="background:#fafad2"> </td><td><dfn id="lightgoldenrodyellow">lightgoldenrodyellow</dfn> </td><td class="c" style="background:silver">#fafad2 </td><td class="c" style="background:silver">250,250,210 </td></tr><tr> <td class="c" style="background:lightgray"> </td><td class="c" style="background:#d3d3d3"> </td><td><dfn id="lightgray">lightgray</dfn> </td><td class="c" style="background:silver">#d3d3d3 </td><td class="c" style="background:silver">211,211,211 </td></tr><tr> <td class="c" style="background:lightgreen"> </td><td class="c" style="background:#90ee90"> </td><td><dfn id="lightgreen">lightgreen</dfn> </td><td class="c" style="background:silver">#90ee90 </td><td class="c" style="background:silver">144,238,144 </td></tr><tr> <td class="c" style="background:lightgrey"> </td><td class="c" style="background:#d3d3d3"> </td><td><dfn id="lightgrey">lightgrey</dfn> </td><td class="c" style="background:silver">#d3d3d3 </td><td class="c" style="background:silver">211,211,211 </td></tr><tr> <td class="c" style="background:lightpink"> </td><td class="c" style="background:#ffb6c1"> </td><td><dfn id="lightpink">lightpink</dfn> </td><td class="c" style="background:silver">#ffb6c1 </td><td class="c" style="background:silver">255,182,193 </td></tr><tr> <td class="c" style="background:lightsalmon"> </td><td class="c" style="background:#ffa07a"> </td><td><dfn id="lightsalmon">lightsalmon</dfn> </td><td class="c" style="background:silver">#ffa07a </td><td class="c" style="background:silver">255,160,122 </td></tr><tr> <td class="c" style="background:lightseagreen"> </td><td class="c" style="background:#20b2aa"> </td><td><dfn id="lightseagreen">lightseagreen</dfn> </td><td class="c" style="background:silver">#20b2aa </td><td class="c" style="background:silver">32,178,170 </td></tr><tr> <td class="c" style="background:lightskyblue"> </td><td class="c" style="background:#87cefa"> </td><td><dfn id="lightskyblue">lightskyblue</dfn> </td><td class="c" style="background:silver">#87cefa </td><td class="c" style="background:silver">135,206,250 </td></tr><tr> <td class="c" style="background:lightslategray"> </td><td class="c" style="background:#778899"> </td><td><dfn id="lightslategray">lightslategray</dfn> </td><td class="c" style="background:silver">#778899 </td><td class="c" style="background:silver">119,136,153 </td></tr><tr> <td class="c" style="background:lightslategrey"> </td><td class="c" style="background:#778899"> </td><td><dfn id="lightslategrey">lightslategrey</dfn> </td><td class="c" style="background:silver">#778899 </td><td class="c" style="background:silver">119,136,153 </td></tr><tr> <td class="c" style="background:lightsteelblue"> </td><td class="c" style="background:#b0c4de"> </td><td><dfn id="lightsteelblue">lightsteelblue</dfn> </td><td class="c" style="background:silver">#b0c4de </td><td class="c" style="background:silver">176,196,222 </td></tr><tr> <td class="c" style="background:lightyellow"> </td><td class="c" style="background:#ffffe0"> </td><td><dfn id="lightyellow">lightyellow</dfn> </td><td class="c" style="background:silver">#ffffe0 </td><td class="c" style="background:silver">255,255,224 </td></tr><tr> <td class="c" style="background:lime"> </td><td class="c" style="background:#00ff00"> </td><td><dfn id="lime0">lime</dfn> </td><td class="c" style="background:silver">#00ff00 </td><td class="c" style="background:silver">0,255,0 </td></tr><tr> <td class="c" style="background:limegreen"> </td><td class="c" style="background:#32cd32"> </td><td><dfn id="limegreen">limegreen</dfn> </td><td class="c" style="background:silver">#32cd32 </td><td class="c" style="background:silver">50,205,50 </td></tr><tr> <td class="c" style="background:linen"> </td><td class="c" style="background:#faf0e6"> </td><td><dfn id="linen">linen</dfn> </td><td class="c" style="background:silver">#faf0e6 </td><td class="c" style="background:silver">250,240,230 </td></tr><tr> <td class="c" style="background:magenta"> </td><td class="c" style="background:#ff00ff"> </td><td><dfn id="magenta">magenta</dfn> </td><td class="c" style="background:silver">#ff00ff </td><td class="c" style="background:silver">255,0,255 </td></tr><tr> <td class="c" style="background:maroon"> </td><td class="c" style="background:#800000"> </td><td><dfn id="maroon0">maroon</dfn> </td><td class="c" style="background:silver">#800000 </td><td class="c" style="background:silver">128,0,0 </td></tr><tr> <td class="c" style="background:mediumaquamarine"> </td><td class="c" style="background:#66cdaa"> </td><td><dfn id="mediumaquamarine">mediumaquamarine</dfn> </td><td class="c" style="background:silver">#66cdaa </td><td class="c" style="background:silver">102,205,170 </td></tr><tr> <td class="c" style="background:mediumblue"> </td><td class="c" style="background:#0000cd"> </td><td><dfn id="mediumblue">mediumblue</dfn> </td><td class="c" style="background:silver">#0000cd </td><td class="c" style="background:silver">0,0,205 </td></tr><tr> <td class="c" style="background:mediumorchid"> </td><td class="c" style="background:#ba55d3"> </td><td><dfn id="mediumorchid">mediumorchid</dfn> </td><td class="c" style="background:silver">#ba55d3 </td><td class="c" style="background:silver">186,85,211 </td></tr><tr> <td class="c" style="background:mediumpurple"> </td><td class="c" style="background:#9370db"> </td><td><dfn id="mediumpurple">mediumpurple</dfn> </td><td class="c" style="background:silver">#9370db </td><td class="c" style="background:silver">147,112,219 </td></tr><tr> <td class="c" style="background:mediumseagreen"> </td><td class="c" style="background:#3cb371"> </td><td><dfn id="mediumseagreen">mediumseagreen</dfn> </td><td class="c" style="background:silver">#3cb371 </td><td class="c" style="background:silver">60,179,113 </td></tr><tr> <td class="c" style="background:mediumslateblue"> </td><td class="c" style="background:#7b68ee"> </td><td><dfn id="mediumslateblue">mediumslateblue</dfn> </td><td class="c" style="background:silver">#7b68ee </td><td class="c" style="background:silver">123,104,238 </td></tr><tr> <td class="c" style="background:mediumspringgreen"> </td><td class="c" style="background:#00fa9a"> </td><td><dfn id="mediumspringgreen">mediumspringgreen</dfn> </td><td class="c" style="background:silver">#00fa9a </td><td class="c" style="background:silver">0,250,154 </td></tr><tr> <td class="c" style="background:mediumturquoise"> </td><td class="c" style="background:#48d1cc"> </td><td><dfn id="mediumturquoise">mediumturquoise</dfn> </td><td class="c" style="background:silver">#48d1cc </td><td class="c" style="background:silver">72,209,204 </td></tr><tr> <td class="c" style="background:mediumvioletred"> </td><td class="c" style="background:#c71585"> </td><td><dfn id="mediumvioletred">mediumvioletred</dfn> </td><td class="c" style="background:silver">#c71585 </td><td class="c" style="background:silver">199,21,133 </td></tr><tr> <td class="c" style="background:midnightblue"> </td><td class="c" style="background:#191970"> </td><td><dfn id="midnightblue">midnightblue</dfn> </td><td class="c" style="background:silver">#191970 </td><td class="c" style="background:silver">25,25,112 </td></tr><tr> <td class="c" style="background:mintcream"> </td><td class="c" style="background:#f5fffa"> </td><td><dfn id="mintcream">mintcream</dfn> </td><td class="c" style="background:silver">#f5fffa </td><td class="c" style="background:silver">245,255,250 </td></tr><tr> <td class="c" style="background:mistyrose"> </td><td class="c" style="background:#ffe4e1"> </td><td><dfn id="mistyrose">mistyrose</dfn> </td><td class="c" style="background:silver">#ffe4e1 </td><td class="c" style="background:silver">255,228,225 </td></tr><tr> <td class="c" style="background:moccasin"> </td><td class="c" style="background:#ffe4b5"> </td><td><dfn id="moccasin">moccasin</dfn> </td><td class="c" style="background:silver">#ffe4b5 </td><td class="c" style="background:silver">255,228,181 </td></tr><tr> <td class="c" style="background:navajowhite"> </td><td class="c" style="background:#ffdead"> </td><td><dfn id="navajowhite">navajowhite</dfn> </td><td class="c" style="background:silver">#ffdead </td><td class="c" style="background:silver">255,222,173 </td></tr><tr> <td class="c" style="background:navy"> </td><td class="c" style="background:#000080"> </td><td><dfn id="navy0">navy</dfn> </td><td class="c" style="background:silver">#000080 </td><td class="c" style="background:silver">0,0,128 </td></tr><tr> <td class="c" style="background:oldlace"> </td><td class="c" style="background:#fdf5e6"> </td><td><dfn id="oldlace">oldlace</dfn> </td><td class="c" style="background:silver">#fdf5e6 </td><td class="c" style="background:silver">253,245,230 </td></tr><tr> <td class="c" style="background:olive"> </td><td class="c" style="background:#808000"> </td><td><dfn id="olive0">olive</dfn> </td><td class="c" style="background:silver">#808000 </td><td class="c" style="background:silver">128,128,0 </td></tr><tr> <td class="c" style="background:olivedrab"> </td><td class="c" style="background:#6b8e23"> </td><td><dfn id="olivedrab">olivedrab</dfn> </td><td class="c" style="background:silver">#6b8e23 </td><td class="c" style="background:silver">107,142,35 </td></tr><tr> <td class="c" style="background:orange"> </td><td class="c" style="background:#ffa500"> </td><td><dfn id="orange">orange</dfn> </td><td class="c" style="background:silver">#ffa500 </td><td class="c" style="background:silver">255,165,0 </td></tr><tr> <td class="c" style="background:orangered"> </td><td class="c" style="background:#ff4500"> </td><td><dfn id="orangered">orangered</dfn> </td><td class="c" style="background:silver">#ff4500 </td><td class="c" style="background:silver">255,69,0 </td></tr><tr> <td class="c" style="background:orchid"> </td><td class="c" style="background:#da70d6"> </td><td><dfn id="orchid">orchid</dfn> </td><td class="c" style="background:silver">#da70d6 </td><td class="c" style="background:silver">218,112,214 </td></tr><tr> <td class="c" style="background:palegoldenrod"> </td><td class="c" style="background:#eee8aa"> </td><td><dfn id="palegoldenrod">palegoldenrod</dfn> </td><td class="c" style="background:silver">#eee8aa </td><td class="c" style="background:silver">238,232,170 </td></tr><tr> <td class="c" style="background:palegreen"> </td><td class="c" style="background:#98fb98"> </td><td><dfn id="palegreen">palegreen</dfn> </td><td class="c" style="background:silver">#98fb98 </td><td class="c" style="background:silver">152,251,152 </td></tr><tr> <td class="c" style="background:paleturquoise"> </td><td class="c" style="background:#afeeee"> </td><td><dfn id="paleturquoise">paleturquoise</dfn> </td><td class="c" style="background:silver">#afeeee </td><td class="c" style="background:silver">175,238,238 </td></tr><tr> <td class="c" style="background:palevioletred"> </td><td class="c" style="background:#db7093"> </td><td><dfn id="palevioletred">palevioletred</dfn> </td><td class="c" style="background:silver">#db7093 </td><td class="c" style="background:silver">219,112,147 </td></tr><tr> <td class="c" style="background:papayawhip"> </td><td class="c" style="background:#ffefd5"> </td><td><dfn id="papayawhip">papayawhip</dfn> </td><td class="c" style="background:silver">#ffefd5 </td><td class="c" style="background:silver">255,239,213 </td></tr><tr> <td class="c" style="background:peachpuff"> </td><td class="c" style="background:#ffdab9"> </td><td><dfn id="peachpuff">peachpuff</dfn> </td><td class="c" style="background:silver">#ffdab9 </td><td class="c" style="background:silver">255,218,185 </td></tr><tr> <td class="c" style="background:peru"> </td><td class="c" style="background:#cd853f"> </td><td><dfn id="peru">peru</dfn> </td><td class="c" style="background:silver">#cd853f </td><td class="c" style="background:silver">205,133,63 </td></tr><tr> <td class="c" style="background:pink"> </td><td class="c" style="background:#ffc0cb"> </td><td><dfn id="pink">pink</dfn> </td><td class="c" style="background:silver">#ffc0cb </td><td class="c" style="background:silver">255,192,203 </td></tr><tr> <td class="c" style="background:plum"> </td><td class="c" style="background:#dda0dd"> </td><td><dfn id="plum">plum</dfn> </td><td class="c" style="background:silver">#dda0dd </td><td class="c" style="background:silver">221,160,221 </td></tr><tr> <td class="c" style="background:powderblue"> </td><td class="c" style="background:#b0e0e6"> </td><td><dfn id="powderblue">powderblue</dfn> </td><td class="c" style="background:silver">#b0e0e6 </td><td class="c" style="background:silver">176,224,230 </td></tr><tr> <td class="c" style="background:purple"> </td><td class="c" style="background:#800080"> </td><td><dfn id="purple0">purple</dfn> </td><td class="c" style="background:silver">#800080 </td><td class="c" style="background:silver">128,0,128 </td></tr><tr> <td class="c" style="background:red"> </td><td class="c" style="background:#ff0000"> </td><td><dfn id="red0">red</dfn> </td><td class="c" style="background:silver">#ff0000 </td><td class="c" style="background:silver">255,0,0 </td></tr><tr> <td class="c" style="background:rosybrown"> </td><td class="c" style="background:#bc8f8f"> </td><td><dfn id="rosybrown">rosybrown</dfn> </td><td class="c" style="background:silver">#bc8f8f </td><td class="c" style="background:silver">188,143,143 </td></tr><tr> <td class="c" style="background:royalblue"> </td><td class="c" style="background:#4169e1"> </td><td><dfn id="royalblue">royalblue</dfn> </td><td class="c" style="background:silver">#4169e1 </td><td class="c" style="background:silver">65,105,225 </td></tr><tr> <td class="c" style="background:saddlebrown"> </td><td class="c" style="background:#8b4513"> </td><td><dfn id="saddlebrown">saddlebrown</dfn> </td><td class="c" style="background:silver">#8b4513 </td><td class="c" style="background:silver">139,69,19 </td></tr><tr> <td class="c" style="background:salmon"> </td><td class="c" style="background:#fa8072"> </td><td><dfn id="salmon">salmon</dfn> </td><td class="c" style="background:silver">#fa8072 </td><td class="c" style="background:silver">250,128,114 </td></tr><tr> <td class="c" style="background:sandybrown"> </td><td class="c" style="background:#f4a460"> </td><td><dfn id="sandybrown">sandybrown</dfn> </td><td class="c" style="background:silver">#f4a460 </td><td class="c" style="background:silver">244,164,96 </td></tr><tr> <td class="c" style="background:seagreen"> </td><td class="c" style="background:#2e8b57"> </td><td><dfn id="seagreen">seagreen</dfn> </td><td class="c" style="background:silver">#2e8b57 </td><td class="c" style="background:silver">46,139,87 </td></tr><tr> <td class="c" style="background:seashell"> </td><td class="c" style="background:#fff5ee"> </td><td><dfn id="seashell">seashell</dfn> </td><td class="c" style="background:silver">#fff5ee </td><td class="c" style="background:silver">255,245,238 </td></tr><tr> <td class="c" style="background:sienna"> </td><td class="c" style="background:#a0522d"> </td><td><dfn id="sienna">sienna</dfn> </td><td class="c" style="background:silver">#a0522d </td><td class="c" style="background:silver">160,82,45 </td></tr><tr> <td class="c" style="background:silver"> </td><td class="c" style="background:#c0c0c0"> </td><td><dfn id="silver0">silver</dfn> </td><td class="c" style="background:silver">#c0c0c0 </td><td class="c" style="background:silver">192,192,192 </td></tr><tr> <td class="c" style="background:skyblue"> </td><td class="c" style="background:#87ceeb"> </td><td><dfn id="skyblue">skyblue</dfn> </td><td class="c" style="background:silver">#87ceeb </td><td class="c" style="background:silver">135,206,235 </td></tr><tr> <td class="c" style="background:slateblue"> </td><td class="c" style="background:#6a5acd"> </td><td><dfn id="slateblue">slateblue</dfn> </td><td class="c" style="background:silver">#6a5acd </td><td class="c" style="background:silver">106,90,205 </td></tr><tr> <td class="c" style="background:slategray"> </td><td class="c" style="background:#708090"> </td><td><dfn id="slategray">slategray</dfn> </td><td class="c" style="background:silver">#708090 </td><td class="c" style="background:silver">112,128,144 </td></tr><tr> <td class="c" style="background:slategrey"> </td><td class="c" style="background:#708090"> </td><td><dfn id="slategrey">slategrey</dfn> </td><td class="c" style="background:silver">#708090 </td><td class="c" style="background:silver">112,128,144 </td></tr><tr> <td class="c" style="background:snow"> </td><td class="c" style="background:#fffafa"> </td><td><dfn id="snow">snow</dfn> </td><td class="c" style="background:silver">#fffafa </td><td class="c" style="background:silver">255,250,250 </td></tr><tr> <td class="c" style="background:springgreen"> </td><td class="c" style="background:#00ff7f"> </td><td><dfn id="springgreen">springgreen</dfn> </td><td class="c" style="background:silver">#00ff7f </td><td class="c" style="background:silver">0,255,127 </td></tr><tr> <td class="c" style="background:steelblue"> </td><td class="c" style="background:#4682b4"> </td><td><dfn id="steelblue">steelblue</dfn> </td><td class="c" style="background:silver">#4682b4 </td><td class="c" style="background:silver">70,130,180 </td></tr><tr> <td class="c" style="background:tan"> </td><td class="c" style="background:#d2b48c"> </td><td><dfn id="tan">tan</dfn> </td><td class="c" style="background:silver">#d2b48c </td><td class="c" style="background:silver">210,180,140 </td></tr><tr> <td class="c" style="background:teal"> </td><td class="c" style="background:#008080"> </td><td><dfn id="teal0">teal</dfn> </td><td class="c" style="background:silver">#008080 </td><td class="c" style="background:silver">0,128,128 </td></tr><tr> <td class="c" style="background:thistle"> </td><td class="c" style="background:#d8bfd8"> </td><td><dfn id="thistle">thistle</dfn> </td><td class="c" style="background:silver">#d8bfd8 </td><td class="c" style="background:silver">216,191,216 </td></tr><tr> <td class="c" style="background:tomato"> </td><td class="c" style="background:#ff6347"> </td><td><dfn id="tomato">tomato</dfn> </td><td class="c" style="background:silver">#ff6347 </td><td class="c" style="background:silver">255,99,71 </td></tr><tr> <td class="c" style="background:turquoise"> </td><td class="c" style="background:#40e0d0"> </td><td><dfn id="turquoise">turquoise</dfn> </td><td class="c" style="background:silver">#40e0d0 </td><td class="c" style="background:silver">64,224,208 </td></tr><tr> <td class="c" style="background:violet"> </td><td class="c" style="background:#ee82ee"> </td><td><dfn id="violet">violet</dfn> </td><td class="c" style="background:silver">#ee82ee </td><td class="c" style="background:silver">238,130,238 </td></tr><tr> <td class="c" style="background:wheat"> </td><td class="c" style="background:#f5deb3"> </td><td><dfn id="wheat">wheat</dfn> </td><td class="c" style="background:silver">#f5deb3 </td><td class="c" style="background:silver">245,222,179 </td></tr><tr> <td class="c" style="background:white"> </td><td class="c" style="background:#ffffff"> </td><td><dfn id="white0">white</dfn> </td><td class="c" style="background:silver">#ffffff </td><td class="c" style="background:silver">255,255,255 </td></tr><tr> <td class="c" style="background:whitesmoke"> </td><td class="c" style="background:#f5f5f5"> </td><td><dfn id="whitesmoke">whitesmoke</dfn> </td><td class="c" style="background:silver">#f5f5f5 </td><td class="c" style="background:silver">245,245,245 </td></tr><tr> <td class="c" style="background:yellow"> </td><td class="c" style="background:#ffff00"> </td><td><dfn id="yellow0">yellow</dfn> </td><td class="c" style="background:silver">#ffff00 </td><td class="c" style="background:silver">255,255,0 </td></tr><tr> <td class="c" style="background:yellowgreen"> </td><td class="c" style="background:#9acd32"> </td><td><dfn id="yellowgreen">yellowgreen</dfn> </td><td class="c" style="background:silver">#9acd32 </td><td class="c" style="background:silver">154,205,50 </td></tr></tbody></table>
  2. Oct 2022
    1. Andere Sammlungen sind ihrem Verwendungszweck nie zugeführt worden. Der Germanist Friedrich Kittler etwa legte Karteikarten zu allen Farben an, die dem Mond in der Lyrik zugeschrieben worden sind. Das Buch dazu könnte jemand mit Hilfe dieser Zettel schreiben.

      machine translation (Google):

      Other collections have never been used for their intended purpose. The Germanist Friedrich Kittler, for example, created index cards for all the colors that were ascribed to the moon in poetry. Someone could write the book about it with the help of these slips of paper.

      Germanist Friedrich Kittler collected index cards with all the colors that were ascribed to the moon in poetry. He never did anything with his collection, but it has been suggested that one could write a book with his research collection.

  3. Aug 2022
    1. In line with the much-requested (and long-longed-for) feature of highlights in different colors (an exhaustive list given in #198), I would like to suggest allowing (automatic) coloring of highlights based on tags with designated patterns (like code:critiques, code:non-ergodicity in psychology, etc.), or alternatively, all tags (i.e., without specific patterns).
  4. Jul 2022
  5. Jun 2022
  6. May 2022
    1. ```html

      Choose your monster's colors:

      <div> <input type="color" id="head" name="head" value="#e66465"> <label for="head">Head</label> </div> <div> <input type="color" id="body" name="body" value="#f6b73c"> <label for="body">Body</label> </div>

      ```

      ```js colorPicker.addEventListener("input", updateFirst, false); colorPicker.addEventListener("change", watchColorPicker, false);

      function watchColorPicker(event) { document.querySelectorAll("p").forEach(function(p) { p.style.color = event.target.value; }); } ```

  7. Apr 2022
  8. Mar 2022
    1. glas is a very old word, and while the more modern gwyrdd is used for green, glas can in fact be both blue and green, depending on context. The idea behind glas is not so much a colour itself, but the attribute you’d give to plants that are alive. The opposite is llwyd, which is connected to “dead” things like rocks, so naturally you’d translate it as gray, but sometimes it’s used as brown, too. (Again, the Welsh word brown is much newer than llwyd.)

      The older Welsh words 'glas' and 'llwyd' designate both colors (green/blue and gray/brown respectively) but also indicate the idea of 'being alive' (like plants) or 'dead' (like rocks).

      These words can sometimes be translated differently than the more modern words gwyrdd (green), glas (blue), llwyd (grey), brown (brown).

      Irish is somewhat similar, where 'glas' is green, but usually for the less vivid greens of the natural world (seaweed might be called 'glas') versus artificial vivid green (the green on the Irish flag would be 'uaine'). However a 'madra glas' is not a green or blue dog, but a grey one.

      Glasgow / Glaschu (the place name) means "green hollow".

    1. timapple I’m looking for feedback on my blog’s look. Thanks! Tim’s Blog #indieweb #blog 2022-03-30 9:16 am

      @timapple Spring colors in dark mode is pretty cool, particularly in your code blocks. 🤩

    1. ```js

      //If you write your own code, remember hex color shortcuts (eg., #fff, #000)

      function hexToRgbA(hex){ var c; if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){ c= hex.substring(1).split(''); if(c.length== 3){ c= [c[0], c[0], c[1], c[1], c[2], c[2]]; } c= '0x'+c.join(''); return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',1)'; } throw new Error('Bad Hex'); }

      hexToRgbA('#fbafff')

      / returned value: (String) rgba(251,175,255,1) / ```

  9. Feb 2022
  10. Jan 2022
  11. Dec 2021
    1. Adding flexibility to our contrast checker function

      Brian’s function only accepts six-character hexcolors, and they cannot have a leading hash (#).

      Let’s first modify it to accept a leading hash. We’ll use Array.slice() to get the first character and check if it equals #. If it does, we’ll use Array.slice() again to remove the leading hash and redefine hexcolor.

      Next, let’s modify the function to allow both three and six-character colors.

      To do that, we’ll first check the length of hexcolor. If it’s 3, we’ll use Array.split() to convert the hexcolor string into an array of characters. Then, we’ll use Array.map() to double each character, and Array.join() to combine it back into a string.

      /*!
       * Get the contrasting color for any hex color
       * (c) 2019 Chris Ferdinandi, MIT License, https://gomakethings.com
       * Derived from work by Brian Suda, https://24ways.org/2010/calculating-color-contrast/
       * @param  {String} A hexcolor value
       * @return {String} The contrasting color (black or white)
       */
      var getContrast = function (hexcolor){
      
          // If a leading # is provided, remove it
          if (hexcolor.slice(0, 1) === '#') {
              hexcolor = hexcolor.slice(1);
          }
      
          // If a three-character hexcode, make six-character
          if (hexcolor.length === 3) {
              hexcolor = hexcolor.split('').map(function (hex) {
                  return hex + hex;
              }).join('');
          }
      
          // Convert to RGB value
          var r = parseInt(hexcolor.substr(0,2),16);
          var g = parseInt(hexcolor.substr(2,2),16);
          var b = parseInt(hexcolor.substr(4,2),16);
      
          // Get YIQ ratio
          var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
      
          // Check contrast
          return (yiq >= 128) ? 'black' : 'white';
      
      };
      

      Here’s a demo on CodePen

    1. The second equation is called ‘YIQ’ because it converts the RGB color space into YIQ, which takes into account the different impacts of its constituent parts. Again, the equation returns white or black and it’s also very easy to implement.

      In JavaScript:

      function getContrastYIQ(hexcolor){
          var r = parseInt(hexcolor.substr(0,2),16);
          var g = parseInt(hexcolor.substr(2,2),16);
          var b = parseInt(hexcolor.substr(4,2),16);
          var yiq = ((r*299)+(g*587)+(b*114))/1000;
          return (yiq >= 128) ? 'black' : 'white';
      }
      

      You’ll notice first that we have broken down the hex value into separate RGB values. This is important because each of these channels is scaled in accordance to its visual impact. Once everything is scaled and normalized, it will be in a range between zero and 255. Much like the previous ’50%’ function, we now need to check if the input is above or below halfway. Depending on where that value is, we’ll return the corresponding highest contrasting color.

    2. There are two functions I want to compare.

      The first, I call ’50%’. It takes the hex value and compares it to the value halfway between pure black and pure white. If the hex value is less than half, meaning it is on the darker side of the spectrum, it returns white as the text color. If the result is greater than half, it’s on the lighter side of the spectrum and returns black as the text value.

      In JavaScript:

      function getContrast50(hexcolor){
          return (parseInt(hexcolor, 16) > 0xffffff/2) ? 'black':'white';
      }
      

      It doesn’t get much simpler than that! The function converts the six-character hex color into an integer and compares that to one half the integer value of pure white. The function is easy to remember, but is naive when it comes to understanding how we perceive parts of the spectrum. Different wavelengths have greater or lesser impact on the contrast.

  12. Oct 2021
    1. Sometimes it is noted that, even before 1600, when the slave trade had justbegun, before Africans were stamped by it—literally and symbolically—thecolor black was distasteful. In England, before 1600, it meant, according to theOxford English Dictionary: “Deeply stained with dirt; soiled, dirty, foul.Having dark or deadly purposes, malignant; pertaining to or involving death,deadly; baneful, disastrous, sinister. Foul, iniquitous, atrocious, horriblywicked. Indicating disgrace, censure, liability to punishment, etc.” AndElizabethan poetry often used the color white in connection with beauty

      Was some of the origin of this black versus white dichotomy from religion of the time?

      Where does this black v. white differentiation begin? Zinn does mention the idea of daylight/night as a potential source.

  13. Jun 2021
  14. Apr 2021
  15. Mar 2021
  16. Feb 2021
  17. Oct 2020
    1. He turned crimson

      I really appreciate Mansfield’s utilization of visual arts through color. I noticed how colors stand out a lot in her writing, which give and promote a more prominent perception of her character’s reactions.

  18. Apr 2020
    1. Asians favour a more crimson red than Western red
    2. People often talk about how colours are meant to contrast, by using colour wheels or by checking the HSV coordinates, but be aware that these tools are lies. The scale of computer colours is typically not perceptually uniform. Brown should be a narrow region for instance and blue should be a huge region. To see the proper range of each colour, consult a rainbow.
  19. Dec 2019
  20. Aug 2019
  21. Jul 2018
    1. pale

      This word occurs five times in this story, both as a verb (i.e., to become pale, or to appear less important and remarkable in comparison to something else) and as a drab color. Along with a concordance, a dispersion plot with "pale" and the more vibrant colors that populate the story would illuminate the visual, textural, and perhaps symbolic significance of paleness.

    1. Hint: you can find a list of permitted color names at https://www.w3schools.com/colors/colors_names.asp. It includes some quite unusual ones, like “PeachPuff” and “HotPink”.

      Visit this website and look at the long list of colors available and their corresponding HEX values. Identify the names of the colors with HEX values #0000FF, #00FF00, #FF0000, #00FFFF, #FF00FF, and #FFFF00.