取色器
HEX、RGB、HSL
可视化选择任意颜色,在 HEX、RGB 和 HSL 格式之间转换。即时复制值用于 CSS 和设计工具。
这个工具是什么?
可视化选择任意颜色,在 HEX、RGB 和 HSL 格式之间转换。即时复制值用于 CSS 和设计工具。
取色器 — HEX、RGB、HSL用于可视化选择颜色或计算派生颜色,并以适合 CSS 和设计系统的格式展示。HEX、RGB 和 HSL 是同一种颜色的不同坐标表示。
适合快速检查并复制 UI 设计稿、设计 token、CSS 变量和配色方案中的颜色值。
如何使用
- 选择基准颜色或输入 HEX 值。
- 查看计算出的颜色值或调色板。
- 复制所需的 HEX、RGB、HSL 或 CSS 值。
- 在真实背景和文本上同时检查对比度与可访问性。
示例
| 输入 / 设置 | 输出 |
|---|---|
#3b82f6 | rgb(59, 130, 246); hsl(217, 91%, 60%) |
#000000 | rgb(0, 0, 0); hsl(0, 0%, 0%) |
#ffffff | rgb(255, 255, 255); hsl(0, 0%, 100%) |
相关工具与概念
最后审阅: 2026-05-08