颜色工具
HEX / RGB / HSL 互转，自动生成 10 阶明暗色阶（做 Tailwind 色板很好用），一键复制。
>_ 使用指南 · GUIDE
输入任意格式的色值（HEX、RGB、HSL 均可识别），三种表示法实时互转，一键复制。亮点是自动生成 10 阶明暗色阶：从选定基色推导出从最深到最浅的完整梯度——给 Tailwind 配 blue-100 到 blue-900 色板、做设计系统的明暗层级时非常省事。
典型场景：设计稿标了 RGB、代码里要 HEX；写组件库需要一套完整色阶；调暗色模式时的衍生色。颜色换算纯数学运算，本地实时完成。
>_ 常见问题 · FAQ
Q1 · HEX、RGB、HSL 各适合什么场景？
HEX（#1E90FF）最紧凑，CSS 与设计工具通用；RGB（rgb(30,144,255)）便于程序化处理透明度（rgba）；HSL（hsl(210,100%,56%)）按「色相、饱和度、明度」思考，调同色系深浅最直观——只动 L 值就能得到一组和谐色阶。三者表达的颜色完全等价，按场景选即可。
Q2 · 色阶是怎么生成的？为什么比手动调好看？
以基色的色相为基础，在明度轴上按感知均匀的间距取 10 个点，饱和度随明暗微调避免两端发灰。手动调色阶容易「明度变了色相也跑了」，算法生成的梯度保持色相一致，视觉上更统一。生成后逐个复制或整组用于 Tailwind 配置。
Q3 · 为什么我转出来的色值和设计稿显示的颜色有细微差别？
常见原因是色彩配置文件（ICC）不同：设计稿按 sRGB 标定，显示器有色域映射，浏览器处理方式也有差异。色值本身（数学转换部分）是精确的；肉眼差异来自显示环节，跨设备核对请以色值为准而不是肉眼。
Q4 · 带透明度的颜色怎么表示？
HEX 支持 8 位写法（#1E90FF80 末两位为 alpha）；RGB 用 rgba(30,144,255,0.5)；HSL 用 hsla(...) 或 CSS rgb(... / 0.5) 新语法。本工具的色阶针对不透明色生成，需要透明度时在代码里追加 alpha 即可。