Purpose:
Give the user the ability to get the grayscale version of a specific color.

Returns:
Returns the grayscale version of the color as a new color.

Example #1:
The following code will create a random color in the left cell below the code.  After that, it will show the grayscale approximation in the cell to the right of it:

var c = Color.random(); var c2 = c.toGrayscale(); with($("#tblEx1 TR:element(last) TD:element(first)")) { setCSS("background-color", c.toString()); setCSS("border", "1px solid " + c.toGrayscale()); setCSS("color", c.getSafeColor().toString()); setText("Original Color: " + c.toString()); } with($("#tblEx1 TR:element(last) TD:element(last)")) { setCSS("background-color", c2.toString()); setCSS("border", "1px solid " + c2); setCSS("color", c2.getSafeColor().toString()); setText("Lighter Color: " + c2.toString()); }

See also:

• new Color(hexColor)
• new Color(rgbColor)
• new Color(redValue, greenValue, blueValue)
• Color.combine(...)
• Color.getDarker(...)
• Color.getHexCode()
• Color.getLighter(...)
• Color.getLuminance()
• Color.getOpposite()
• Color.getSafeColor()
• Color.setColor(...)
• Color.toString()