渐变色标数据表

色标是CSS渐变中的一个关键概念，它定义了渐变中某个具体位置的颜色。一个色标由颜色值和位置百分比组成（如 #FF0000 25%）。浏览器会在相邻色标之间自动进行颜色插值，从而创建平滑的渐变过渡。色标位置范围从0%（渐变起点）到100%（渐变终点）。

归一化是将原始数据值映射到0%-100%范围的过程。公式为：位置% = (值 - 最小值) / (最大值 - 最小值) × 100。例如数据[10, 50, 90]，归一化后变为[0%, 50%, 100%]。这样可以确保色标均匀分布在整个渐变范围内，使颜色映射更加合理。

RGB插值在红、绿、蓝三个通道上分别进行线性插值，计算简单高效，适合大多数场景。HSL插值在色相(Hue)、饱和度(Saturation)、亮度(Lightness)空间进行插值，色相采用最短路径原则（如从350°到10°只经过20°而非340°），产生的渐变往往更自然，尤其在跨越多种色调时表现更佳。对于数据可视化色标，推荐使用RGB插值以获得更直观的过渡。

线性渐变(linear-gradient)沿直线方向过渡，适合数据条、进度条、背景渐变、热力图色带等场景。径向渐变(radial-gradient)从中心向外辐射过渡，适合圆形图表、雷达图背景、聚光灯效果等。本工具两种类型均支持，您可以根据实际需求选择。

渐变色标在数据可视化中应用广泛：热力图使用色标将数值映射为颜色深浅；等值线图通过色标区分不同数值区域；仪表盘使用渐变色表示指标区间（如绿-黄-红表示安全-警告-危险）；数据表格条件格式可用渐变背景色突出数值大小。本工具生成的CSS代码可直接用于网页元素的背景样式。

本工具支持灵活的数值输入格式：可以使用逗号分隔（如10,25,40）、空格分隔（如10 25 40）、换行分隔（每行一个数值），或混合使用。支持整数和小数。至少需要2个数据点才能生成渐变。空值和无效字符会被自动过滤。建议数据点数量在2-50个之间以获得最佳效果。