颜色 转换器
三向颜色格式转换器 — 在任何字段中输入，HEX、RGB 和 HSL 都会立即更新。实时预览样本会在您键入时显示颜色。单击任何字段旁边的复制以获取 CSS 或设计工具的值。
如何转换颜色格式
输入任意颜色值即可开始
将颜色值键入或粘贴到三个字段中的任意一个 — HEX、RGB 或 HSL。其他两个会在您键入时更新，无需按 Enter 或单击按钮。左侧的预览样本显示了实时结果。单击任何字段旁边的复制，将格式化值直接复制到剪贴板，准备粘贴到 CSS 或设计工具中。
十六进制代码 — CSS 标准
十六进制颜色使用六个十六进制数字，前缀为 #， 例如 #FF5733。每对数字代表一个红色、绿色或蓝色通道，其比例为 00 （无）到 FF （全强度）。三位数简写如 #FFF 或者 #ABC 也被接受并自动扩展。 HEX 是 CSS、HTML 属性和 Figma、Sketch 和 Adobe XD 等设计工具中最常见的格式。
RGB — 红、绿、蓝通道值
RGB 使用 0 到 255 之间的整数指定红光、绿光和蓝光的强度。CSS 格式为 rgb(R, G, B)， 例如 rgb(255, 87, 51)。此格式直接映射到显示硬件渲染颜色的方式，并且在将颜色值传递给 JavaScript、Canvas 2D 绘图 API 或需要单独通道组件的图像处理代码时非常方便。
HSL — 色调、饱和度、亮度
HSL 将颜色表示为色调（0–360°，色轮上的角度位置）、饱和度（0–100%，颜色的鲜艳度）和亮度（0–100%，从纯黑到纯白）。 CSS 格式是 hsl(H, S%, L%)， 例如 hsl(11, 100%, 60%)。生成调色板时首选 HSL，因为调整色调会改变颜色系列，同时整体亮度和饱和度保持不变。
常问问题
该转换器支持哪些颜色格式？
该工具在 HEX（十六进制）之间进行转换 #FF5733）、RGB（rgb(255, 87, 51)) 和 HSL (hsl(11, 100%, 60%)）。每当其中任何一个字段发生更改时，所有三个字段都会同时更新。
如何将 HEX 代码转换为 RGB？
粘贴您的十六进制代码 - 带或不带 # 前缀 — 进入十六进制字段。 RGB 和 HSL 字段立即更新。单击 RGB 字段旁边的复制以获取用于 CSS 或 JavaScript 的格式化值。
RGB 和 HSL 有什么区别？
RGB 混合红光、绿光和蓝光（各 0-255），直接映射到屏幕渲染颜色的方式。 HSL 描述的颜色与色调（色轮位置，0–360°）、饱和度（鲜艳度，0–100%）和亮度（亮度，0–100%）相同。 HSL 对于创建调色板更加直观，因为旋转色调会改变颜色，同时保持其整体亮度和丰富度恒定。
我可以输入简短的三位数十六进制代码吗？
是的。三位数简写自动扩展： #FFF 变成 #FFFFFF, #ABC 变成 #AABBCC， 和 #000 变成 #000000。 3 位数和 6 位数形式均可接受，带或不带前导 #。
我的颜色是否已上传到服务器？
不会。所有转换都完全在您的浏览器中使用 JavaScript 运行。不会将颜色值、输入数据或使用信息发送到任何服务器。页面加载后，该工具即可离线工作。