UD5工具箱
色彩专业术语
理解以下术语将帮助您更好地使用色调与色度生成器，并在日常设计工作中准确地表达和运用色彩概念。
Tint（色调/明调）
Tint是在基础颜色中逐渐加入白色而形成的颜色变体。随着白色比例的增加，颜色的亮度（Lightness）逐渐提升，饱和度（Saturation）相应降低，最终趋向纯白色。Tint系列色彩给人以轻盈、柔和、清新的视觉感受，在UI设计中常用于背景色、悬停状态、禁用状态、次要信息区域等需要降低视觉冲击力的场景。
Shade（色度/暗调）
Shade是在基础颜色中逐渐加入黑色而形成的颜色变体。随着黑色比例的增加，颜色的亮度逐渐降低，色相加深，最终趋向纯黑色。Shade系列色彩给人以沉稳、厚重、有力的视觉感受，在UI设计中常用于文字颜色、边框、阴影、按钮悬停态等需要增强视觉权重和层次感的场景。
Tone（色调/灰调）
Tone是在基础颜色中加入灰色（即同时加入黑色和白色）而形成的颜色变体。与Tint和Shade不同，Tone主要改变的是颜色的饱和度而非单纯的明度。Tone系列色彩通常显得更加沉稳内敛，适合用于不需要过高饱和度的辅助色或中性色设计中。虽然本工具专注于Tint和Shade的生成，但理解Tone的概念有助于建立完整的色彩变化认知。
色相（Hue）
色相是色彩的基本属性之一，表示颜色在色相环上的位置，通常用0°到360°的角度值表示。例如，红色对应0°（或360°），绿色对应120°，蓝色对应240°。色相决定了颜色的"种类"——是红、橙、黄、绿、蓝还是紫。在Tint和Shade的生成过程中，色相应保持基本不变，主要变化的是亮度和饱和度维度。
饱和度（Saturation）
饱和度表示颜色的鲜艳程度或纯度，范围从0%（完全无彩色，即灰色）到100%（完全饱和，即最鲜艳的纯色）。高饱和度的颜色鲜艳夺目，低饱和度的颜色则显得柔和内敛。在Tint生成过程中，随着白色的加入，饱和度通常会递减；在Shade生成过程中，随着黑色的加入，饱和度也会有所变化。饱和度是色彩三属性中影响视觉"活力"的关键因素。
亮度/明度（Lightness/Value）
亮度或明度表示颜色的明暗程度。在HSL色彩模型中，Lightness范围从0%（纯黑）到100%（纯白），50%为该色相的最大饱和色。在RGB模型中，Value通常通过三个通道的综合值来衡量。Tint系列的亮度逐渐趋向100%（白色），Shade系列的亮度逐渐趋向0%（黑色）。亮度是Tint/Shade渐变中最核心的变化维度。
RGB色彩空间
RGB色彩空间是基于红（Red）、绿（Green）、蓝（Blue）三原色加色混合原理的颜色模型。每个通道的数值范围为0-255，三个通道组合可以表示约1677万种颜色。RGB是屏幕显示设备（显示器、手机屏幕等）的原生色彩模型，本工具的线性插值计算正是在RGB空间中进行的。了解RGB模型有助于理解颜色值的具体含义和计算原理。
HSL色彩空间
HSL色彩空间以色相（Hue）、饱和度（Saturation）、亮度（Lightness）三个维度描述颜色，相比RGB更符合人类对颜色的直觉理解。色相用角度表示颜色种类，饱和度表示鲜艳程度，亮度表示明暗程度。HSL格式在CSS中广泛使用（如 hsl(207,70%,53%)），特别适合通过调整亮度和饱和度来生成Tint和Shade变体。
线性插值（Linear Interpolation）
线性插值是一种在两个已知值之间计算中间值的数学方法。在色彩生成中，线性插值指的是在基础色和目标色（纯白或纯黑）之间按比例计算中间色阶。假设步长为10%，第1个Tint色的每个RGB通道值 = 基础色通道值 + (255 - 基础色通道值) × 10%。线性插值确保了色阶之间的变化均匀自然，是本工具颜色计算的核心算法。
步长（Step）
步长是控制相邻色阶之间混合比例变化幅度的参数。步长越大，色阶之间的明度跳跃越明显；步长越小，过渡越平滑。例如，10%步长意味着每个色阶比前一个多混合10%的白色或黑色。步长的选择直接影响渐变色卡的视觉效果和适用场景，是使用本工具时最重要的调节参数之一。
HEX颜色代码
HEX颜色代码是网页设计中最常用的颜色表示法，以井号（#）开头，后跟6位十六进制数（0-9和A-F），每两位分别表示红、绿、蓝三个通道的值（00-FF）。例如 #3498DB 中，34是红色值（52），98是绿色值（152），DB是蓝色值（219）。HEX格式简洁紧凑，广泛用于CSS样式表、设计工具和各种Web开发场景中。
设计系统（Design System）
设计系统是一套完整的规范和组件库，用于确保产品在视觉和交互上的一致性。色彩体系是设计系统的核心组成部分之一，通常包含主色、辅助色、中性色及其各层级变体。色调与色度生成器正是构建设计系统色彩体系的高效工具——通过为主色生成完整的Tint/Shade色阶，可以快速建立标准化的色彩令牌（Color Tokens），为整个产品提供统一的色彩规范。