Peter Piper's Palette Picker

Instructions:
1. Click into one of the input boxes below, then pick your color choice from the color palette on the left, or enter a Hexadecimal (Hex) value of your own.
2. To change one of your color choices, click on the area within your composition that you'd like to change (or the related input box,) and select a new color from the color palette on the left.

FYI: Want to modify one of the hues selected from above? Hexadecimal values are [basically] RGB values. Increasing or decreasing the individual digits of the hue's hexadecimal number will provide a variation in your selected color. The first two digits designate the red value, the next two the green, and the last are blue values. "The lowest value that can be given to one of the light sources is 0 (hex #00). The highest value is 255 (hex #FF)."
Lowest to highest: 0 1 2 3 4 5 6 7 8 9 A B C D E F
Copy & paste these values into the input areas to view variations of red: #330000, #660000, #AA0000, #DD0000, #FF0000, #FF7777, & #FF3333.
For more information, see: http://www.w3schools.com/html/html_colorsfull.asp

** A bug has been FIXED—a hex value beginning with 'b' results in an incorrect entry. Use a capital 'B' and it works. Thanks to Wesley Bailey! It works again. :)
http://wesleybailey.com

Enter a hex color for the dominant color
Enter a hex color for the 1st sub-dominant color
Enter a hex color for the 2nd sub-dominant color
Enter a hex color for the 3rd sub-dominant color
Enter a hex color for the 4th sub-dominant color
Enter a hex color for the 1st accent color
Enter a hex color for the 2nd accent color

Practice Tasks:

Create a monochromatic or analogous composition
Create the illusion of overlapping/transparent hues
Create a composition using one of Itten's contrasts

Note: a special thank you to Eric Meyer for his permission to use (and modify) his code! This page was derived from his Color Blender.

<< return to previous page | continue tutorial >>