Webcolor Toolbox 1.0

Color Palette Creator

© slayeroffice.com/free-color-picker.com

Blend top row with:
Blend bottom row with: select color
Base Color: select color
Base History:
 

This tool was inspired directly by the excellent Creating Color Palettes article by Andy Clarke.

It will create 10 shades of the base color, located top-left, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black (or colors of your choosing as of v1.4). The opacity values are 100% opaque, 75%, 50%, 25% and 10% on the top row. The bottom row begins at 85% rather than 100% and continues on as the first.

How to use it:

  • Type a valid six character hexidecimal value in the text box above or click on select color (Popup) to chose a color and hit the "ok" button.
  • Click the "random base" color to get a randomly generated base color.
  • Click any of the color swatches to set it as the new base color.
  • Select any color from the "Base History" drop down to re-set it as the base color.
  • To change the color the base color is blended with, change the hex value for the row and hit the "change" button. Default is white (FFFFFF) and black (000000).

Hit the "output hex" button to have the table below the palette display hexidecimal color values. Hit the "output RGB" button to display comma delimited RGB values.

Find matching colors for your web page

© www.dhtmlgoodies.com

Choose a primary color

Color options
R:
G:
B:
Color values
H:o
S:%
B:%
R:
G:
B:
#

Color schemes

No color selected