Updated documentation.

Author: dmester

README.md

@@ -65,13 +65,7 @@ by the module. Use the `getContext()` method on the canvas to get a `CanvasConte
 
 * `backColor` (color)
 
-  Specifies the background color. Allowed values are:
-
-  * 32 bit integers on the format `0xRRGGBBAA`
-  * strings on the format `"#RGB"`
-  * strings on the format `"#RRGGBB"`
-  * strings on the format `"#RRGGBBAA"`
-
+  Specifies the background color. See `fillStyle` below for allowed values. 
   Default is transparent.
 
 #### Methods
@@ -96,9 +90,30 @@ by the module. Use the `getContext()` method on the canvas to get a `CanvasConte
   Specifies the fill color that is used when the `fill()` method is called. Allowed values are:
 
   * 32 bit integers on the format `0xRRGGBBAA`
-  * strings on the format `"#RGB"`
-  * strings on the format `"#RRGGBB"`
-  * strings on the format `"#RRGGBBAA"`
+  * string `"transparent"`
+  * strings on the format `"#2c4"` (#RGB)
+  * strings on the format `"#2c4f"` (#RGBA)
+  * strings on the format `"#22cc44"` (#RRGGBB)
+  * strings on the format `"#22cc44ff"` (#RRGGBBAA)
+  * strings on the format `"rgb(255, 124, 22)"`
+  * strings on the format `"rgb(255, 124, 22, 0.5)"`
+  * strings on the format `"rgb(255, 124, 22, 50%)"`
+  * strings on the format `"rgba(255, 124, 22, 0.5)"`
+  * strings on the format `"rgba(255, 124, 22, 50%)"`
+  * strings on the format `"rgb(23%, 45%, 75%)"`
+  * strings on the format `"rgb(23%, 45%, 75%, 0.5)"`
+  * strings on the format `"rgb(23%, 45%, 75%, 50%)"`
+  * strings on the format `"rgba(23%, 45%, 75%, 0.5)"`
+  * strings on the format `"rgba(23%, 45%, 75%, 50%)"`
+  * strings on the format `"hsl(134, 50%, 50%)"`
+  * strings on the format `"hsl(134, 50%, 50%, 0.5)"`
+  * strings on the format `"hsl(134, 50%, 50%, 50%)"`
+  * strings on the format `"hsla(134, 50%, 50%, 0.5)"`
+  * strings on the format `"hsla(134, 50%, 50%, 50%)"`
+  * strings on the format `"hwb(134, 50%, 50%)"`
+  * strings on the format `"hwb(134, 50%, 50%, 0.5)"`
+  * strings on the format `"hwb(134, 50%, 50%, 50%)"`
+  * named colors listed in [CSS Color Module Level 4](https://www.w3.org/TR/css-color-4/#named-colors)
 
 #### Paths
 

lib/canvasContext.js

@@ -55,12 +55,17 @@ function CanvasContext(canvas) {
  * - strings on the format #RRGGBBAA
  * - strings on the format rgb(255, 255, 255)
  * - strings on the format rgb(255, 255, 255, 0.5)
+ * - strings on the format rgb(255, 255, 255, 50%)
  * - strings on the format rgba(255, 255, 255, 0.5)
+ * - strings on the format rgba(255, 255, 255, 50%)
  * - strings on the format hsl(134, 50%, 50%)
  * - strings on the format hsl(134, 50%, 50%, 0.5)
+ * - strings on the format hsl(134, 50%, 50%, 50%)
  * - strings on the format hsla(134, 50%, 50%, 0.5)
+ * - strings on the format hsla(134, 50%, 50%, 50%)
  * - strings on the format hwb(134, 50%, 50%)
  * - strings on the format hwb(134, 50%, 50%, 0.5)
+ * - strings on the format hwb(134, 50%, 50%, 50%)
  * @public
  */
 CanvasContext.prototype.fillStyle = 0x000000ff;

tests/colorUtils.js

@@ -15,6 +15,7 @@ tap.equal("#abcdef21", colorUtils.format(colorUtils.parse("#abcdef21")));
 tap.equal("#aabbccff", colorUtils.format(colorUtils.parse("#abc")));
 tap.equal("#aabbccff", colorUtils.format(colorUtils.parse("#aabbcc")));
 tap.equal("#fffefdff", colorUtils.format(colorUtils.parse("rgb(255, 254, 253)")));
+tap.equal("#ff7f00ff", colorUtils.format(colorUtils.parse("rgb(100%, 50%, 0%)")));
 tap.equal("#fffefd7f", colorUtils.format(colorUtils.parse("rgb(255, 254, 253, 0.5)")));
 tap.equal("#fffefd7f", colorUtils.format(colorUtils.parse("rgba(255, 254, 253, 0.5)")));
 tap.equal("#adcbaeff", colorUtils.format(colorUtils.parse("hsl(123, 23%, 74% )")));