• home
  • forum
  • my
  • kt
  • download
  • CSS3 Color Names

    Author: 2009-04-14 09:18:27 From:

    Color names also known as color keywords, named colors and named color keywords in which their is 147 color names that are defined in the CSS3 color specification. Now the 147 color names also include the 17 standard color names. All 147 color names where taken from the X Windows Systems, X color names, which has been in use for many and I mean many years. So the 147 color names even though they are not the standard are likely to be very well supported.

    The color name gray can be spelled with an 'e' as in grey but Internet Explorer (IE) will not recognize the color names with the word grey spelled with an 'e', it will only recognize the color names with the word gray spelled with an 'a' just to let you know. So Internet Explorer (IE) only has 140 color names in the CSS3 color specification instead of the 147.

    Now let me show you all 147 color names and their values in alphabetical order.

    NameHexadecimalPercentageIntegerShort HexExample
    aliceblue#f0f8ffrgb(94.1%,96.9%,100%)rgb(240,248,255) Color Example
    antiquewhite#faebd7rgb(98%,92.2%,84.3%)rgb(250,235,215) Color Example
    aqua#00ffffrgb(0%,100%,100%)rgb(0,255,255)#0ffColor Example
    aquamarine#7fffd4rgb(49.8%,100%,83.1%)rgb(127,255,212) Color Example
    azure#f0ffffrgb(94.1%,100%,100%)rgb(240,255,255) Color Example
    beige#f5f5dcrgb(96.1%,96.1%,86.3%)rgb(245,245,220) Color Example
    bisque#ffe4c4rgb(100%,89.4%,76.9%)rgb(255,228,196) Color Example
    black#000000rgb(0%,0%,0%)rgb(0,0,0)#000Color Example
    blanchedalmond#ffebcdrgb(100%,92.2%,80.4%)rgb(255,235,205) Color Example
    blue#0000ffrgb(0%,0%,100%)rgb(0,0,255)#00fColor Example
    blueviolet#8a2be2rgb(54.1%,16.9%,88.6%)rgb(138,43,226) Color Example
    brown#a52a2argb(64.7%,16.5%,16.5%)rgb(165,42,42) Color Example
    burlywood#deb887rgb(87.1%,72.2%,52.9%)rgb(222,184,135) Color Example
    cadetblue#5f9ea0rgb(37.3%,62%,62.7%)rgb(95,158,160) Color Example
    chartreuse#7fff00rgb(49.8%,100%,0%)rgb(127,255,0) Color Example
    chocolate#d2691ergb(82.4%,41.1%,11.8%)rgb(210,105,30) Color Example
    coral#ff7f50rgb(100%,49.8%,31.4%)rgb(255,127,80) Color Example
    cornflowerblue#6495edrgb(39.2%,58.4%,92.9%)rgb(100,149,237) Color Example
    cornsilk#fff8dcrgb(100%,97.3%,86.3%)rgb(255,248,220) Color Example
    crimson#dc143crgb(86.3%,7.8%,23.5%)rgb(220,20,60) Color Example
    cyan#00ffffrgb(0%,100%,100%)rgb(0,255,255)#0ffColor Example
    darkblue#00008brgb(0%,0%,54.5%)rgb(0,0,139) Color Example
    darkcyan#008b8brgb(0%,54.5%,54.5%)rgb(0,139,139) Color Example
    darkgoldenrod#b8860brgb(72.2%,52.5%,4.3%)rgb(184,134,11) Color Example
    darkgray#a9a9a9rgb(66.3%,66.3%,66.3%)rgb(169,169,169) Color Example
    darkgreen#006400rgb(0%,39.2%,0%)rgb(0,100,0) Color Example
    darkgrey#a9a9a9rgb(66.3%,66.3%,66.3%)rgb(169,169,169) Color Example
    darkkhaki#bdb76brgb(74.1%,71.8%,42%)rgb(189,183,107) Color Example
    darkmagenta#8b008brgb(54.5%,0%,54.5%)rgb(139,0,139) Color Example
    darkolivegreen#556b2frgb(33.3%,42%,18.4%)rgb(85,107,47) Color Example
    darkorange#ff8c00rgb(100%,54.9%,0%)rgb(255,140,0) Color Example
    darkorchid#9932ccrgb(60%,19.6%,80%)rgb(153,50,204) Color Example
    darkred#8b0000rgb(54.5%,0%,0%)rgb(139,0,0) Color Example
    darksalmon#e9967argb(91.4%,58.8%,47.8%)rgb(233,150,122) Color Example
    darkseagreen#8fbc8frgb(56.1%,73.7%,56.1%)rgb(143,188,143) Color Example
    darkslateblue#483d8brgb(28.2%,23.9%,54.5%)rgb(72,61,139) Color Example
    darkslategray#2f4f4frgb(18.4%,31%,31%)rgb(47,79,79) Color Example
    darkslategrey#2f4f4frgb(18.4%,31%,31%)rgb(47,79,79) Color Example
    darkturquoise#00ced1rgb(0%,80.8%,82%)rgb(0,206,209) Color Example
    darkviolet#9400d3rgb(58%,0%,82.7%)rgb(148,0,211) Color Example
    deeppink#ff1493rgb(100%,7.8%,57.6%)rgb(255,20,147) Color Example
    deepskyblue#00bfffrgb(0%,74.9%,100%)rgb(0,191,255) Color Example
    dimgray#696969rgb(41.1%,41.1%,41.1%)rgb(105,105,105) Color Example
    dimgrey#696969rgb(41.1%,41.1%,41.1%)rgb(105,105,105) Color Example
    dodgerblue#1e90ffrgb(11.8%,56.5%,100%)rgb(30,144,255) Color Example
    firebrick#b22222rgb(69.8%,13.3%,13.3%)rgb(178,34,34) Color Example
    floralwhite#fffaf0rgb(100%,98%,94.1%)rgb(255,250,240) Color Example
    forestgreen#228b22rgb(13.3%,54.5%,13.3%)rgb(34,139,34) Color Example
    fuchsia#ff00ffrgb(100%,0%,100%)rgb(255,0,255)#f0fColor Example
    gainsboro#dcdcdcrgb(86.3%,86.3%,86.3%)rgb(220,220,220) Color Example
    ghostwhite#f8f8ffrgb(97.3%,97.3%,100%)rgb(248,248,255) Color Example
    gold#ffd700rgb(100%,84.3%,0%)rgb(255,215,0) Color Example
    goldenrod#daa520rgb(85.5%,64.7%,12.5%)rgb(218,165,32) Color Example
    gray#808080rgb(50.2%,50.2%,50.2%)rgb(128,128,128) Color Example
    green#008000rgb(0%,50.2%,0%)rgb(0,128,0) Color Example
    greenyellow#adff2frgb(67.8%,100%,18.4%)rgb(173,255,47) Color Example
    grey#808080rgb(50.2%,50.2%,50.2%)rgb(128,128,128) Color Example
    honeydew#f0fff0rgb(94.1%,100%,94.1%)rgb(240,255,240) Color Example
    hotpink#ff69b4rgb(100%,41.1%,70.6%)rgb(255,105,180) Color Example
    indianred#cd5c5crgb(80.4%,36%,36%)rgb(205,92,92) Color Example
    indigo#4b0082rgb(29.4%,0%,51%)rgb(75,0,130) Color Example
    ivory#fffff0rgb(100%,100%,94.1%)rgb(255,255,240) Color Example
    khaki#f0e68crgb(94.1%,90.2%,54.9%)rgb(240,230,140) Color Example
    lavender#e6e6fargb(90.2%,90.2%,98%)rgb(230,230,250) Color Example
    lavenderblush#fff0f5rgb(100%,94.1%,96.1%)rgb(255,240,245) Color Example
    lawngreen#7cfc00rgb(48.6%,98.8%,0%)rgb(124,252,0) Color Example
    lemonchiffon#fffacdrgb(100%,98%,80.4%)rgb(255,250,205) Color Example
    lightblue#add8e6rgb(67.8%,84.7%,90.2%)rgb(173,216,230) Color Example
    lightcoral#f08080rgb(94.1%,50.2%,50.2%)rgb(240,128,128) Color Example
    lightcyan#e0ffffrgb(87.8%,100%,100%)rgb(224,255,255) Color Example
    lightgoldenrodyellow#fafad2rgb(98%,98%,82.4%)rgb(250,250,210) Color Example
    lightgray#d3d3d3rgb(82.7%,82.7%,82.7%)rgb(211,211,211) Color Example
    lightgreen#90ee90rgb(56.5%,93.3%,56.5%)rgb(144,238,144) Color Example
    lightgrey#d3d3d3rgb(82.7%,82.7%,82.7%)rgb(211,211,211) Color Example
    lightpink#ffb6c1rgb(100%,71.4%,75.7%)rgb(255,182,193) Color Example
    lightsalmon#ffa07argb(100%,62.7%,47.8%)rgb(255,160,122) Color Example
    lightseagreen#20b2aargb(12.5%,69.8%,66.7%)rgb(32,178,170) Color Example
    lightskyblue#87cefargb(52.9%,80.8%,98%)rgb(135,206,250) Color Example
    lightslategray#778899rgb(46.7%,53.3%,60%)rgb(119,136,153)#789Color Example
    lightslategrey#778899rgb(46.7%,53.3%,60%)rgb(119,136,153)#789Color Example
    lightsteelblue#b0c4dergb(69%,76.9%,87.1%)rgb(176,196,222) Color Example
    lightyellow#ffffe0rgb(100%,100%,87.8%)rgb(255,255,224) Color Example
    lime#00ff00rgb(0%,100%,0%)rgb(0,255,0)#0f0Color Example
    limegreen#32cd32rgb(19.6%,80.4%,19.6%)rgb(50,205,50) Color Example
    linen#faf0e6rgb(98%,94.1%,90.2%)rgb(250,240,230) Color Example
    magenta#ff00ffrgb(100%,0%,100%)rgb(255,0,255)#f0fColor Example
    maroon#800000rgb(50.2%,0%,0%)rgb(128,0,0) Color Example
    mediumaquamarine#66cdaargb(40%,80.4%,66.7%)rgb(102,205,170) Color Example
    mediumblue#0000cdrgb(0%,0%,80.4%)rgb(0,0,205) Color Example
    mediumorchid#ba55d3rgb(72.9%,33.3%,82.7%)rgb(186,85,211) Color Example
    mediumpurple#9370dbrgb(57.6%,43.9%,85.9%)rgb(147,112,219) Color Example
    mediumseagreen#3cb371rgb(23.5%,70.2%,44.3%)rgb(60,179,113) Color Example
    mediumslateblue#7b68eergb(48.2%,40.8%,93.3%)rgb(123,104,238) Color Example
    mediumspringgreen#00fa9argb(0%,98%,60.4%)rgb(0,250,154) Color Example
    mediumturquoise#48d1ccrgb(28.2%,82%,80%)rgb(72,209,204) Color Example
    mediumvioletred#c71585rgb(78%,8.2%,52.2%)rgb(199,21,133) Color Example
    midnightblue#191970rgb(9.8%,9.8%,43.9%)rgb(25,25,112) Color Example
    mintcream#f5fffargb(96.1%,100%,98%)rgb(245,255,250) Color Example
    mistyrose#ffe4e1rgb(100%,89.4%,88.2%)rgb(255,228,225) Color Example
    moccasin#ffe4b5rgb(100%,89.4%,71%)rgb(255,228,181) Color Example
    navajowhite#ffdeadrgb(100%,87.1%,67.8%)rgb(255,222,173) Color Example
    navy#000080rgb(0%,0%,50.2%)rgb(0,0,128) Color Example
    oldlace#fdf5e6rgb(99.2%,96.1%,90.2%)rgb(253,245,230) Color Example
    olive#808000rgb(50.2%,50.2%,0%)rgb(128,128,0) Color Example
    olivedrab#6b8e23rgb(42%,55.7%,13.7%)rgb(107,142,35) Color Example
    orange#ffa500rgb(100%,64.7%,0%)rgb(255,165,0) Color Example
    orangered#ff4500rgb(100%,27.1%,0%)rgb(255,69,0) Color Example
    orchid#da70d6rgb(85.5%,43.9%,83.9%)rgb(218,112,214) Color Example
    palegoldenrod#eee8aargb(93.3%,91%,66.7%)rgb(238,232,170) Color Example
    palegreen#98fb98rgb(59.6%,98.4%,59.6%)rgb(152,251,152) Color Example
    paleturquoise#afeeeergb(68.6%,93.3%,93.3%)rgb(175,238,238) Color Example
    palevioletred#db7093rgb(85.9%,43.9%,57.6%)rgb(219,112,147) Color Example
    papayawhip#ffefd5rgb(100%,93.7%,83.5%)rgb(255,239,213) Color Example
    peachpuff#ffdab9rgb(100%,85.5%,72.5%)rgb(255,218,185) Color Example
    peru#cd853frgb(80.4%,52.2%,24.7%)rgb(205,133,63) Color Example
    pink#ffc0cbrgb(100%,75.3%,79.6%)rgb(255,192,203) Color Example
    plum#dda0ddrgb(86.7%,62.7%,86.7%)rgb(221,160,221) Color Example
    powderblue#b0e0e6rgb(69%,87.8%,90.2%)rgb(176,224,230) Color Example
    purple#800080rgb(50.2%,0%,50.2%)rgb(128,0,128) Color Example
    red#ff0000rgb(100%,0%,0%)rgb(255,0,0)#f00Color Example
    rosybrown#bc8f8frgb(73.7%,56.1%,56.1%)rgb(188,143,143) Color Example
    royalblue#4169e1rgb(25.5%,41.1%,100%)rgb(65,105,225) Color Example
    saddlebrown#8b4513rgb(54.5%,27.1%,7.5%)rgb(139,69,19) Color Example
    salmon#fa8072rgb(98%,50.2%,44.7%)rgb(250,128,114) Color Example
    sandybrown#f4a460rgb(95.7%,64.3%,37.6%)rgb(244,164,96) Color Example
    seagreen#2e8b57rgb(18%,54.5%,34.1%)rgb(46,139,87) Color Example
    seashell#fff5eergb(100%,96.1%,93.3%)rgb(255,245,238) Color Example
    sienna#a0522drgb(62.7%,32.2%,17.6%)rgb(160,82,45) Color Example
    silver#c0c0c0rgb(75.3%,75.3%,75.3%)rgb(192,192,192) Color Example
    skyblue#87ceebrgb(52.9%,80.8%,92.2%)rgb(135,206,235) Color Example
    slateblue#6a5acdrgb(41.6%,35.3%,80.4%)rgb(106,90,205) Color Example
    slategray#708090rgb(43.9%,50.2%,56.5%)rgb(112,128,144) Color Example
    slategrey#708090rgb(43.9%,50.2%,56.5%)rgb(112,128,144) Color Example
    snow#fffafargb(100%,98%,98%)rgb(255,250,250) Color Example
    springgreen#00ff7frgb(0%,100%,49.8%)rgb(0,255,127) Color Example
    steelblue#4682b4rgb(27.5%,51%,70.6%)rgb(70,130,180) Color Example
    tan#d2b48crgb(82.4%,70.6%,54.9%)rgb(210,180,140) Color Example
    teal#008080rgb(0%,50.2%,50.2%)rgb(0,128,128) Color Example
    thistle#d8bfd8rgb(84.7%,74.9%,84.7%)rgb(216,191,216) Color Example
    tomato#ff6347rgb(100%,38.8%%,27.8%)rgb(255,99,71) Color Example
    turquoise#40e0d0rgb(25.1%,87.7%,81.6%)rgb(64,224,208) Color Example
    violet#ee82eergb(93.3%,51%,93.3%)rgb(238,130,238) Color Example
    wheat#f5deb3rgb(96.1%,87.1%,70.2%)rgb(245,222,179) Color Example
    white#ffffffrgb(100%,100%,100%)rgb(255,255,255)#fffColor Example
    whitesmoke#f5f5f5rgb(96.1%,96.1%,96.1%)rgb(245,245,245) Color Example
    yellow#ffff00rgb(100%,100%,0%)rgb(255,255,0)#ff0Color Example
    yellowgreen#9acd32rgb(60.4%,80.4%,19.6%)rgb(154,205,50) Color Example

    discuss this topic to forum

    relation tutorial

    No information

    Category

      CSS (265)

    New

    Hot