HTML TUTORIALS

Online Tools: Color Tint & Shade Generator

The Color Tint and Shade Generator creates multiple lighter tints and darker shades from one or more colors. To begin, enter a HEX color code and select Get Your Code to display the results. You can enter several HEX codes separated by spaces to generate variations for multiple colors at the same time.

Select Random Color if you would like the tool to choose a color for you. Click any generated tint or shade to copy its HEX code directly to your clipboard. By default, the generator produces 10 tints and 10 shades for each selected color.

See Also:
Color Selector
Color Format Converter
px-pt-%-rem Units Calculator
HTML Editor
Color Palette Generator
CSS Gradient Tool