颜色代码转换器
粘贴一个颜色，可以是 HEX（#ff6600 或 #f60）、rgb(255, 102, 0)、逗号分隔的 255, 102, 0 或 hsl(24, 100%, 50%)，转换器会立刻将其转换为另外两种格式，并提供实时色样预览，每个格式均可一键复制。
颜色代码转换的原理
-
1
以受支持的格式输入颜色
HEX（#abc、#abcdef）、rgb(r, g, b)、逗号分隔的 r, g, b 或 hsl(h, s%, l%)。
-
2
解析为内部表示
工具会先在内部将数值转换为 RGB，再由该数值推导出 HEX 和 HSL 的对应值。
-
3
显示所有格式
对应的 HEX、RGB 和 HSL 字符串并排显示。
-
4
实时色样预览
一眼即可看到转换后的颜色，方便你在复制前确认结果。
支持的格式
| 格式 | 示例 | 用途 |
|---|---|---|
| 3 位 HEX | #F66 |
简写形式，仅适用于数字重复的颜色 |
| 6 位 HEX | #FF6B6B |
CSS 和平面设计的默认写法 |
| RGB | rgb(255, 107, 107) |
CSS、JS、设计软件 |
| 逗号分隔 | 255, 107, 107 |
与 RGB 相同，但不带函数语法 |
| HSL | hsl(0, 100%, 71%) |
更直观地理解色相/饱和度/明度 |
何时使用哪种
- 静态 CSS 和设计交接使用 HEX。
- 将颜色通道传给 JavaScript 或设计软件时使用 RGB。
- 调整亮度或饱和度时使用 HSL，其思维模型比 RGB 更清晰。
HSV、CMYK、LAB、LCH 和 OKLCH 等格式存在于设计工具中。它们以不同方式描述同一种颜色，但本转换器专注于上述三种核心网页格式。
精度
- HEX、RGB 和 HSL 之间的转换是精确的：HEX 与 RGB 属于同一颜色模型，HSL 通过标准公式由 RGB 推导而来。
- HSL 值会取整为整数，因此来回转换时末位数字可能略有偏移。显示的颜色完全相同；需要逐位精确的结果时请使用 HEX。
常见问题
HEX 或 rgb() 兼容性最广。追求可读性时用 hsl()。现代浏览器也支持 oklch() 等格式，但 HEX 仍是最安全的默认选择。
不可以，转换器只接受不透明颜色：3 位或 6 位 HEX，以及不带 alpha 通道的 rgb() 和 hsl()。rgba() 或 8 位 HEX 请直接写在 CSS 中使用。
不可以，转换器只接受三种数字格式。请先用取色器或在线查询把颜色名称转换为 HEX。
HSL 以色相、饱和度、明度的整数显示，因此来回转换时数值可能偏差 1 个点。显示的颜色完全相同；需要精确副本时请使用 HEX。
相关工具
ASCII 表参考
完整 ASCII 表，覆盖 0 到 127；列出每个代码的十进制、十六进制、八进制、二进制值和 HTML 数字字符引用写法，包括 NUL、LF、DEL。
HTML 字符参考
可搜索的 HTML 实体列表，含命名代码与数值代码，并支持一键复制特殊字符和符号。
键盘快捷键参考
搜索 macOS、Windows 和 Linux 上 VS Code、Chrome 以及使用 GNU Readline 的 Bash 的文档默认快捷键。
电话号码验证器
根据各国号码规划检查结构，并显示地区、类型以及E.164、国际、国内和RFC 3966格式。
BBCode 转 HTML 转换器
将 BBCode（论坛标记）转换为干净的 HTML。支持格式标签、列表、引用、代码、图片和链接。
随机颜色生成器
生成 1 到 50 个随机 HEX 颜色，查看色块，复制代码，并用于 CSS、测试或配色探索。