将十六进制颜色代码转换为 RGB 并返回
输入十六进制代码(如 #FF5733),立即看到 RGB 等效项 — rgb(255, 87, 51)。或者输入 RGB 值并获取十六进制代码。实时颜色样本会在您键入时更新,一键式按钮会以 CSS、设计工具或文档所需的格式复制值。
免费使用此工具特征
双向转换
输入十六进制代码以获取 RGB,或输入 RGB 值以获取十六进制。这两个字段都会在您键入时实时更新,无需单击转换按钮。
实时颜色样本
大预览样本显示您输入的颜色。它会立即更新,因此您可以直观地确认色调是否符合您的期望。
CSS 输出片段
获取十六进制和 RGB 格式的颜色、背景颜色和边框颜色属性的可粘贴 CSS 代码。一键复制任何片段。
Alpha 通道支持
输入 8 位十六进制代码或 RGBA 值以使用透明度。该工具可在两种格式之间准确转换 Alpha 通道。
如何使用
输入颜色值
键入十六进制代码(带或不带 # 符号)或输入 0 到 255 之间的三个数字形式的 RGB 值。
查看结果
相反的格式字段会自动更新。预览样本显示颜色。
复制
单击任何值或 CSS 片段旁边的复制按钮。吐司确认文本位于剪贴板上。
规格
| 输入格式 | 十六进制(3、6、8 位)、RGB、RGBA |
| 输出格式 | 十六进制、RGB、RGBA |
| 阿尔法支持 | 是(HEX8、RGBA) |
| CSS 片段 | 颜色、背景、边框 |
| 预览 | 实时样本 |
| 加工 | 客户端(即时) |
Related Magic Eraser Tools
常见问题
3 位和 6 位十六进制代码有什么区别?
+
像 #F53 这样的 3 位十六进制代码是 #FF5533 的简写 — 每个数字都是双倍的。该工具接受这两种形式,并始终输出完整的 6 位数代码以确保清晰。
我可以输入不带 # 符号的十六进制代码吗?
+
是的。该工具可识别带或不带前导哈希的十六进制值。它会自动将 # 添加到输出中。
如何转换具有透明度的颜色?
+
使用 8 位十六进制代码,其中最后两位数字代表 alpha(例如 #FF573380 表示 50% 不透明度)或输入四个 RGBA 值。该工具可在两种格式之间转换 Alpha 通道。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
将图像大小调整为精确的像素尺寸,以适应社交媒体、网络和印刷品。无需注册。支持最大 50 MB 的 JPEG、PNG 和 WebP。
将 JPEG、PNG 和 WebP 图像压缩高达 80%,同时将可见质量损失降至最低。调整质量滑块以实现完全控制。无需注册。
立即将 PNG 图像转换为 JPEG 格式。调整输出质量,为透明区域选择背景颜色,然后下载 - 无需注册。
将 JPEG 图像转换为 PNG 格式以获得无损质量和透明度支持。背景去除前的理想选择。无需注册或安装。
将 Apple HEIC 和 HEIF 照片转换为普遍兼容的 JPEG 格式。在浏览器中工作 - 无需安装应用程序,无需注册,无需将文件上传到服务器。
将 JPEG 和 PNG 转换为 WebP 以加快页面加载速度,或将 WebP 转换回 JPEG/PNG 以实现兼容性。无需注册,无需安装,在浏览器中运行。