格子岛

颜色转换器

HEX、RGB、HSL 互转，附明暗色阶色板。

明暗色阶（点击复制）

报告问题

Advertisement

A使用方法

  1. 01 用色块选取颜色，或在任意输入框中直接输入 HEX、RGB 或 HSL。
  2. 02 其他格式会自动同步更新。
  3. 03 点击下方色阶即可复制对应的 HEX 值。

Q常见问题

什么时候用 HSL 而不是 HEX？ ＋

HSL 更符合直觉：保持色相、调整亮度即可派生一致的悬停态和暗色模式配色。HEX 与 RGB 只是同一信息的不同写法。

支持带透明度的 8 位 HEX 吗？ ＋

本工具聚焦 CSS 中常用的不透明颜色；透明度支持计划在后续版本中加入。

→相关工具

→ CSS 渐变生成器 可视化设计线性渐变，一键复制 CSS。 → 对比度检查器 检查文字与背景色是否达到 WCAG AA/AAA 标准。 → 年龄计算器 按年、月、日精确计算年龄，并显示距离下一个生日的天数。 → Base64 编解码 文本与 Base64 互转，完整支持 UTF-8 中文与 emoji。