Welcome to Color Generate!

Color Generate seeks to help designers and artists create and visualize different palettes for any project they may have. Utilizing randomization as well as manual editing, users can form palettes whether they have some ideas or none at all. With a clean, playful aesthetic, Color Generate provides a space to see colors without overwhelming distractions.

How Color Works, Digitally (Hex and RGB Codes)

Each color is assigned a Hex and RGB code. Both consider the amount of red, green, and blue that make up each color, but present these ratios in a different way. Hex codes begin with a # and include 6 characters. Each character is either a number from 0-9 or a letter from A-F. The first two characters signify the amount of red content, the second two green content, and the last two blue. The closer the chracter is to F, the greater the red, green, or blue content. The closer to 0, the less. For example, bright red is #FF0000. Pink would be #FF00FF. A light orange is #FFA500. Black would be listed as #000000 and white as #FFFFFF.

RGB codes consist of three distinct numbers, each ranging from 0-255. The first number identifies to the amount of red content, the second number the amount of green, and the third blue. This means, a color with a code "0, 255, 0" will be dark blue. "150, 0, 255" creates a shade of purple. To see how these color codes work, check out Google's color picker here.

Using Random Mode

Random Mode generates colors, not surprisingly, randomly. Using javascript to select three random numbers from 0-255 for the RGB code of each generated color, Random Mode uses the luck of chance to display five different colors with their Hex codes. Use this mode to stimulate ideas and compare unique, unlikely groupings of color. Try Random Mode here.

Using Create Mode

Create Mode allows users to generate colors one by one, then manipulate the results. If a color appears that may look nicer a little lighter or darker, users can alter the red, green, and blue content to achieve desired results. Users can also input Hex codes to select or change specific hues. Take unfinished ideas and visualize them on-screen with Create Mode.

Using Pre-Set Mode

Pre-Set Mode supplies a long list of pre-made palettes, providing users with preliminary ideas that have been purposefully, rather than randomly, created. Pre-set palettes include monochrome selections of various colors, primary/secondary/tertiary color groupings, and complementary/analogous pairings. These colors can be edited and rearranged in Create Mode through the Hex code input selection. Explore color theory-based palettes in Pre-Set Mode.