取色器与颜色转换
选择颜色并在 HEX、RGB、HSL 和 HSV 之间转换，最近使用的颜色历史记录保存在你的设备上。
预览
#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)
试试 #3b82f6、rgb(59, 130, 246)、hsl(217, 91%, 60%) 或 teal 这样的名称。
最近使用的颜色
还没有保存的颜色。保存当前颜色或复制一个值即可开始列表。
使用方法
- 使用色板、HEX 输入框，或在自由文本框中输入任意 CSS 颜色来选择颜色。
- RGB、HSL 和 HSV 字段相互同步：更改任意一个，其他字段会立即更新。
- 使用复制按钮以你需要的确切格式复制数值。
- 将当前颜色保存到最近颜色列表中，点击保存的色板即可在以后重新应用。
注意事项
所有转换都在你的浏览器中运行；你选择的颜色永远不会发送到服务器。最近的颜色仅存储在此设备的 localStorage 中，可随时清除。自由文本框接受 #hex、rgb()、hsl() 以及一小部分命名颜色，例如 teal。
常见问题
- HSL 和 HSV 有什么区别？
- 在 HSL 中，L 是明度：最鲜艳的颜色位于黑色 (0%) 和白色 (100%) 的中间。在 HSV 中，V 是明度值：100% 是最亮的纯色。根据你的工作流程所依据的模型来选择。
- 支持透明度（alpha）吗？
- 此取色器处理不透明颜色。如果你粘贴带有 alpha 的值，例如 #rrggbbaa 或 rgba()，则只会使用 RGB 部分。