Calculators Converters Image Tools Text Tools Generators Developer Tools CSS Tools Color Tools Social Media Tools

Calculators Converters Image Tools Text Tools Generators Developer Tools CSS Tools Color Tools Social Media Tools

Language

🇬🇧English 🇩🇪Deutsch 🇯🇵日本語 🇪🇸Español 🇫🇷Français

Theme

Loading...

1MTools

200+ Free Online Tools

Tools

Calculators
Converters
Image Tools
Text Tools
Generators
Developer Tools
CSS Tools
Color Tools
Social Media Tools
other

Company

About
Privacy Policy
Terms of Service
Contact

© 2026 1M Tools. All rights reserved.

All Tools241

Home
Color Tools
Color Shades Generator - Generate Dark Shades of Any Color

Color Shades Generator - Generate Dark Shades of Any Color

Generate 10 darker shades of any base color using HSL color space

Color Tools

Tool

Base Color

HEX Value

Click any swatch to copy its HEX value to the clipboard.

How to Use

1Pick a base color using the color picker or enter a HEX code
2View 10 generated shades from darkest to lightest
3Click any swatch to copy its HEX value

Frequently Asked Questions

Shades are created by progressively reducing the lightness value in HSL color space, keeping the hue and saturation constant.

Shades are darker variations (lightness decreases toward black), while tints are lighter variations (lightness increases toward white).

Related Tools

Color Tints Generator - Generate Light Tints of Any Color

Color Mixer - Mix Two Colors with Custom Ratio

Color Picker - HEX, RGB & HSL Color Converter Online