RBGA Percent Color Codes

Percent Red, Green, Blue, and Opacity Color Codes

This page demonstrates the percent representation of color of the form rgba(R%,G%,B%,a), where R, G, and B are the decimal values for the red, green, and blue values of the color on the range 0 to 100 and a is the opacity of the color (a = 0 = transparent; a = 1 = opaque). As of May 2004, I don't know of any Web browser that displays colors by this definition method. For example, the color with values 60% for red, 76% for green, and 88% for blue and which has an opacity of 0.5 (semi-transparent) is rgba(60%,76%,88%,0.5). This is just one of the ways you can define colors in HTML attributes and in Cascading Style Sheets; you can use a quick reference table to help you choose from among the many color tables available.

The color list below demonstrates these RBGA codes. Where the swatch square is blank, that means your browser does not display colors defined by this method.

Color Name	rgb(R%,G%,B%)	Swatch	rgba(R%,G%,B%,a) Swatches
rgb(R,G,B)	a = 1.0	a = 0.9	a = 0.8	a = 0.7	a = 0.6	a = 0.5	a = 0.4	a = 0.3	a = 0.2	a = 0.1	a = 0.0
black	rgb(0%,0%,0%)	text	text	text	text	text	text	text	text	text	text	text	text
navy	rgb(0%,0%,50%)	text	text	text	text	text	text	text	text	text	text	text	text
blue	rgb(0%,0%,100%)	text	text	text	text	text	text	text	text	text	text	text	text
green	rgb(0%,50%,0%)	text	text	text	text	text	text	text	text	text	text	text	text
teal	rgb(0%,50%,50%)	text	text	text	text	text	text	text	text	text	text	text	text
lime	rgb(0%,100%,0%)	text	text	text	text	text	text	text	text	text	text	text	text
aqua	rgb(0%,100%,100%)	text	text	text	text	text	text	text	text	text	text	text	text
maroon	rgb(50%,0%,0%)	text	text	text	text	text	text	text	text	text	text	text	text
purple	rgb(50%,0%,50%)	text	text	text	text	text	text	text	text	text	text	text	text
olive	rgb(50%,50%,0%)	text	text	text	text	text	text	text	text	text	text	text	text
gray	rgb(50%,50%,50%)	text	text	text	text	text	text	text	text	text	text	text	text
silver	rgb(75%,75%,75%)	text	text	text	text	text	text	text	text	text	text	text	text
red	rgb(100%,0%,0%)	text	text	text	text	text	text	text	text	text	text	text	text
fuchsia	rgb(100%,0%,100%)	text	text	text	text	text	text	text	text	text	text	text	text
yellow	rgb(100%,100%,0%)	text	text	text	text	text	text	text	text	text	text	text	text
white	rgb(100%,100%,100%)	text	text	text	text	text	text	text	text	text	text	text	text

Color Name

rgb(R%,G%,B%)

Swatch

rgba(R%,G%,B%,a) Swatches

rgb(R,G,B)

a = 1.0

a = 0.9

a = 0.8

a = 0.7

a = 0.6

a = 0.5

a = 0.4

a = 0.3

a = 0.2

a = 0.1

a = 0.0

black

rgb(0%,0%,0%)

text

navy

rgb(0%,0%,50%)

text

blue

rgb(0%,0%,100%)

text

green

rgb(0%,50%,0%)

text

teal

rgb(0%,50%,50%)

text

lime

rgb(0%,100%,0%)

text

aqua

rgb(0%,100%,100%)

text

maroon

rgb(50%,0%,0%)

text

purple

rgb(50%,0%,50%)

text

olive

rgb(50%,50%,0%)

text

gray

rgb(50%,50%,50%)

text

silver

rgb(75%,75%,75%)

text

red

rgb(100%,0%,0%)

text

fuchsia

rgb(100%,0%,100%)

text

yellow

rgb(100%,100%,0%)

text

white

rgb(100%,100%,100%)

text