色值转换

在浏览器本地完成色值互转与取色，不上传数据；历史记录保存在本机。

在 HEX、RGB、HSL 与 HSB 之间实时互转；径向与线性均为 400px 主取色区、中间 24px 留白、右侧 40px 色相条联动；取色区与色值栏间距 32px；拖拽圆盘/色板时局部放大；支持框内复制、屏幕取色与本地历史。

从设计稿复制 #2d9ecf，一键查看 rgb 与 hsl；用取色笔吸取网页色块后写入历史，随时点选复用。

使用步骤

1. 在「取色」下拉中切换径向/线性；两种模式左侧均为 400px 主取色区，与右侧 40px 色相条之间留 24px 间距，色相条与颜色联动
2. 拖动圆盘、线性色板或右侧色相条取色，HSB、HEX、RGB、HSL 会自动同步；拖拽圆盘或线性色板时显示圆形局部放大，便于对准像素
3. 在「HSB」「RGB」「HSL」「HEX」各行中点击任意一段数值即可编辑，修改后会同步更新其他格式与取色区；宽屏（视口 ≥1440px）时右侧还显示可编辑的合并总值（如 hsb(200, 68%, 49%)），窄屏仅显示三通道
4. 点击各框右侧复制图标，一键复制对应格式的完整写法
5. 点击取色笔，可拾取屏幕任意颜色；右侧为取色历史，点击可快速复用