Tints and Shades Generator

Enter any hex code to get lighter tints and darker shades you can copy instantly, or start from a theme below. New to the theory? Read a full guide to tints and shades, browse the color library (with the full Tailwind palette), or convert values with our hex to RGB converter.

More tools: tint & shade generator · tint generator · shade generator · lighten a color · darken a color · contrast checker · RGB to hex · tint percentage chart