渐变（Gradient）是两种或多种颜色之间平滑过渡的视觉效果，广泛用于网页设计中的背景、按钮、卡片、图标等元素。一个好的渐变配色可以显著提升设计的层次感和视觉吸引力。
现代浏览器（Chrome 90+、Firefox 85+、Safari 14+、Edge 90+）已全面支持线性、径向和锥形渐变，无需浏览器前缀。本工具生成的CSS代码可直接在生产环境使用。如果您需要支持非常老旧的浏览器，建议额外添加纯色回退背景。
渐变条纹（Color Banding）是当渐变色阶过渡不够平滑时出现的可见色带。原因可能包括：颜色节点位置过于接近、颜色差异太小、显示器色深限制。建议将颜色节点间距保持在至少10%以上，或者使用更多中间色节点来平滑过渡。深色渐变中色带问题更明显，可以尝试加入细微的噪点纹理来掩盖。
点击"添加颜色"按钮即可增加颜色节点，每个节点包含颜色选择和位置百分比（0%-100%）。建议：2个颜色节点适合简单的渐变；3个节点可创建更丰富的过渡效果（如日落配色：红→橙→紫）；超过5个节点可能导致过渡过于复杂，建议谨慎使用。您也可以使用随机配色功能获取灵感。
本工具支持HEX（十六进制色值，如#ff6b6b）和RGBA（红绿蓝透明度）格式。您可以通过颜色选择器直观选色，也可以直接输入色值。RGBA格式支持透明度设置，适合制作透明渐变遮盖效果。生成的CSS代码同时包含HEX和RGBA两种格式，方便您按需选用。
完全不会。本工具是纯前端应用，所有渐变计算、颜色渲染和CSS生成均在您的浏览器本地完成，没有任何数据上传。您可以放心在离线环境或者内网中使用，无需担心隐私问题。无需注册，无需登录，即开即用。