Skip to main content

Handy JavaScript object literal of basic and extended CSS colors by keyword.

/**
 * CSS basic and extended color reference.
 *
 * http://www.w3.org/TR/css3-color/
 *
 * @type {Object}
 */
var colors = {

    basic: {
        black:   { hex: "#000000", dec: "0,0,0" },
        silver:  { hex: "#C0C0C0", dec: "192,192,192" },
        gray:    { hex: "#808080", dec: "128,128,128" },
        white:   { hex: "#FFFFFF", dec: "255,255,255" },
        maroon:  { hex: "#800000", dec: "128,0,0" },
        red:     { hex: "#FF0000", dec: "255,0,0" },
        purple:  { hex: "#800080", dec: "128,0,128" },
        fuchsia: { hex: "#FF00FF", dec: "255,0,255" },
        green:   { hex: "#008000", dec: "0,128,0" },
        lime:    { hex: "#00FF00", dec: "0,255,0" },
        olive:   { hex: "#808000", dec: "128,128,0" },
        yellow:  { hex: "#FFFF00", dec: "255,255,0" },
        navy:    { hex: "#000080", dec: "0,0,128" },
        blue:    { hex: "#0000FF", dec: "0,0,255" },
        teal:    { hex: "#008080", dec: "0,128,128" },
        aqua:    { hex: "#00FFFF", dec: "0,255,255" }
    },

    extended: {
        aliceblue:             { hex: "#F0F8FF", dec: "240,248,255" },
        antiquewhite:          { hex: "#FAEBD7", dec: "250,235,215" },
        aqua:                  { hex: "#00FFFF", dec: "0,255,255" },
        aquamarine:            { hex: "#7FFFD4", dec: "127,255,212" },
        azure:                 { hex: "#F0FFFF", dec: "240,255,255" },
        beige:                 { hex: "#F5F5DC", dec: "245,245,220" },
        bisque:                { hex: "#FFE4C4", dec: "255,228,196" },
        black:                 { hex: "#000000", dec: "0,0,0" },
        blanchedalmond:        { hex: "#FFEBCD", dec: "255,235,205" },
        blue:                  { hex: "#0000FF", dec: "0,0,255" },
        blueviolet:            { hex: "#8A2BE2", dec: "138,43,226" },
        brown:                 { hex: "#A52A2A", dec: "165,42,42" },
        burlywood:             { hex: "#DEB887", dec: "222,184,135" },
        cadetblue:             { hex: "#5F9EA0", dec: "95,158,160" },
        chartreuse:            { hex: "#7FFF00", dec: "127,255,0" },
        chocolate:             { hex: "#D2691E", dec: "210,105,30" },
        coral:                 { hex: "#FF7F50", dec: "255,127,80" },
        cornflowerblue:        { hex: "#6495ED", dec: "100,149,237" },
        cornsilk:              { hex: "#FFF8DC", dec: "255,248,220" },
        crimson:               { hex: "#DC143C", dec: "220,20,60" },
        cyan:                  { hex: "#00FFFF", dec: "0,255,255" },
        darkblue:              { hex: "#00008B", dec: "0,0,139" },
        darkcyan:              { hex: "#008B8B", dec: "0,139,139" },
        darkgoldenrod:         { hex: "#B8860B", dec: "184,134,11" },
        darkgray:              { hex: "#A9A9A9", dec: "169,169,169" },
        darkgreen:             { hex: "#006400", dec: "0,100,0" },
        darkgrey:              { hex: "#A9A9A9", dec: "169,169,169" },
        darkkhaki:             { hex: "#BDB76B", dec: "189,183,107" },
        darkmagenta:           { hex: "#8B008B", dec: "139,0,139" },
        darkolivegreen:        { hex: "#556B2F", dec: "85,107,47" },
        darkorange:            { hex: "#FF8C00", dec: "255,140,0" },
        darkorchid:            { hex: "#9932CC", dec: "153,50,204" },
        darkred:               { hex: "#8B0000", dec: "139,0,0" },
        darksalmon:            { hex: "#E9967A", dec: "233,150,122" },
        darkseagreen:          { hex: "#8FBC8F", dec: "143,188,143" },
        darkslateblue:         { hex: "#483D8B", dec: "72,61,139" },
        darkslategray:         { hex: "#2F4F4F", dec: "47,79,79" },
        darkslategrey:         { hex: "#2F4F4F", dec: "47,79,79" },
        darkturquoise:         { hex: "#00CED1", dec: "0,206,209" },
        darkviolet:            { hex: "#9400D3", dec: "148,0,211" },
        deeppink:              { hex: "#FF1493", dec: "255,20,147" },
        deepskyblue:           { hex: "#00BFFF", dec: "0,191,255" },
        dimgray:               { hex: "#696969", dec: "105,105,105" },
        dimgrey:               { hex: "#696969", dec: "105,105,105" },
        dodgerblue:            { hex: "#1E90FF", dec: "30,144,255" },
        firebrick:             { hex: "#B22222", dec: "178,34,34" },
        floralwhite:           { hex: "#FFFAF0", dec: "255,250,240" },
        forestgreen:           { hex: "#228B22", dec: "34,139,34" },
        fuchsia:               { hex: "#FF00FF", dec: "255,0,255" },
        gainsboro:             { hex: "#DCDCDC", dec: "220,220,220" },
        ghostwhite:            { hex: "#F8F8FF", dec: "248,248,255" },
        gold:                  { hex: "#FFD700", dec: "255,215,0" },
        goldenrod:             { hex: "#DAA520", dec: "218,165,32" },
        gray:                  { hex: "#808080", dec: "128,128,128" },
        green:                 { hex: "#008000", dec: "0,128,0" },
        greenyellow:           { hex: "#ADFF2F", dec: "173,255,47" },
        grey:                  { hex: "#808080", dec: "128,128,128" },
        honeydew:              { hex: "#F0FFF0", dec: "240,255,240" },
        hotpink:               { hex: "#FF69B4", dec: "255,105,180" },
        indianred:             { hex: "#CD5C5C", dec: "205,92,92" },
        indigo:                { hex: "#4B0082", dec: "75,0,130" },
        ivory:                 { hex: "#FFFFF0", dec: "255,255,240" },
        khaki:                 { hex: "#F0E68C", dec: "240,230,140" },
        lavender:              { hex: "#E6E6FA", dec: "230,230,250" },
        lavenderblush:         { hex: "#FFF0F5", dec: "255,240,245" },
        lawngreen:             { hex: "#7CFC00", dec: "124,252,0" },
        lemonchiffon:          { hex: "#FFFACD", dec: "255,250,205" },
        lightblue:             { hex: "#ADD8E6", dec: "173,216,230" },
        lightcoral:            { hex: "#F08080", dec: "240,128,128" },
        lightcyan:             { hex: "#E0FFFF", dec: "224,255,255" },
        lightgoldenrodyellow:  { hex: "#FAFAD2", dec: "250,250,210" },
        lightgray:             { hex: "#D3D3D3", dec: "211,211,211" },
        lightgreen:            { hex: "#90EE90", dec: "144,238,144" },
        lightgrey:             { hex: "#D3D3D3", dec: "211,211,211" },
        lightpink:             { hex: "#FFB6C1", dec: "255,182,193" },
        lightsalmon:           { hex: "#FFA07A", dec: "255,160,122" },
        lightseagreen:         { hex: "#20B2AA", dec: "32,178,170" },
        lightskyblue:          { hex: "#87CEFA", dec: "135,206,250" },
        lightslategray:        { hex: "#778899", dec: "119,136,153" },
        lightslategrey:        { hex: "#778899", dec: "119,136,153" },
        lightsteelblue:        { hex: "#B0C4DE", dec: "176,196,222" },
        lightyellow:           { hex: "#FFFFE0", dec: "255,255,224" },
        lime:                  { hex: "#00FF00", dec: "0,255,0" },
        limegreen:             { hex: "#32CD32", dec: "50,205,50" },
        linen:                 { hex: "#FAF0E6", dec: "250,240,230" },
        magenta:               { hex: "#FF00FF", dec: "255,0,255" },
        maroon:                { hex: "#800000", dec: "128,0,0" },
        mediumaquamarine:      { hex: "#66CDAA", dec: "102,205,170" },
        mediumblue:            { hex: "#0000CD", dec: "0,0,205" },
        mediumorchid:          { hex: "#BA55D3", dec: "186,85,211" },
        mediumpurple:          { hex: "#9370DB", dec: "147,112,219" },
        mediumseagreen:        { hex: "#3CB371", dec: "60,179,113" },
        mediumslateblue:       { hex: "#7B68EE", dec: "123,104,238" },
        mediumspringgreen:     { hex: "#00FA9A", dec: "0,250,154" },
        mediumturquoise:       { hex: "#48D1CC", dec: "72,209,204" },
        mediumvioletred:       { hex: "#C71585", dec: "199,21,133" },
        midnightblue:          { hex: "#191970", dec: "25,25,112" },
        mintcream:             { hex: "#F5FFFA", dec: "245,255,250" },
        mistyrose:             { hex: "#FFE4E1", dec: "255,228,225" },
        moccasin:              { hex: "#FFE4B5", dec: "255,228,181" },
        navajowhite:           { hex: "#FFDEAD", dec: "255,222,173" },
        navy:                  { hex: "#000080", dec: "0,0,128" },
        oldlace:               { hex: "#FDF5E6", dec: "253,245,230" },
        olive:                 { hex: "#808000", dec: "128,128,0" },
        olivedrab:             { hex: "#6B8E23", dec: "107,142,35" },
        orange:                { hex: "#FFA500", dec: "255,165,0" },
        orangered:             { hex: "#FF4500", dec: "255,69,0" },
        orchid:                { hex: "#DA70D6", dec: "218,112,214" },
        palegoldenrod:         { hex: "#EEE8AA", dec: "238,232,170" },
        palegreen:             { hex: "#98FB98", dec: "152,251,152" },
        paleturquoise:         { hex: "#AFEEEE", dec: "175,238,238" },
        palevioletred:         { hex: "#DB7093", dec: "219,112,147" },
        papayawhip:            { hex: "#FFEFD5", dec: "255,239,213" },
        peachpuff:             { hex: "#FFDAB9", dec: "255,218,185" },
        peru:                  { hex: "#CD853F", dec: "205,133,63" },
        pink:                  { hex: "#FFC0CB", dec: "255,192,203" },
        plum:                  { hex: "#DDA0DD", dec: "221,160,221" },
        powderblue:            { hex: "#B0E0E6", dec: "176,224,230" },
        purple:                { hex: "#800080", dec: "128,0,128" },
        red:                   { hex: "#FF0000", dec: "255,0,0" },
        rosybrown:             { hex: "#BC8F8F", dec: "188,143,143" },
        royalblue:             { hex: "#4169E1", dec: "65,105,225" },
        saddlebrown:           { hex: "#8B4513", dec: "139,69,19" },
        salmon:                { hex: "#FA8072", dec: "250,128,114" },
        sandybrown:            { hex: "#F4A460", dec: "244,164,96" },
        seagreen:              { hex: "#2E8B57", dec: "46,139,87" },
        seashell:              { hex: "#FFF5EE", dec: "255,245,238" },
        sienna:                { hex: "#A0522D", dec: "160,82,45" },
        silver:                { hex: "#C0C0C0", dec: "192,192,192" },
        skyblue:               { hex: "#87CEEB", dec: "135,206,235" },
        slateblue:             { hex: "#6A5ACD", dec: "106,90,205" },
        slategray:             { hex: "#708090", dec: "112,128,144" },
        slategrey:             { hex: "#708090", dec: "112,128,144" },
        snow:                  { hex: "#FFFAFA", dec: "255,250,250" },
        springgreen:           { hex: "#00FF7F", dec: "0,255,127" },
        steelblue:             { hex: "#4682B4", dec: "70,130,180" },
        tan:                   { hex: "#D2B48C", dec: "210,180,140" },
        teal:                  { hex: "#008080", dec: "0,128,128" },
        thistle:               { hex: "#D8BFD8", dec: "216,191,216" },
        tomato:                { hex: "#FF6347", dec: "255,99,71" },
        turquoise:             { hex: "#40E0D0", dec: "64,224,208" },
        violet:                { hex: "#EE82EE", dec: "238,130,238" },
        wheat:                 { hex: "#F5DEB3", dec: "245,222,179" },
        white:                 { hex: "#FFFFFF", dec: "255,255,255" },
        whitesmoke:            { hex: "#F5F5F5", dec: "245,245,245" },
        yellow:                { hex: "#FFFF00", dec: "255,255,0" },
        yellowgreen:           { hex: "#9ACD32", dec: "154,205,50" }
    }

};