RGB 转 Hex 颜色
把 RGB 或 HSL 值转成十六进制颜色码，带实时预览和 WCAG 对比度。
- RGB
- 28, 31, 33
- HSL
- 204°, 8%, 12%
- CSS
- rgb(28, 31, 33)
- 与正文色 #1c1f21 对比度
- 1.00:1
RGB 用红、绿、蓝三个通道表示颜色，每个通道 0 到 255，直接对应屏幕发光的方式，因此设计和开发工具都原生使用。
hex 输出是 CSS、设计系统和令牌中常用的六位紧凑形式。把 rgb(168, 121, 44) 转成 #a8792c，更方便复制到样式表或配置文件。
RGB 和 hex 可互换——两者都是同一颜色的 8 位/通道表示。本工具同时给出 HSL 等价形式，便于设计调整。
常见用途
- 把设计工具里取到的 RGB 色值转成 Tailwind 配置或 CSS 变量需要的 hex 令牌。
- 生成紧凑的 hex 字符串，粘贴进 JSON 主题文件或内联样式。
常见问题
- 为什么有的 hex 是 3 位或 8 位？
- 三位是成对简写（#0f3 = #00ff33）；八位在末尾加透明度。本工具输出标准的六位不透明形式。
- RGB 值要限制在 0-255 吗？
- 要。超出范围的值在屏幕上没有意义。转换器会自动钳制，保证输出合法的 hex。
- hex 比 RGB 更精确吗？
- 不是。两者都是每通道 8 位的同一颜色表示，互换不会损失任何精度。