首页 > 使用教程 > 颜色转换:RGB转十六进制色值(HEX)方法

颜色转换:RGB转十六进制色值(HEX)方法

更新于 2026-10-25 · 阅读约 2 分钟

设计稿给的是 RGB,CSS 里常用 #ffffff。本文讲转换公式,并给出三种颜色表示法的选用建议。

相关工具:颜色转换工具

不用装软件,打开网页就能用。数据在浏览器本地处理,不上传服务器。

立即使用颜色转换工具

一、RGB 与 HEX 转换

HEX 是 RGB 各通道的两位十六进制:#RRGGBB。红 255 即 FF,绿 128 即 80,蓝 0 即 00,合起来 #FF8000。反向转换把每两位十六进制转十进制即可。

二、三种表示法

HEX 最紧凑,适合 CSS;rgb() 函数支持 rgba() 带透明度;hsl() 更符合直觉,调色时直接改色相和饱和度最方便。

三、透明度

八位 HEX(#RRGGBBAA)或 rgba() 均可表达透明度。现代浏览器均支持八位 HEX,旧项目为兼容性可用 rgba。

四、实用技巧

从截图取色可用系统取色器或在线工具;建立品牌色板时同时记录 HEX 和 RGB 两种值,方便设计与开发对接。

常见问题

#fff 和 #ffffff 一样吗?

一样。三位是四位的缩写形式,每位重复一次,仅用于可缩放的场景。

HEX 色值区分大小写吗?

不区分,但建议全大写或全小写保持代码统一。

为什么同一颜色不同屏幕显示不同?

屏幕色域和校准差异导致,设计交付时应约定 sRGB 色彩空间。

相关阅读

日期计算 文本对比 折扣计算 随机密码生成 文本替换 随机数生成
返回全部教程