颜色转换：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 三端统一。
常见问题
支持 HEX（#7c3aed 或缩写 #c3a）、RGB（rgb(124, 58, 237)）、HSL（hsl(258, 90%, 66%)）。工具自动识别输入格式，三种表示一次给齐，点击即复制。
说的是同一个颜色的不同写法：HEX 把红绿蓝压成紧凑代码，CSS 与设计稿最常见；RGB 按通道列数值，图像编辑器常用；HSL 按色相、饱和度、明度表达，固定色相调明度就能配出一套色板，理解更直观。
支持。#f0a 这类三位缩写会自动展开为六位 #ff00aa，和浏览器的解释完全一致。
现代浏览器三种都认，按任务选：纯色用 HEX 最省字符；要透明通道用 RGB（RGBA）；做主题用 HSL，定住色相、明度上下推浅色深色。本工具三种都给复制即用。
不会。转换是纯 JS 数学运算，在浏览器本地完成，不发送、不记录、不存储。
免费，无需注册，不限次数。多少颜色随手转随手复制。