HEX / RGB / HSL 三种颜色格式实时互转,支持可视化取色器与常用调色板,点击即可复制。
前端开发写 CSS 时经常需要在 HEX、RGB、HSL 之间来回转换:设计稿给的是十六进制,做透明度要用 rgba,调明暗则 HSL 最方便。本工具三种格式实时联动,改任意一个另外两个立刻同步,配合取色器和调色板可直接取色复制,全部在浏览器本地完成,不上传任何数据。
两者表达的是同一个颜色,只是写法不同。HEX 用十六进制表示,如 #7c3aed;RGB 用十进制三通道表示,如 rgb(124, 58, 237)。CSS 中都能直接使用。
HSL 按色相、饱和度、亮度描述颜色,调整明暗或生成同色系配色时最直观——只改 L 值即可得到同色相的深浅变体,比手动改 HEX 方便得多。
支持。输入 #f00 会自动按 #ff0000 解析,带不带 # 号都可以识别。
不会。所有转换都在你的浏览器中用 JavaScript 完成,页面不发送任何请求,断网也能正常使用。