颜色格式转换 — HEX、RGB、HSL 互转,自动给出对比度
HEX / RGB / HSL 互转与配色
正在加载工具…
关于这个工具
设计稿给的是 HEX、代码里要 RGB、调色又习惯 HSL。输入任意一种格式,其余全部同步,还给出 WCAG 对比度和深浅变体,方便检查文字在背景上是否看得清。
常见问题
支持透明度吗?
支持 8 位 HEX(#RRGGBBAA)和 rgba(),会一起给出。
对比度评分怎么用?
4.5:1 以上适合正文,3:1 以上适合大号字。低于 3 的文字在小屏上很难读。
能生成配色方案吗?
会给出同色系的深浅阶(类似 Tailwind 的 50–900),复制即用。