颜色转换

HEX / RGB / HSL 互转，含对比度与色卡预览

功能介绍

输入任意一种颜色格式（HEX、rgb()、hsl()），同步得到其余表示，并展示色块预览、灰阶对比度（WCAG）与深浅色文字建议。

适合前端配色、设计稿还原、无障碍对比度检查。

使用说明

  • 在任一输入框输入颜色，其他格式实时同步
  • HEX 支持 3 位（#abc）与 6 位（#aabbcc）
  • 对比度按 WCAG 2.1 计算，≥4.5 达到 AA 文本标准
  • 点击色卡复制对应格式

输入输出示例

同一颜色的三种表示

#2563eb = rgb(37, 99, 235) = hsl(217, 91%, 53%)

常见问题

支持透明度（Alpha）吗？

rgb()/rgba() 输入支持 alpha 并在输出中保留；HEX 8 位（RRGGBBAA）暂不支持。

相关工具

本工具完全在浏览器本地运行，输入内容不会被上传或保存。