选择颜色
输入三位或六位 HEX 颜色代码，使用取色器，或设置 RGB 通道。
HEX 转 RGB 与 RGB 转 HEX：CSS 色值转换器
转换 HEX 和 RGB 颜色、预览结果、复制 CSS 色值，并将颜色用于图片背景。
免费使用，无需注册、无水印。适用于 CSS 颜色和图片背景的 HEX 与 RGB 转换
在设计工具和代码之间传递颜色，无需猜测数值。将 HEX 代码转换为 RGB 通道，或输入 RGB 值获得等效 HEX 表示。实时色样可在复制 CSS 色值前帮助核对结果，也可以将该颜色作为纯色背景图片的起始色。举例来说，#336699 转换后为 rgb(51, 102, 153)，而三位 HEX #369 展开后也是相同颜色；请复制目标应用要求的表示方式。
颜色转换的使用场景
将品牌 HEX 代码转换为 RGB 数值。
为网站背景复制 CSS 颜色。
从精确指定的颜色创建纯色图片。
如何将 HEX 转为 RGB 并复制 CSS 颜色
HEX 和 RGB 是同一通道数值的两种表示方式。转换改变的是记法，不会创建新颜色或校正屏幕。
按红、绿、蓝顺序读取 HEX 通道
六位 HEX 代码为红、绿、蓝各分配两位。#336699 对应 RGB(51, 102, 153)，各通道范围为 0 至 255。三位代码通过重复每位展开，因此 #369 与 #336699 表示相同数值。
复制目标应用接受的记法
颜色字段要求 #RRGGBB 时可复制 HEX，需要样式表时可复制 RGB 记法。链接的纯色图片生成器可按所选颜色创建文件。本转换器处理不透明 RGB 颜色，不提供 CMYK 印刷分色或颜色配置文件转换。
识别无效输入
HEX 字符串不完整或不受支持时，预览会保留上一次有效颜色，直到输入有效数值。不要将该预览当作无效文字已成功转换。显示亮度和色彩管理仍可能让相同通道值在不同设备上呈现不同外观。
如何使用免费的颜色转换工具
复制颜色值
复制 HEX 或 RGB 表示，用于样式表、设计文件或文档。
使用新颜色
打开纯色或渐变图片生成器，所选颜色会自动填入。
颜色转换：常见问题解答
下载前需要了解的信息。
HEX 和 RGB 表示不同颜色吗？
它们是相同 RGB 通道数值的不同写法。例如，#ffffff 和 rgb(255, 255, 255) 都表示白色。
为什么 RGB 通道范围是 0 到 255？
此转换器将每个通道表示为 8 位数值，因此有从 0 到 255 的 256 个等级。三个通道共同指定红、绿、蓝分量。
从一张图片，开始下一次创作
给下一条动态定个底色，为屏幕换种心情，或为演示准备一张封面。选个场景，现在就开始。