Utill.net

取色器

HEX、RGB、HSL

可视化选择任意颜色,在 HEX、RGB 和 HSL 格式之间转换。即时复制值用于 CSS 和设计工具。

这个工具是什么?

可视化选择任意颜色,在 HEX、RGB 和 HSL 格式之间转换。即时复制值用于 CSS 和设计工具。

取色器 — HEX、RGB、HSL用于可视化选择颜色或计算派生颜色,并以适合 CSS 和设计系统的格式展示。HEX、RGB 和 HSL 是同一种颜色的不同坐标表示。

适合快速检查并复制 UI 设计稿、设计 token、CSS 变量和配色方案中的颜色值。

如何使用

  1. 选择基准颜色或输入 HEX 值。
  2. 查看计算出的颜色值或调色板。
  3. 复制所需的 HEX、RGB、HSL 或 CSS 值。
  4. 在真实背景和文本上同时检查对比度与可访问性。

示例

输入 / 设置输出
#3b82f6rgb(59, 130, 246); hsl(217, 91%, 60%)
#000000rgb(0, 0, 0); hsl(0, 0%, 0%)
#ffffffrgb(255, 255, 255); hsl(0, 0%, 100%)

相关工具与概念

最后审阅: 2026-05-08