Color Picker

关于本工具

颜色选择器让您直观地选择任何颜色，并立即查看其HEX、RGB和HSL表示。使用原生颜色选择器进行广泛选择，或使用RGB滑块进行精确的通道级控制。

选择的颜色会自动保存到最近颜色历史记录中，无需重新输入即可快速返回该颜色。在比较颜色变体或跨多个工具构建调色板时非常有用。

使用方法

1. 点击大色块打开浏览器原生颜色选择器并选择任意颜色。
2. 拖动R、G、B滑块精细调整各颜色通道。
3. 点击HEX、RGB或HSL旁的复制按钮将值复制到剪贴板。
4. 复制的颜色出现在最近颜色行中——点击任意色块即可恢复。

使用场景

Web设计师从品牌指南中选择精确颜色并将hex代码复制到CSS中。开发者为canvas或WebGL工作精调RGB值。UI设计师通过调整单个滑块比较同一色调的细微差异。

常见问题

• 选择的颜色会永久保存吗？ — 不会。最近颜色存储在组件状态中，离开页面或刷新时会重置。如需永久保存，请将hex代码复制到笔记中。
• 可以直接输入hex代码吗？ — 可以。使用大多数浏览器原生颜色选择器中的hex输入字段直接输入hex值。
• HSL是什么，为什么有用？ — HSL代表色调(Hue)、饱和度(Saturation)、亮度(Lightness)。它以人类直觉的方式描述颜色——改变亮度值可使颜色在保持相同色调的同时变亮或变暗，适合生成淡色和深色。