Color Spot Tables: tables of color swatches and color codes used in HTML and CSS

The Sixteen Named Colors

HTML 3.2 specifications identified sixteen color names for use in an HTML attribute. These have become "the sixteen named colors" that can be used by name to define color in HTML and now in Cascading Style Sheets.

This page shows tables of the sixteen colors with swatches specified by name, hexadecimal code, decimal code, percent, and HSL (hue, saturation, and light).

The Sixteen Named Colors Specified with Name
aqua
aqua
black
black
blue
blue
fuchsia
fuchsia
gray
gray
green
green
lime
lime
maroon
maroon
navy
navy
olive
olive
purple
purple
red
red
silver
silver
teal
teal
white
white
yellow
yellow

The Sixteen Named Colors Specified with Hexadecimal
aqua
#00FFFF
black
#000000
blue
#0000FF
fuchsia
#FF00FF
gray
#808080
green
#008000
lime
#00FF00
maroon
#800000
navy
#000080
olive
#808000
purple
#800080
red
#FF0000
silver
#C0C0C0
teal
#008080
white
#FFFFFF
yellow
#FFFF00

The Sixteen Named Colors Specified with Decimal in the style attribute
aqua
rgb(0,255,255)
black
rgb(0,0,0)
blue
rgb(0,0,255)
fuchsia
rgb(255,0,255)
gray
rgb(128,128,128)
green
rgb(0,128,0)
lime
rgb(0,255,0)
maroon
rgb(128,0,0)
navy
rgb(0,0,128)
olive
rgb(128,128,0)
purple
rgb(128,0,128)
red
rgb(255,0,0)
silver
rgb(192,192,192)
teal
rgb(0,128,128)
white
rgb(255,255,255)
yellow
rgb(255,255,0)

The Sixteen Named Colors Specified with Percent in the style attribute
aqua
rgb(0%,100%,100%)
black
rgb(0%,0%,0%)
blue
rgb(0%,0%,100%)
fuchsia
rgb(100%,0%,100%)
gray
rgb(50%,50%,50%)
green
rgb(0%,50%,0%)
lime
rgb(0%,100%,0%)
maroon
rgb(50%,0%,0%)
navy
rgb(0%,0%,50%)
olive
rgb(50%,50%,0%)
purple
rgb(50%,0%,50%)
red
rgb(100%,0%,0%)
silver
rgb(75%,75%,75%)
teal
rgb(0%,50%,50%)
white
rgb(100%,100%,100%)
yellow
rgb(100%,100%,0%)

The Sixteen Named Colors Specified with HSL (Hue, Saturation, Light) code in the style attribute (Note: not all browsers support this way of defining color.)
aqua
hsl(180,100%,50%)
black
hsl(0,0%,0%)
blue
hsl(240,100%,50%)
fuchsia
hsl(300,100%,50%)
gray
hsl(0,0%,50%)
green
hsl(120,100%,25%)
lime
hsl(120,100%,50%)
maroon
hsl(0,100%,25%)
navy
hsl(240,100%,25%)
olive
hsl(60,100%,25%)
purple
hsl(300,100%,25%)
red
hsl(0,100%,50%)
silver
hsl(0,0%,75%)
teal
hsl(180,100%,25%)
white
hsl(0,0%,100%)
yellow
hsl(60,100%,50%)
Save this page to any social bookmarking site! Share · search Search · store Market · star Directory
2017-06-27 · John December · Contact · Terms of Use © December Communications, Inc.