颜色转换器
在 HEX、RGB 和 HSL 颜色格式之间转换。可视化选色并复制任意格式——所有操作都在浏览器中实时运行。
#0EA5E9
预设色板
关于颜色转换器
这个颜色转换器完全在浏览器中运行。用可视化选色器选色、点击预设色块，或在 HEX、RGB、HSL 任一输入框中输入数值——所有字段实时同步并即时更新预览。所有转换均在本地设备上完成，不上传任何数据。
HEX、RGB 与 HSL 简介
- HEX — RGB 颜色的十六进制表示，写作
#RRGGBB，每两位表示红、绿、蓝通道（00–FF）。最紧凑，也是 HTML 和 CSS 中最常用的格式。 - RGB — 以 0–255 的十进制整数列出三个加色通道，例如
14, 165, 233。适合在设计工具中使用，或需要单独读取、操作某个通道时使用。 - HSL — 用色相（0–360°，色轮上的位置）、饱和度（0–100%，颜色的鲜艳程度）和亮度（0–100%，明暗程度）描述颜色。对人最直观——先选色相，再独立调整鲜艳度和明暗。
什么时候用哪种格式
- 在 HTML/CSS、设计交付、以及需要紧凑字符串的场景用 HEX。
- 在使用
rgba()透明、通道运算或需要 0–255 数值的图形 API 时用 RGB。 - 在生成颜色变体（浅色、深色、配色方案）时用 HSL，因为调整亮度或饱和度很方便。
如何使用颜色转换器
- 点击色块或可视化选色器，打开系统原生颜色选择器。
- 在 HEX、RGB 或 HSL 任一文本框中编辑，其他文本框会自动同步。
- 点击预设色块载入常用颜色，或按随机颜色获取随机色。
- 点击任一字段旁的复制按钮，即可将所示数值复制到剪贴板。
常见问题
这个颜色转换器免费吗？ 免费。完全免费，在浏览器中运行，无需注册。
我的颜色会发送到服务器吗？ 不会。所有转换和复制都在本地设备上完成。
支持哪些格式？ HEX（#RRGGBB 与 3 位 #RGB）、RGB（每通道 0–255）、HSL（色相 0–360°，饱和度与亮度 0–100%）。
三种格式都能复制吗？ 可以——每个字段都有独立的「复制」按钮，会复制所显示的确切数值。
为什么 HSL 数值和其他工具略有不同？ 最后一位 ±1 的微小差异属正常现象，因为不同工具在计算的不同阶段进行舍入。