🎨

颜色转换（HEX/RGB/HSL）纯前端 · 免登录

HEX、RGB、HSL 颜色格式互转，支持拾色器与实时预览

输入颜色

或使用拾色器：

预览与转换结果

HEX #5B6BD9

RGB rgb(91, 107, 217)

HSL hsl(231, 60%, 60%)

颜色转换工具使用说明

在输入框粘贴任意一种颜色格式（HEX 如 #5B6BD9 或缩写 #fff、RGB 如 rgb(91,107,217)、HSL 如 hsl(231,60%,60%)），即可实时转换为另外两种格式；也可以直接用拾色器选色，右侧实时预览颜色效果。

三种格式的常见用途：HEX 最常用于 CSS 与设计稿标注；RGB 适合需要透明度扩展（rgba）的场景；HSL 按色相/饱和度/亮度描述，做同色系配色调整时最直观。

所有转换在浏览器本地完成，不上传服务器。