Color Shades Generator
Generate tints and shades of any color.
Base color
Shades (darker)
#2272f5
#0b63ef
#0a58d5
#094dba
#08429f
#063785
#052c6a
#042150
#031635
#010b1b
Tints (lighter)
#4e8ff7
#609af7
#71a5f8
#83b0f9
#95bcfa
#a6c7fb
#b8d2fc
#caddfc
#dce9fd
#edf4fe
Frequently Asked Questions
- Shades are created by adjusting the HSL lightness of the base color. Tints increase lightness (add white), shades decrease lightness (add black).
Related Tools
CSS Gradient GeneratorBuild linear and radial CSS gradients visuallyBox Shadow GeneratorCreate CSS box shadows with a live previewBorder Radius GeneratorGenerate CSS border-radius values visuallyFlexbox GeneratorBuild CSS flexbox layouts with a visual editorCSS Grid GeneratorBuild CSS grid layouts with a visual editorText Shadow GeneratorGenerate CSS text-shadow effects with live previewCSS Animation GeneratorCreate CSS keyframe animations with a live editorClip-Path GeneratorGenerate CSS clip-path polygon shapes visually