Color Variants Generator is a professional design assistant tool used to quickly expand a single "base color" into a complete **monochromatic color scheme**.

Core Concepts：

• Light Shades (Tints): refer to a series of lighter, brighter colors created by mixing varying proportions of **white** into your base color. They are typically used for backgrounds, highlights, or disabled states.
• Dark Shades (Shades): refer to a series of deeper, darker colors created by mixing varying proportions of **black** into your base color. They are commonly used for text, borders, and button hover or active states.