Question

I have a string from a texarea, now I want to find out if the string is one of the HTML color names here). I know I could simply compare my string to every single one, but that uses up quite some space and isn’t very good. Is there a function like maybe iscolorname(color)?
Or won’t I get around checking every single one?

Answer 1

This question offers some partial anwsers : Javascript function to convert color names to hex codes

A complete one : You could simply create an in memory canvas and do this :

if (suspectedColor.indexOf('(')>=0 || suspectedColor.indexOf('#')>=0) {
   // see http://www.w3.org/TR/2dcontext/#dom-context-2d-fillstyle
   isColorName = false;
} else {
    context.fillStyle = suspectedColor;
    isColorName = context.fillStyle!="#000000" ; // ok, I let as an exercice the check that colorName isn't black
}

It works because of this :

context . fillStyle [ = value ] Returns the current style used for
filling shapes.

Can be set, to change the fill style.

The style can be either a string containing a CSS color, or a
CanvasGradient or CanvasPattern object. Invalid values are ignored.

(from http://www.w3.org/TR/2dcontext/#dom-context-2d-fillstyle)