🎨 颜色拾取器

关于颜色拾取器

本颜色拾取器完全在您的浏览器中运行。使用原生颜色控件可视化地选择颜色，或直接输入 HEX、RGB 或 HSL 数值——所有字段会保持同步。该工具还会计算常见的配色方案（互补色、类比色、三角色），方便您快速构建调色板。

HEX、RGB 和 HSL 有什么区别？

HEX 将颜色编码为六位十六进制字符串，例如 #0ea5e9，其中每两位数字分别代表红、绿、蓝通道（0–255）。RGB 用十进制数表示同样的三个通道，例如 rgb(14, 165, 233)。HEX 和 RGB 都描述了您在屏幕上看到的是哪种颜色。

HSL 通过色相（色环上 0–360°）、饱和度（0–100%，颜色鲜艳程度）和亮度（0–100%，明暗程度）来描述颜色。设计师通常更喜欢 HSL，因为调整单一属性（比如让颜色变亮）直观且可预测。

什么是配色方案？

配色方案是在色环上以固定角度相对的颜色组合，搭配起来往往令人赏心悦目。互补色相距 180°，对比最强。类比色位于两侧各 30°，感觉和谐平静。三角色相距 120°，能产生平衡而充满活力的调色板。

如何使用本工具

1. 点击原生色块打开系统颜色选择器，或在任意字段中输入数值。
2. HEX、RGB 和 HSL 输入会实时相互更新。
3. 点击任意配色色块可将其设为当前颜色。
4. 使用复制按钮以您需要的格式复制当前颜色。

常见问题

本工具会将我的颜色上传到任何地方吗？ 不会。所有操作都在浏览器本地完成。

可以输入三位 HEX 如 #abc 吗？ 本工具需要六位 HEX，请将简写展开为完整的六位。

为什么 HSL 数值与其他工具略有不同？ HSL 由相同的 RGB 数值计算，但四舍五入到整数可能导致色相、饱和度或亮度出现 ±1 的差异。