🎨 颜色选择器

关于颜色选择器

这个颜色选择器完全在你的浏览器中运行。使用原生调色板选取、拖动 RGB 或 HSL 滑块、输入 HEX 值，或使用取色器（在支持的浏览器中）采样屏幕上的任意像素。所有格式实时更新，一键复制任意值。

颜色格式说明

• HEX —— 6 位十六进制代码（如 #0EA5E9），以 # 为前缀。是网页上最简洁、最常见的格式。
• RGB —— 红、绿、蓝通道，范围 0–255。例如 rgb(14, 165, 233)。直观表示屏幕颜色。
• HSL —— 色相（0–360°）、饱和度（0–100%）、亮度（0–100%）。例如 hsl(199, 85%, 48%)。最易用于创建颜色变体。
• HSV —— 色相、饱和度、明度。与 HSL 类似，但明度代表亮度。常见于图形软件。

如何使用取色器

1. 点击从调色板选取打开原生颜色选择器，或拖动 RGB/HSL 滑块。
2. 直接在 HEX 输入框输入 HEX 值，即可转换为所有其他格式。
3. 点击屏幕取色（在支持的浏览器中）采样屏幕上任意可见的颜色。
4. 使用随机颜色寻找灵感，然后点击任意复制按钮获取数值。

常见问题

为什么屏幕取色按钮不可用？ EyeDropper API 目前仅在基于 Chromium 的浏览器（Chrome、Edge）中受支持。在 Firefox 或 Safari 中，请使用原生调色板或滑块。

屏幕取色安全吗？ 安全。浏览器在与页面共享采样的像素前会显示确认提示，且不会上传任何内容。

HSL 和 HSV 有什么区别？ 两者都是圆柱形颜色模型。HSL 的亮度为 100% 时是纯白色，而 HSV 的明度为 100% 时是纯色。调整第三个通道时会产生不同的色调。

颜色历史会保存吗？ 历史仅保留在浏览器当前会话的内存中，刷新页面会清空。