Color Play - Colored Glass

This page shows the interaction of various color transparencies, similar to using colored glass. These colors can be combined to make new colors.

These color squares are opaqueOpaque items do not allow any background to show through (opacity). on one edge, translucentTranslucent items have partial transparency. Some of the background can be seen, like looking through colored glass (translucency). in the middle, and transparentTransparent items are clear, like window glass (transparency). on the other edge. Each color has one square that fades toward the right, and one that fades toward the bottom.

Note: If the color squares do not vary gradually in color like this sample, this demo won't work with your browser.

Color squares may be moved by dragging with the mouse. Double-clicking will move a color square to the back.

• Move squares on top of each other, and change which is in front.
• Try different colors for the background.
• Try adding several different colors together.
• Add black or white to a color.

Background color: white black gray

Square size: small medium large

Other color pages are located here: Color Play