Hex 转 RGB 颜色
把十六进制颜色码转成 RGB、HSL 与 CSS 值，带实时预览和 WCAG 对比度。
- RGB
- 28, 31, 33
- HSL
- 204°, 8%, 12%
- CSS
- rgb(28, 31, 33)
- 与正文色 #1c1f21 对比度
- 1.00:1
十六进制颜色码是一个六位十六进制数，每两位代表红、绿、蓝三通道从 00 到 FF 的强度，是网页指定颜色的标准方式。
HSL（色相、饱和度、亮度）用更直觉的方式描述同一颜色——调整设计时，转色相环、加深亮度、或向灰色去饱和都更直观。
HSL 比 RGB 更容易微调——可以独立旋转色相或加深亮度。本工具同时展示两种表示，方便按你的工作流选择。
常见用途
- 把设计稿里的品牌 hex 色值转成 CSS 渐变或 Canvas 绘图需要的 rgb() 函数。
- 检查某个颜色的文字相对页面背景是否仍满足 WCAG AA 对比度。
常见问题
- hex 和 rgb() 有什么区别？
- 它们描述同一种颜色。hex 是紧凑记法，rgb() 是十进制展开。多数工具两种都接受，本转换器会给出等价形式。
- 文字对比度多少算合格？
- WCAG AA 要求普通文字 4.5:1、大号文字 3:1（18pt 以上）；AAA 要求 7:1。转换器会自动算出与正文色的对比度。
- 支持 #fff 这种简写吗？
- 支持。三位简写会先展开成六位（#fff 变成 #ffffff）再转换。