- Jun 2025
-
typecast.munk.org typecast.munk.org
-
clickamericana.com clickamericana.com
-
https://clickamericana.com/topics/science-technology/vintage-portable-manual-typewriters
The Smith-Coronas were offered in 4 different colors.
The Remington Quiet-Riter was eventually offered in white sand, desert sage, mist green, and French gray,
The Royal HH was offered in 6 colors including green, pink, and blue. Brown was the most ubiquitous.
-
-
www.uppercasemagazine.com www.uppercasemagazine.com
-
https://uppercasepublishing.squarespace.com/typewriter
The Royal FP typewriter came in five different colors including pearl gray, sandstone (yellow), willow green, sea blue, and cameo pink.
-
-
ohyouprettyoldthings.wordpress.com ohyouprettyoldthings.wordpress.com
-
In the late 1950s Royal released versions of the Royal Quiet De Luxe in 6 different colors.
-
-
-
If you're looking for pink, here's a shop that repairs and refinishes them (repaints) in pink: https://karlbusinessmachines.com/pink-typewriters/
As for natural pink manufactured typewriters, you're probably primarily looking at the Royal Quiet De Luxe (circa '55-58), Royal Futura 800, Royal FP (a larger heavy, standard desktop machine), the late 50's Smith-Corona 5 series (Clippers, Sterlings, Silent Supers). There were a few later in the 60s and 70s, but they're more difficult to find in the US and aren't as solid. These aren't rare typewriters, but generally because the collector's market likes color, you should expect to pay a $50-150 premium for pink in most online markets. Professional shops are much less likely to charge this sort of premium on pink unless it's for a machine they've had to strip down and repaint. (See also: https://www.reddit.com/r/typewriters/comments/1kw5jxh/what_are_your_thoughts_on_these_and_the_prices/)
For colloquial experience from a typewriter hunter from the Los Angeles area, I'll say I've been looking for a Cameo Pink smooth Royal FP for over a year and finally found one in solid, but restorable shape for $35, but it's taken a year of searching and it'll take a half-day's labor and some parts to clean it up to what a professional shop would consider solid working condition. In that time I've seen maybe half a dozen in online shops sell them in similar rough condition going for anywhere between $100 and $300. For your budget range, getting one from a professional shop is really the best, most economical way to go.
Please note that you positively don't want any of the new pink plastic typewriters made by "Royal Classic" or "We R Memory Keepers" (etc.) which you'll find on Amazon, Michaels, Home Depot, etc. for $200-300. They are dreadful machines, and if you really want one, save the money and buy one from ShopGoodwill.com for $5-15 instead.
If you wanted to go custom in your particular budget range, you might check out Gerren's work at Hot Rod Typewriter Co. where he does some truly gorgeous paint jobs on excellent typewriters. I suspect a pink Olympia SM3 from him would be a thing to behold.
Reply to u/dtja1l at https://old.reddit.com/r/typewriters/comments/1l0l6pi/help_finding_a_thoughtful_typewriter_as_a_gift/ with regard to buying a pink typewriter for a birthday present
-
- May 2025
-
www.reddit.com www.reddit.com
-
https://www.reddit.com/r/typewriters/comments/1kppij9/blue_olivetti_valentine_how_rare_is_it/
In increasing order of rarity, the Olivetti Valentine was made in red, white, green, and blue.
-
- Aug 2024
-
xkcd.com xkcd.com
Tags
Annotators
URL
-
- Jan 2024
-
what-colour-is-that.glitch.me what-colour-is-that.glitch.me
-
- Dec 2023
-
www.reddit.com www.reddit.com
- Oct 2023
-
developer.chrome.com developer.chrome.com
Tags
Annotators
URL
-
-
developer.mozilla.org developer.mozilla.org
-
-
```css :root { color-scheme: light dark; }
body { background: light-dark(#333, #ccc); } ```
-
- May 2023
-
ugmonk.com ugmonk.comAnalog1
-
While the today / next / someday cards are labeled, they're also color coded (white, light tan, tan) to help distinguish them.
Though not defined in the Analog system, these differently colored cards could also be used to indicate different sorts of data, though one would need to potentially ignore the pre-printed labels of "Today", "Next", "Someday".
-
-
www.smashingmagazine.com www.smashingmagazine.com
-
www.smashingmagazine.com www.smashingmagazine.com
-
www.smashingmagazine.com www.smashingmagazine.com
- Mar 2023
-
www.w3.org www.w3.org
Tags
Annotators
URL
-
-
developer.mozilla.org developer.mozilla.org
-
www.sherwin-williams.com www.sherwin-williams.com
-
SW 6750 Waterfall
-
- Jan 2023
-
Tags
Annotators
URL
-
- Nov 2022
-
blog.xkcd.com blog.xkcd.com
Tags
Annotators
URL
-
-
www.colorzilla.com www.colorzilla.com
Tags
Annotators
URL
-
-
www.w3.org www.w3.org
-
<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>
-
-
www.w3.org www.w3.org
Tags
Annotators
URL
-
- Oct 2022
-
developer.mozilla.org developer.mozilla.org
-
-
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.
-
- Aug 2022
-
-
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).
-
-
-
Made a quick strawman mockup of what it could look like from the editor side:
-
- Jul 2022
-
developer.mozilla.org developer.mozilla.org
- Jun 2022
-
davidpiesse.github.io davidpiesse.github.io
Tags
Annotators
URL
-
-
www.smashingmagazine.com www.smashingmagazine.com
-
www.youtube.com www.youtube.com
-
https://www.youtube.com/watch?v=gMqZR3pqMjg
Worth digging into some of the papers mentioned here (@2022-06-03)
Color terms in The Odyssey by William Gladstone
-
- May 2022
-
developer.mozilla.org developer.mozilla.org
-
```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; }); } ```
-
-
casesandberg.github.io casesandberg.github.io
Tags
Annotators
URL
-
-
-
-
github.com github.com
- Apr 2022
-
linuxhint.com linuxhint.com
-
How to Change Colors on LS in Bash
How to set LS_COLORS
Tags
Annotators
URL
-
- Mar 2022
-
forum.saysomethingin.com forum.saysomethingin.com
-
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".
-
-
micro.blog micro.blog
-
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. 🤩
Tags
Annotators
URL
-
-
inkswatch.com inkswatch.com
-
-
encycolorpedia.com encycolorpedia.com
-
<div style='padding:0.1rem;text-align:center;color:white;background-color:#002b59'>#002b59</div>
Tags
Annotators
URL
-
-
css-tricks.com css-tricks.com
Tags
Annotators
URL
-
-
stackoverflow.com stackoverflow.com
-
```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) / ```
Tags
Annotators
URL
-
- Feb 2022
-
web.dev web.dev
Tags
Annotators
URL
-
-
-
-
beta.flim.ai beta.flim.aiFlim1
- Jan 2022
-
stackoverflow.com stackoverflow.com
-
b) rgb(), rgba(), hsl() and hsla():
^(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$
-
- Dec 2021
-
legacy.imagemagick.org legacy.imagemagick.org
-
css-tricks.com css-tricks.com
Tags
Annotators
URL
-
-
gomakethings.com gomakethings.com
-
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 useArray.slice()
again to remove the leading hash and redefinehexcolor
.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’s3
, we’ll useArray.split()
to convert thehexcolor
string into an array of characters. Then, we’ll useArray.map()
to double each character, andArray.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'; };
-
-
24ways.org 24ways.org
-
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.
-
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.
Tags
Annotators
URL
-
- Oct 2021
-
inst-fs-iad-prod.inscloudgate.net inst-fs-iad-prod.inscloudgate.net
-
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.
-
- Jun 2021
-
defragged.org defragged.org
- Apr 2021
-
material-ui.com material-ui.com
Tags
Annotators
URL
-
- Mar 2021
-
en.wikipedia.org en.wikipedia.org
-
Visible spectrum wrapped to join blue and green in an additive mixture of cyan
the rainbow as a continuous (repeating) circle instead of semicircle
-
-
-
en.wikipedia.org en.wikipedia.org
Tags
Annotators
URL
-
- Oct 2020
-
icla2020b.jonreeve.com icla2020b.jonreeve.com
-
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.
-
- Apr 2020
-
kokociel.blogspot.com kokociel.blogspot.com
-
Asians favour a more crimson red than Western red
-
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.
-
- Dec 2019
-
github.com github.com
- Aug 2019
-
www.npmjs.com www.npmjs.comchalk1
- Jul 2018
-
course-computational-literary-analysis.netlify.com course-computational-literary-analysis.netlify.com
-
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.
-
-
runestone.academy runestone.academy
-
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.
-