HEX、RGB、HSL 色值有什么区别？

HEX 是十六进制颜色码（如 #4f46e5），RGB 是红绿蓝三通道数值，HSL 是色相/饱和度/亮度。工具支持三种格式互转，方便不同场景使用。

可以从屏幕上取色吗？

工具内置取色器，可直接从页面上选取颜色并复制色值，设计师和前端开发调色非常方便。

可以。工具提供渐变色生成功能，支持自定义起始和结束颜色，一键生成 CSS 渐变代码。

取色器可以读取页面上任意元素的颜色，配合吸管工具一键取色，方便从设计稿或网页中提取配色。

🎨

在线颜色选择器，支持 HEX、RGB、HSL 色值转换和实时预览，点击取色即可生成对应的颜色代码

HEX/RGB/HSL 实时预览纯前端处理

#6366f1

HEX

RGB

HSL

HSV

Hex（例如 #6366f1 或 6366f1）

RGB（例如 rgb(99,102,241) 或 99,102,241）

HSL（例如 hsl(239,84%,67%) 或 239,84%,67%）

在线颜色选择器，实时显示 HEX、RGB、HSL、HSV 色值，支持色值互转和复制。适用于 Web 开发、UI 设计、平面设计等场景。

输入任何格式的色值，自动识别并显示所有格式的表示。支持 HEX、RGB、HSL 三种格式互相转换，一键复制。

点击颜色选择器或拖拽色相条选取颜色，在手动输入区输入色值并点击应用，点击复制按钮一键复制色值到剪贴板。

📚 颜色工具相关文章

支持的色值格式

使用提示