Generate Your Own Custom Hex Colors

1. On the tool below, drag the cursor on the "Hue" selector (right side) to generate the desired base color. 
If you're on a touch-screen device (iPad, etc.), use your finger to select the colors. On smaller devices (smartphones) make sure you are in Landscape modeinstead of Portrait.
2. Next click inside the Brightness/Saturation grid to activate the cursor.  Drag it until the desired brightness is achieved. 
The "Swatch" bar at the bottom of the tool shows you the final color result.
3. The hex color code is generated at the bottom of the grid in the "Hex" box.  Simply copy and paste the code into your page.

Choose Color

  
     
 
 
  
 
 
Next...Choose a Color Scheme!
Now you can build a color scheme for your site.
Once you have your hex color value from the chart above, copy and paste it (without the #) into the form below the color wheel and it will generate a matching color scheme for your website.
This is a great tool to use if you're trying to come up with cohesive colors for your navigation, background, hyperlinks, etc.
Remember, it's best to choose 3-4 colors max and use them consistently throughout your website. It will make it look more cohesive.

Related Shades





Insert the hex code(without '#') below

Popular Hex Colors

#FFFFFF 
#000000 
#C0C0C0 
#808080 
#FF0000 
#F0A804 
#FFFF00 
#008000 
#0000FF 
#800080 
This page was last updated April 6, 2015.
If you liked this, please share. Thanks!