颜色转换：HEX、RGB、HSL 在线互转
每个设计师和开发者都会撞上同一刻：设计稿给的颜色是 #7C3AED，CSS 框架要 rgb(124, 58, 237)，心爱的配色网站只说 HSL。这个工具终结来回复制：三种写法任意贴一种，三种表示并排即出，一键复制。
支持 HEX（含浏览器式缩写 #f0a）、rgb() 函数写法、人类友好的 hsl()，输入即转不用点按钮。大色块实时预览，长得是不是想要的深海军蓝，贴进生产环境前先看一眼。
纯 JS 数学本地计算，无服务器往返、无等待、不存档。做设计系统、对品牌色、调图表色板，或单纯好奇喜欢的 hex 转 HSL 长啥样，全程无摩擦。
使用方法
- 输入颜色 — 贴
#7c3aed、rgb(124, 58, 237)或hsl(258, 90%, 66%)任一种。 - 看结果 — 三种格式实时更新，配大色块预览。
- 复制 — 点 HEX、RGB、HSL 卡片上的复制图标，CSS 即用字符串到手。
功能特点
- 三格式同出 — 一次输入，HEX、RGB、HSL 全有。
- 解析宽容 — 缩写 HEX、逗号空格分隔、可选函数括号都认。
- 即时视觉反馈 — 全宽色块先验货再提交。
- 私密即时 — 纯本地计算，不出设备。
- 永久免费 — 不限次数，无需注册。
适用场景
- 设计稿色值转 CSS 可用格式。
- 主题开发：定色相、明度推浅深色。
- 图表配色：HSL 视角批量调饱和度。
- 跨端对色：iOS、安卓、Web 三端统一。