~~ Surprisingly Affordable and Technically Superior Websites ~~ twinkle star

Color Scheme Generator

This color scheme generator, based on Color Match 5K, shows 9 Harmonious Colors that work well together in a website.
There is a preview window to see how the color scheme choices will look within a Web page.

Directions:

  • Use the sliders below to choose a base color for the color scheme. The box shows the RGB value.
  • To change the Base Color to a Generated Color (1 thru 9), click on the Generated Color. New colors will be generated.
  • You can input a HEX color code to generate a new color scheme.
Base Color
Base Color
1
1
Base Color
Base Color
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0
000000
R: 0
G: 0
B: 0

This is a Sample Layout (h1)

For your Designing Pleasure (h2)

This is the link color and this is the hover color.

Color schemes are logical combinations of colors on the color wheel.

A monochromatic color scheme consists of different values of one color.

Also called harmonious colors, analagous color schemes are colors that are adjacent to each other on the color wheel. Some examples are green, light green, and yellow or red, orange and yellow.

Complementary colors are colors that are opposite each other on the color wheel, such as blue and orange, red and green, purple and yellow. These colors, when used side-by-side, make each other appear brighter. When they are mixed, they neutralize each other.

A split-complementary color scheme is a color scheme that includes a main color and the two colors on each side of its complementary (opposite) color on the color wheel.

A triadic color scheme consists of three colors, such as the basic triad of red, yellow and blue primaries.

Tetradic color scheme: Tetrads are any four colors with a logical relationship on the color wheel, such as double complements.

Send an eMail inquiry to or call 248-747-4750
use the Contact Form to request more information