你可能会说
帮我把页面改成渐变色风格。
颜色从一种平滑过渡到另一种。
颜色从一种平滑过渡到另一种。可以是线性渐变、径向渐变、锥形渐变。让界面更有层次和活力。
生活类比
像日落时的天空——从橙红渐变到紫蓝，比单一颜色更有氛围感。
🎮 动手试试
关于「渐变色」，以下哪个描述最准确？
你可以这样告诉 AI
帮我把页面 Hero 区背景做成渐变：从深紫 #6B21A8 线性过渡到亮粉 #EC4899，角度 135 度，再加一层微妙的径向渐变做高光，像 Stripe 官网那种感觉。
纯色是单一颜色；渐变色是多个颜色之间的平滑过渡，由一组颜色值连续变化而来。
品牌视觉和 Hero 区域
用渐变做大标题、按钮、背景的视觉焦点——Spotify 的绿紫渐变、Instagram 的彩虹渐变都是经典案例。渐变让扁平界面产生纵深和情绪。
和 AI 协作时
想让 AI 做渐变效果，直接说「用 CSS gradient 做背景/按钮/文字渐变：从 #颜色1 到 #颜色2，线性/径向方向，指定角度和色标位置」。
大段正文排版
渐变色文字在段落中可读性极差——人眼扫读需要稳定的前景色。渐变只适合装饰性文字如标题和按钮，正文用纯色才是正解。
与纯数据展示项目无关
图表、报表需要中性背景避免干扰数据感知，渐变的色彩变化会增加不必要的视觉噪音，纯色或浅灰背景更合适。
颜色从一种平滑过渡到另一种。可以是线性渐变、径向渐变、锥形渐变。让界面更有层次和活力。
像日落时的天空——从橙红渐变到紫蓝，比单一颜色更有氛围感。
和 AI 沟通时提到「背景用渐变色」，它会写 `background: linear-gradien