DevTools

颜色转换器

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

颜色预览

#3B82F6

颜色格式输入

RGB

HSL

最近使用

暂无历史记录

常用颜色

红色系

橙色系

黄色系

绿色系

蓝色系

紫色系

粉色系

灰色系

CSS 代码

/* HEX */
color: #3B82F6;
background-color: #3B82F6;

/* RGB */
color: rgb(59, 130, 246);
background-color: rgb(59, 130, 246);

/* HSL */
color: hsl(217, 91%, 60%);
background-color: hsl(217, 91%, 60%);

颜色转换工具

这款在线颜色转换工具可以在 HEX、RGB 和 HSL 三种常用格式之间实时换算，适合前端开发、界面设计和样式调试。输入任意有效颜色后，HEX转RGB、RGB转HSL 等结果会自动同步，并立即展示实际颜色与适配的文字对比度。常用色板和最近使用记录能够帮助你快速复用配色，CSS 代码区域则可直接复制颜色和背景声明。所有换算均在浏览器本地完成，是一款无需上传数据、操作直接的在线调色工具。